/* Guide specific styles */
.hero{padding:28px 0}
.eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:#0e1821;border:1px solid var(--border);color:var(--muted);font-size:12px;letter-spacing:.3px;text-transform:uppercase}
h1{margin:.4rem 0 0;font-size:36px}
p.lead{color:var(--muted);font-size:18px}

.content{display:grid;grid-template-columns: 1fr 280px;gap:40px;max-width:1100px}
.section{padding:24px}

.toc{position:sticky;top:84px;align-self:start}
.toc h3{margin:0 0 10px;font-size:16px;color:var(--muted)}
.toc ul{margin:0;padding-left:16px;list-style:none}
.toc li{margin:8px 0}
.toc a{color:var(--muted);transition:color 0.2s ease}
.toc a:hover{color:var(--accent);text-decoration:none}

.kicker{font-size:13px;color:var(--accent2);letter-spacing:.2px;text-transform:uppercase}
h2{margin:0 0 10px;font-size:26px}
h3{margin:24px 0 12px;padding:0 0 8px}

.viz{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.bucket{border:1px dashed var(--accent);border-radius:12px;padding:14px;min-height:90px;background:linear-gradient(180deg,#0f1520,#0c1117)}
.bucket h4{margin:0 0 6px;font-size:14px;color:var(--accent)}
.bucket .amt{color:var(--muted);font-size:13px}

table{width:100%;border-collapse:separate;border-spacing:0}
th,td{padding:10px;border-bottom:1px solid var(--border)}
th{text-align:left;color:var(--muted);font-weight:600}
tr:last-child td{border-bottom:none}

.tip{padding:12px;border-left:3px solid var(--accent);background:#0e1620;border:1px solid var(--border);border-radius:10px;margin:16px 0}
.tip p{margin:0}

.article-nav{display:flex;justify-content:space-between;margin-top:32px;padding-top:16px;border-top:1px solid var(--border)}
.article-nav a{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--card);transition:all 0.2s ease}
.article-nav a:hover{border-color:var(--accent);transform:translateY(-1px)}

@media (max-width: 1000px){
  .content{grid-template-columns:1fr} 
  .toc{position:static}
}