.guide-header nav { display:flex; flex-wrap:wrap; gap:20px; color:var(--muted); }
.guide-header [aria-current] { color:var(--green); }
.guide-hero { padding:56px 0 38px; max-width:850px; }
.guide-hero h1 { font-size:clamp(2.6rem,6vw,5rem); line-height:1.08; letter-spacing:-.055em; margin:20px 0; }
.guide-deck { color:#d1d5db; font-size:1.22rem; line-height:1.7; max-width:720px; }
.guide-meta,.guide-card small { color:var(--muted); font-size:.85rem; line-height:1.6; }
.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.guide-card { min-width:0; display:flex; flex-direction:column; padding:30px; border:1px solid var(--line); border-radius:22px; background:var(--panel); }
.guide-card h2 { font-size:1.75rem; line-height:1.2; letter-spacing:-.035em; }
.guide-card p:not(.eyebrow) { color:#cbd5e1; line-height:1.7; margin:0 0 22px; }
.guide-card small { margin-top:auto; }
.guide-read { display:flex; justify-content:space-between; padding-top:22px; margin-top:20px; border-top:1px solid var(--line); color:var(--green); font-weight:800; }
.guide-card:hover { border-color:var(--green); }
.guide-article { max-width:780px; margin-inline:auto; }
.guide-toc { padding:24px 28px; border:1px solid var(--line); border-radius:18px; background:var(--panel); }
.guide-toc ol { margin-bottom:0; padding-left:22px; }
.guide-toc li { padding:6px 0; }
.guide-toc a { white-space:normal; color:#cbd5e1; }
.guide-prose { font-size:1.12rem; line-height:1.85; color:#d1d5db; }
.guide-prose section { margin:42px 0; scroll-margin-top:24px; }
.guide-prose h2 { font-size:1.8rem; line-height:1.25; color:var(--text); letter-spacing:-.035em; }
.guide-prose a { color:var(--green); text-decoration:underline; text-underline-offset:4px; }
.guide-related,.guide-cta { margin:60px 0; }
.guide-related>h2,.guide-cta h2 { font-size:2rem; line-height:1.2; }
.guide-cta { padding:32px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(120deg,rgba(56,217,138,.12),var(--panel)); }
.guide-cta p { color:#cbd5e1; margin-bottom:24px; }
.guide-footer { display:block; border-top:1px solid var(--line); padding:24px 0; color:var(--muted); line-height:1.8; }
.guide-skip { position:absolute; top:-100px; left:16px; z-index:50; padding:12px; background:var(--bg); }
.guide-skip:focus { top:8px; }
a:focus-visible { outline:2px solid var(--green); outline-offset:5px; }
@media(max-width:650px) { .guide-grid { grid-template-columns:1fr; } .guide-header { flex-direction:column; align-items:flex-start; gap:18px; } .guide-header nav { display:flex; gap:20px; } .guide-hero { padding-top:28px; } .guide-card { padding:24px; } }