body.guides-route{--guides-bg:var(--marketing-bg);--guides-surface:var(--marketing-surface);--guides-raised:var(--marketing-surface-raised);--guides-ink:var(--marketing-fg);--guides-muted:var(--marketing-muted);--guides-border:var(--marketing-border);--guides-accent:var(--marketing-accent);--guides-accent-soft:var(--marketing-accent-soft);--guides-gutter:clamp(1rem, 4vw, 2rem);background:var(--guides-bg);min-height:100vh;color:var(--guides-ink);font-family:var(--font-body,"Geist", sans-serif);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}body.guides-route a{color:inherit}body.guides-route :is(a,button):focus-visible{outline:2px solid color-mix(in srgb, var(--guides-accent) 72%, white 10%);outline-offset:4px}.guides-page{width:min(100%,1160px);padding:calc(var(--fluid-topbar-h,58px) + clamp(2rem, 6vw, 4.75rem)) var(--guides-gutter) clamp(3rem, 7vw, 6rem);gap:clamp(2.25rem,5vw,4.75rem);margin:0 auto;display:grid}.guides-hero{border-bottom:1px solid color-mix(in srgb, var(--guides-border) 84%, transparent);grid-template-columns:minmax(0,1.3fr) minmax(16rem,.7fr);align-items:end;gap:clamp(2rem,7vw,7rem);padding-bottom:clamp(2rem,4vw,3.25rem);display:grid}.guides-hero-copy{max-width:42rem}.guides-hero-copy h1{max-width:10ch;color:var(--guides-ink);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.9rem,6vw,5.25rem);font-weight:750;line-height:.98}.guides-hero-lead{max-width:58ch;color:var(--guides-muted);text-wrap:pretty;margin:1.35rem 0 0;font-size:clamp(1rem,.3vw + .96rem,1.18rem);line-height:1.7}.guides-hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.7rem;display:flex}.guides-button{border-radius:var(--button-radius);min-height:2.75rem;font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);border:1px solid #0000;justify-content:center;align-items:center;padding:0 1.05rem;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s,color .16s;display:inline-flex}.guides-button:hover{transform:translateY(-1px)}.guides-button-primary{background:var(--guides-accent);border-color:var(--guides-accent);color:var(--marketing-button-text)}.guides-button-primary:hover{background:var(--marketing-accent-strong);border-color:var(--marketing-accent-strong)}.guides-button-secondary{border-color:color-mix(in srgb, var(--guides-border) 88%, transparent);background:color-mix(in srgb, var(--guides-surface) 78%, transparent);color:var(--guides-ink)}.guides-button-secondary:hover{border-color:var(--guides-accent);background:var(--guides-accent-soft);color:var(--guides-accent)}.guides-hero-index{border-top:2px solid var(--guides-accent);min-width:0;padding:1.15rem 0 0}.guides-hero-index-heading{color:var(--guides-muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.67rem;font-weight:800;display:flex}.guides-index-mark{background:var(--marketing-gold);border-radius:50%;flex:0 0 .55rem;width:.55rem;height:.55rem}.guides-hero-stat{gap:.15rem;margin-top:1.55rem;display:grid}.guides-hero-stat strong{font-family:var(--font-mono,"IBM Plex Mono", monospace);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(2.9rem,5vw,4.5rem);font-weight:650;line-height:.9}.guides-hero-stat span,.guides-hero-facts dt{color:var(--guides-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:650}.guides-hero-facts{border-top:1px solid color-mix(in srgb, var(--guides-border) 84%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding-top:1rem;display:grid}.guides-hero-facts div{gap:.35rem;min-width:0;display:grid}.guides-hero-facts dt{letter-spacing:.14em;font-size:.6rem}.guides-hero-facts dd{color:var(--guides-ink);margin:0;font-size:.9rem;font-weight:650}.guides-topic-nav{border-top:1px solid color-mix(in srgb, var(--guides-border) 84%, transparent);border-bottom:1px solid color-mix(in srgb, var(--guides-border) 84%, transparent);align-items:center;gap:1.25rem;min-width:0;padding:.9rem 0;display:flex}.guides-topic-label{color:var(--guides-muted);letter-spacing:.14em;text-transform:uppercase;flex:none;font-size:.64rem;font-weight:800}.guides-topic-links{scrollbar-width:thin;gap:.35rem;min-width:0;display:flex;overflow-x:auto}.guides-topic-link{color:var(--guides-muted);white-space:nowrap;border:1px solid #0000;border-radius:.4rem;flex:none;padding:.45rem .68rem;font-size:.78rem;font-weight:650;text-decoration:none;transition:color .16s,background-color .16s,border-color .16s}.guides-topic-link:hover,.guides-topic-link.is-active{border-color:color-mix(in srgb, var(--guides-accent) 32%, var(--guides-border));background:var(--guides-accent-soft);color:var(--guides-accent)}.guides-section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.guides-section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,2.2vw,2.25rem);font-weight:720;line-height:1.05}.guides-section-count{color:var(--guides-muted);font-family:var(--font-mono,"IBM Plex Mono", monospace);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:.68rem;font-weight:600}.guides-feature{border:1px solid color-mix(in srgb, var(--guides-border) 88%, transparent);background:color-mix(in srgb, var(--guides-surface) 96%, transparent);border-radius:.85rem;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-width:0;display:grid;overflow:hidden}.guides-feature-media-link,.guides-reading-media-link{background:var(--guides-raised);min-width:0;line-height:0;display:block;overflow:hidden}.guides-feature-media{object-fit:cover;aspect-ratio:16/10;width:100%;height:100%;min-height:22rem;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.guides-feature-media-link:hover .guides-feature-media,.guides-reading-media-link:hover .guides-reading-media{transform:scale(1.025)}.guides-feature-content{align-content:center;gap:.85rem;min-width:0;padding:clamp(1.4rem,4vw,3rem);display:grid}.guides-item-meta{color:var(--guides-muted);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:800;line-height:1.3}.guides-feature-content h3,.guides-reading-content h3{color:var(--guides-ink);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.3rem,1rem + 1.05vw,2rem);font-weight:720;line-height:1.1}.guides-feature-content h3 a,.guides-reading-content h3 a{text-decoration:none}.guides-feature-content h3 a:hover,.guides-reading-content h3 a:hover{color:var(--guides-accent)}.guides-item-excerpt{max-width:54ch;color:var(--guides-muted);text-wrap:pretty;margin:0;font-size:.94rem;line-height:1.7}.guides-read-link{width:fit-content;color:var(--guides-accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.45rem;margin-top:.4rem;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.guides-read-link span{font-size:1rem;transition:transform .16s}.guides-read-link:hover span{transform:translate(.2rem)}.guides-reading-list{border-top:1px solid color-mix(in srgb, var(--guides-border) 84%, transparent)}.guides-reading-row{border-bottom:1px solid color-mix(in srgb, var(--guides-border) 84%, transparent);grid-template-columns:10.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:clamp(1rem,3vw,2rem);min-width:0;padding:1rem 0;display:grid}.guides-reading-media{object-fit:cover;aspect-ratio:16/10;width:100%;height:6.65rem;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.guides-reading-content{gap:.45rem;min-width:0;display:grid}.guides-reading-content h3{font-size:clamp(1.05rem,.3vw + 1rem,1.35rem)}.guides-reading-content .guides-item-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.55;display:-webkit-box;overflow:hidden}.guides-reading-link{border:1px solid color-mix(in srgb, var(--guides-border) 88%, transparent);width:2.25rem;height:2.25rem;color:var(--guides-muted);border-radius:50%;place-items:center;font-size:1.1rem;text-decoration:none;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:grid}.guides-reading-link:hover{border-color:var(--guides-accent);background:var(--guides-accent-soft);color:var(--guides-accent);transform:translate(.1rem,-.1rem)}.guides-media-placeholder{background:color-mix(in srgb, var(--guides-raised) 88%, var(--guides-accent) 12%);position:relative}.guides-media-placeholder:before,.guides-media-placeholder:after{content:"";border:1px solid color-mix(in srgb, var(--guides-accent) 35%, transparent);border-radius:50%;position:absolute}.guides-media-placeholder:before{width:5rem;height:5rem;top:50%;left:50%;transform:translate(-50%,-50%)}.guides-media-placeholder:after{background:var(--guides-accent);width:1.25rem;height:1.25rem;top:50%;left:50%;transform:translate(-50%,-50%)}.guides-empty{border:1px solid color-mix(in srgb, var(--guides-border) 88%, transparent);background:color-mix(in srgb, var(--guides-surface) 94%, transparent);border-radius:.85rem;gap:.55rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.guides-empty h2{letter-spacing:-.035em;margin:0;font-size:1.55rem}.guides-empty p,.guides-list-note{color:var(--guides-muted);margin:0}@media (width<=820px){.guides-hero{grid-template-columns:1fr;align-items:start;gap:2.5rem}.guides-hero-index{max-width:30rem}.guides-feature{grid-template-columns:1fr}.guides-feature-media{aspect-ratio:16/9;min-height:0}}@media (width<=620px){.guides-page{padding-top:calc(var(--fluid-topbar-h,58px) + 1.5rem);gap:2.75rem}.guides-hero-copy h1{max-width:8.8ch;font-size:clamp(2.55rem,13vw,3.7rem)}.guides-hero-actions{grid-template-columns:1fr;display:grid}.guides-button{width:100%}.guides-topic-nav{gap:.7rem;display:grid}.guides-section-heading{flex-direction:column;align-items:start;gap:.55rem}.guides-reading-row{grid-template-columns:5.5rem minmax(0,1fr) 2.25rem;align-items:start;gap:.75rem}.guides-reading-media{height:4.1rem}.guides-reading-content .guides-item-excerpt{display:none}.guides-reading-link{width:2rem;height:2rem}}@media (prefers-reduced-motion:reduce){body.guides-route :is(.guides-button,.guides-feature-media,.guides-reading-media,.guides-read-link span,.guides-reading-link){transition:none}}
