:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--text-primary:#f4f4fa;--text-secondary:#b3b3c5;--accent:#818cf8;--accent-hover:#a5b4fc;--border:#2a2a3a;--success:#4ade80}
*{box-sizing:border-box}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:'IBM Plex Sans',system-ui,sans-serif;line-height:1.75}a{color:var(--accent-hover);text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:2px solid var(--accent-hover);outline-offset:5px}.container{max-width:1200px;margin:auto;padding:0 24px}.seo-skip{position:absolute;left:16px;top:-80px;padding:10px 18px;background:#fff;color:#111;z-index:9999}.seo-skip:focus{top:12px}.seo-shell{max-width:1200px;margin:auto;padding:24px 28px 80px}.seo-breadcrumbs{margin:14px 0 36px;color:var(--text-secondary);font-size:.82rem}.seo-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.seo-breadcrumbs li+li:before{content:'/';margin-right:8px;color:#73738d}.seo-layout{display:grid;grid-template-columns:minmax(0,790px) 240px;gap:65px}.seo-article{min-width:0}.seo-intro{padding-bottom:28px;border-bottom:1px solid var(--border)}.seo-eyebrow{font-size:.71rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}h1,h2{font-family:'Space Grotesk',system-ui,sans-serif;letter-spacing:-.035em;line-height:1.2}h1{font-size:clamp(2rem,4vw,3.25rem);margin:0 0 24px;font-weight:600}h2{font-size:1.55rem;margin:0 0 18px;font-weight:500}.seo-description{font-size:1.17rem;line-height:1.65;color:#c8c8da;max-width:720px}.seo-revised{font-size:.8rem;color:var(--text-secondary);margin-top:24px}.seo-section{padding:34px 0;border-bottom:1px solid var(--border);scroll-margin-top:110px}.seo-section p{color:#c5c5d6;margin:0 0 17px}.seo-section p:last-child{margin-bottom:0}.seo-section pre{overflow:auto;max-width:100%;padding:22px;border:1px solid #333348;border-radius:10px;background:#11111d;color:#d8ddff;font-size:.81rem;line-height:1.7;tab-size:4}.seo-section code{font-family:'IBM Plex Mono',monospace}.seo-related{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:24px 0 0}.seo-related a{font-size:.88rem}.seo-sidebar{padding-top:8px;align-self:start;position:sticky;top:100px}.seo-sidebar nav{border-left:1px solid var(--border);padding-left:22px}.seo-sidebar a{display:block;font-size:.83rem;color:var(--text-secondary);padding:6px 0;text-decoration:none;line-height:1.5}.seo-sidebar a:hover,.seo-sidebar a[aria-current]{color:var(--accent-hover)}.seo-toc{margin-top:36px}.seo-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seo-counts>div{padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary)}.seo-counts dt{font-size:.78rem;color:var(--text-secondary)}.seo-counts dd{font-size:1.4rem;margin:7px 0 0;font-variant-numeric:tabular-nums}.seo-unavailable{border-left:3px solid var(--accent);padding:14px 18px;background:var(--bg-secondary)}
@media(max-width:900px){.seo-layout{grid-template-columns:minmax(0,1fr);gap:35px}.seo-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.seo-toc{margin-top:0}.seo-shell{padding:20px 22px 50px}.seo-breadcrumbs{margin-bottom:26px}}
@media(max-width:480px){.seo-counts,.seo-sidebar{grid-template-columns:1fr}.seo-shell{padding-left:18px;padding-right:18px}.seo-section pre{padding:15px}.seo-section{padding:28px 0}.seo-description{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
