.guide-page-shell{--guide-ink:var(--foreground);--guide-muted:var(--muted);--guide-line:color-mix(in srgb, var(--border) 86%, transparent);--guide-accent:var(--brand-600);min-width:0;color:var(--guide-ink);background:var(--background);display:grid}.guide-page-hero{grid-template-columns:minmax(19rem,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);padding:clamp(3.75rem,8vw,7.5rem) 0 clamp(3.25rem,7vw,6rem);display:grid}.guide-page-hero-copy{max-width:39rem}.guide-page-title,.guide-page-editor-note h2,.guide-page-section-head h2,.guide-page-next h2{color:var(--guide-ink);font-family:var(--font-heading), "DM Sans", sans-serif;letter-spacing:-.046em;text-wrap:balance;margin:0;font-weight:740}.guide-page-title{max-width:11ch;font-size:clamp(3.2rem,6.5vw,6.6rem);line-height:.96}.guide-page-lead{max-width:39rem;color:var(--guide-muted);margin:1.55rem 0 0;font-size:clamp(1.04rem,1.6vw,1.2rem);line-height:1.7}.guide-page-visual{min-width:0;margin:0}.guide-page-visual-frame{aspect-ratio:3/2;border-radius:var(--radius-lg);background:var(--surface-2);position:relative;overflow:hidden}.guide-page-visual img{object-fit:cover;transition:transform var(--motion-slow) var(--ease-emphasized)}.guide-page-switcher{z-index:12;top:var(--site-header-height,4.15rem);border-block:1px solid var(--guide-line);background:var(--surface);white-space:nowrap;scrollbar-width:none;align-items:center;gap:1.5rem;min-height:3.65rem;padding:.75rem 0;display:flex;position:sticky;overflow-x:auto}.guide-page-switcher::-webkit-scrollbar{display:none}.guide-page-switcher a{color:var(--guide-muted);transition:border-color var(--motion-fast) ease, color var(--motion-fast) ease;border-bottom:1px solid #0000;flex:none;padding-block:.2rem;font-size:.88rem;font-weight:760;text-decoration:none}.guide-page-switcher a:hover,.guide-page-switcher a[aria-current=page]{border-color:var(--guide-accent);color:var(--guide-ink)}.guide-page-switcher a:focus-visible,.guide-page-link:focus-visible{outline:2px solid var(--brand-400);outline-offset:4px}.guide-page-editor-note{border-bottom:1px solid var(--guide-line);grid-template-columns:minmax(17rem,.65fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,6rem);padding:clamp(3.5rem,7vw,6.5rem) 0;display:grid}.guide-page-editor-note h2,.guide-page-section-head h2,.guide-page-next h2{font-size:clamp(1.9rem,3.7vw,3.65rem);line-height:1.04}.guide-page-editor-note>p,.guide-page-next p{max-width:48rem;color:var(--guide-muted);margin:0;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.72}.guide-page-topics{grid-template-columns:minmax(16rem,.52fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);padding:clamp(4.75rem,9vw,8.5rem) 0;display:grid}.guide-page-section-head{align-self:start;position:sticky;top:9rem}.guide-page-list{border-top:1px solid var(--guide-ink);align-content:start;display:grid}.guide-page-list-item{border-bottom:1px solid var(--guide-line);gap:.75rem;padding:clamp(1.65rem,3vw,2.45rem) 0;display:grid}.guide-page-list-item h3{color:var(--guide-ink);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:780;line-height:1.2}.guide-page-list-item p{max-width:48rem;color:var(--guide-muted);margin:0;font-size:.97rem;line-height:1.7}.guide-page-next{border-block:1px solid var(--guide-line);background:var(--surface-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem clamp(2rem,7vw,7rem);margin-inline:calc(-1*clamp(1.25rem,5vw,4rem));padding:clamp(3.75rem,7vw,6.5rem) clamp(1.25rem,5vw,4rem);display:grid}.guide-page-next>div{gap:1.1rem;max-width:52rem;display:grid}.guide-page-link{border:1px solid var(--guide-accent);border-radius:var(--radius-sm);min-height:3.1rem;color:var(--surface);background:var(--guide-accent);transition:background-color var(--motion-fast) ease, transform var(--motion-fast) ease;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.05rem;font-size:.88rem;font-weight:820;text-decoration:none;display:inline-flex}.guide-page-link:hover{background:color-mix(in srgb, var(--guide-accent) 84%, var(--guide-ink) 16%);transform:translateY(-2px)}.guide-page-link svg{width:1rem;height:1rem}@media (hover:hover){.guide-page-visual:hover img{transform:scale(1.012)}}@media (max-width:900px){.guide-page-hero,.guide-page-editor-note,.guide-page-topics,.guide-page-next{grid-template-columns:1fr}.guide-page-hero-copy{max-width:48rem}.guide-page-editor-note{gap:1.25rem}.guide-page-section-head{position:static}.guide-page-link{width:fit-content}}@media (max-width:560px){.guide-page-hero{gap:2rem;padding-block:3rem}.guide-page-title{font-size:clamp(3rem,15vw,4.65rem)}.guide-page-visual-frame{aspect-ratio:4/3}.guide-page-switcher{gap:1.15rem}.guide-page-next{align-items:start}.guide-page-link{width:100%}}@media (prefers-reduced-motion:reduce){.guide-page-visual img,.guide-page-switcher a,.guide-page-link{transition:none}.guide-page-visual:hover img,.guide-page-link:hover{transform:none}}