.guide-card{display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--surface-1)}.guide-card h2{font-size:clamp(1.45rem,2.5vw,1.9rem);line-height:1.3;letter-spacing:-.025em}.guide-card>p:not(.technical-label){color:var(--text-secondary);line-height:1.8}.guide-read{color:var(--brand-hover);font-size:.9rem;line-height:1.6}.guide-card .guide-read{margin-top:auto}.guide-layout{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);padding-top:3.5rem;padding-bottom:5rem}.guide-toc{align-self:start;position:sticky;top:7rem}.guide-toc ol{margin-top:1.5rem;border-top:1px solid var(--border-subtle)}.guide-toc li{border-bottom:1px solid var(--border-subtle);font-size:.875rem;line-height:1.65;color:var(--text-secondary)}.guide-toc a{display:block;padding:1rem 0}.guide-read:hover,.guide-sources a:hover,.guide-toc a:hover{color:var(--text-primary)}.guide-article{max-width:48rem;min-width:0}.guide-byline{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:2rem;font-size:.8rem;line-height:1.6;color:var(--text-muted)}.guide-article p{color:var(--text-secondary);line-height:1.9;margin-top:1.1rem}.guide-article .guide-intro{font-size:1.12rem}.guide-article h2{font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.35;letter-spacing:-.025em}.guide-article section{margin-top:3.5rem;scroll-margin-top:7rem}.guide-article ul{padding-left:1.25rem;margin-top:1.5rem;list-style:disc}.guide-article li{color:var(--text-secondary);line-height:1.8;padding:.35rem 0 .35rem .25rem}.guide-article li::marker{color:var(--brand-hover)}.guide-cta,.guide-takeaway{margin-top:2.5rem;padding:clamp(1.25rem,3vw,2rem);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:.5rem}.guide-cta{display:flex;align-items:flex-start;flex-direction:column;gap:1.5rem}.guide-sources a{color:var(--brand-hover);text-underline-offset:.25rem;text-decoration:underline;overflow-wrap:anywhere}.guide-card a:focus-visible,.guide-read:focus-visible,.guide-sources a:focus-visible,.guide-toc a:focus-visible{outline:2px solid var(--brand-hover);outline-offset:4px}@media (max-width:900px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-toc{position:static}.guide-article{max-width:none}}