:root{color-scheme:dark;--bg: #0b0d0e;--surface: #121516;--surface-2: #191d1f;--text: #f2f3ef;--muted: #a4aaa6;--line: #2b3031;--accent: #a8cfbd;--accent-ink: #07100c;--danger: #ffb7a5;--max: 1180px;--read: 760px;--step--1: clamp(.78rem, .75rem + .12vw, .86rem);--step-0: clamp(.98rem, .94rem + .2vw, 1.1rem);--step-1: clamp(1.2rem, 1.08rem + .5vw, 1.55rem);--step-2: clamp(1.55rem, 1.28rem + 1vw, 2.2rem);--step-3: clamp(2.2rem, 1.65rem + 2.1vw, 3.8rem);--step-4: clamp(3rem, 2.1rem + 3.5vw, 6rem);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-size:var(--step-0);line-height:1.65}a{color:inherit;text-decoration-color:color-mix(in srgb,var(--accent) 65%,transparent);text-underline-offset:.2em}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}img,svg{max-width:100%}.container{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}.reading-width{width:min(calc(100% - 2.5rem),var(--read));margin-inline:auto}.skip-link{position:fixed;z-index:99;left:1rem;top:1rem;transform:translateY(-180%);padding:.75rem 1rem;background:var(--accent);color:var(--accent-ink)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{text-decoration:none;font-weight:720;letter-spacing:-.02em}.brand span{color:var(--accent);margin-right:.55rem}nav ul{display:flex;gap:clamp(.8rem,2vw,1.8rem);list-style:none;margin:0;padding:0;font-size:var(--step--1)}nav a{color:var(--muted);text-decoration:none}nav a[aria-current=page],nav a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:720}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.eyebrow{color:var(--accent);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;font-weight:750}.muted{color:var(--muted)}.card{border-top:1px solid var(--line);padding-block:1.5rem}.card h2,.card h3{margin:0 0 .45rem;line-height:1.2}.card p{margin:0;color:var(--muted)}.site-footer{border-top:1px solid var(--line);margin-top:7rem;padding-block:2.5rem;color:var(--muted);font-size:var(--step--1)}.footer-grid{display:flex;justify-content:space-between;gap:2rem}.footer-grid p{margin:0}.footer-grid strong{color:var(--text)}.callout{border-left:3px solid var(--accent);padding:1rem 1.2rem;margin-block:1.75rem;background:var(--surface)}.callout strong{display:block;color:var(--accent);margin-bottom:.2rem}.callout div>:first-child{margin-top:0}.callout div>:last-child{margin-bottom:0}.callout-warning{border-color:var(--danger)}.callout-warning>strong{color:var(--danger)}pre{background:#07090a!important;border:1px solid var(--line);padding:1.2rem;overflow-x:auto;font-size:.88rem;line-height:1.65}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}:not(pre)>code{padding:.12em .35em;background:var(--surface-2);color:var(--accent)}@media(max-width:680px){.nav-wrap{min-height:auto;padding-block:1rem;align-items:flex-start;flex-direction:column;gap:.8rem}nav{width:100%;overflow-x:auto}nav ul{min-width:max-content}.footer-grid{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--accent: #ffb86b;--accent-ink: #1c0d00;--bg: #0c0d10;--surface: #13151a;--surface-2: #1a1d24;--line: #30343d;--muted: #b1b4bc}body{background-image:linear-gradient(90deg,rgba(255,184,107,.025),transparent 30%)}.fix-hero{padding-block:clamp(5rem,11vw,9rem) 4rem}.prompt,.category,.read-time{color:var(--accent);font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.fix-hero h1{margin:.8rem 0 1.2rem;font-size:var(--step-4);line-height:.95;letter-spacing:-.06em}.fix-hero h1 span{color:var(--accent)}.fix-hero>p:last-of-type{color:var(--muted);max-width:650px;font-size:var(--step-1)}.search-shell{margin-top:3rem;max-width:760px;border:1px solid var(--line);background:var(--surface);padding:1rem 1.2rem}.search-shell label{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.4rem}.search-shell input{width:100%;border:0;background:transparent;color:var(--text);font:inherit;font-size:1.1rem;outline:0}.guide-section{padding-block:clamp(4rem,8vw,7rem)}.guide-section>h1{font-size:var(--step-3);line-height:1.05}.section-title{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-title h2{font-size:var(--step-3);margin:0}.section-title>p{color:var(--muted)}.guide-list{border-top:1px solid var(--line)}.guide-row{display:grid;grid-template-columns:150px 1fr auto;gap:1.5rem;align-items:center;padding:1.5rem .4rem;border-bottom:1px solid var(--line);text-decoration:none}.guide-row:hover{background:var(--surface)}.guide-row strong,.guide-row small{display:block}.guide-row strong{font-size:var(--step-1);line-height:1.2}.guide-row small{color:var(--muted);margin-top:.35rem}.category-band{padding-block:4rem;border-block:1px solid var(--line);background:var(--surface)}.category-links{display:flex;flex-wrap:wrap;gap:.7rem}.category-links a{border:1px solid var(--line);padding:.55rem .8rem;text-decoration:none}.article-head{padding-block:clamp(4rem,9vw,7rem) 3rem;border-bottom:1px solid var(--line)}.article-head h1{font-size:var(--step-3);line-height:1.04;letter-spacing:-.045em}.article-deck{color:var(--muted);font-size:var(--step-1)}.back-link{display:inline-block;margin-bottom:2rem}.metadata{display:flex;gap:2rem;flex-wrap:wrap;margin:2rem 0}.metadata div{border-left:2px solid var(--line);padding-left:.8rem}.metadata dt{color:var(--muted);font-size:.75rem;text-transform:uppercase}.metadata dd{margin:0;font-family:monospace}.demo-notice{border:1px solid #76542d;background:#1c1711;color:#ffd29e;padding:.8rem 1rem}.prose{padding-block:3rem 6rem}.prose h2{margin-top:3rem}.prose pre{overflow:auto;border:1px solid var(--line);background:#07080a;padding:1.2rem}.prose code{font-family:ui-monospace,monospace}.prose :not(pre)>code{color:#ffd29e;background:var(--surface-2);padding:.1rem .3rem}.prose blockquote{margin:2rem 0;border-left:3px solid var(--accent);padding:1rem 1.2rem;background:var(--surface)}.category-group{padding-block:2rem;border-bottom:1px solid var(--line);scroll-margin-top:6rem}@media(max-width:720px){.search-shell{padding-inline:1rem}.search-shell input{font-size:1rem}.section-title{align-items:start;flex-direction:column}.guide-row{grid-template-columns:1fr;gap:.45rem}.read-time{justify-self:start}.metadata{gap:1rem}.site-header nav{overflow-x:auto}}