:root{color-scheme:dark;--background:#081018;--secondary:#0f1724;--accent:#2596be;--light-accent:#4cb8df;--text:#f3f7fb;--muted:#b7c6d6;font-family:system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--background)}body{min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 80% 0%, #123144 0%, transparent 45%), var(--background);overflow-wrap:anywhere;flex-direction:column;margin:0;line-height:1.65;display:flex}.container{width:min(100% - 2rem,68rem);margin-inline:auto}.site-header{background:var(--secondary);border-bottom:1px solid #294054}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;padding-block:1rem;display:flex}nav{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}nav a,.brand{padding-block:.5rem;display:inline-block}.brand{color:var(--text);font-weight:750;text-decoration:none}a{color:var(--light-accent);text-underline-offset:.2em}a:hover{color:var(--text)}a:focus-visible{outline:3px solid var(--light-accent);outline-offset:4px;border-radius:2px}.skip-link{background:var(--secondary);z-index:1;padding:.75rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}main{flex:1}.intro{max-width:48rem;padding-block:clamp(4rem,12vw,8rem)}.eyebrow{color:var(--light-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}h1{margin:.3em 0;font-size:clamp(2.4rem,8vw,5rem);line-height:1.08}.tagline{color:var(--text);font-size:clamp(1.25rem,3vw,1.65rem);font-weight:600}.intro>p:last-child{color:var(--muted);max-width:40rem}.site-footer{border-top:1px solid #294054;padding-block:1.5rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}nav a[aria-current=page]{color:var(--text);text-decoration-thickness:.18em;text-decoration-color:var(--light-accent)}main:focus{outline:none}.hero{max-width:55rem;padding-block:clamp(4rem,10vw,7rem)}.hero>p:not(.eyebrow):not(.tagline),.page-header>p:not(.eyebrow),.method>p:not(.eyebrow){color:var(--muted);max-width:48rem}.actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{border:1px solid var(--light-accent);background:var(--light-accent);color:#081018;border-radius:.5rem;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:var(--text);color:#081018}.secondary-button{color:var(--text);background:0 0}.progress,.card,.empty,.metadata{background:var(--secondary);border:1px solid #294054;border-radius:.8rem;padding:clamp(1.2rem,3vw,2rem)}.progress{grid-template-columns:1fr 1fr;gap:1rem 2rem;display:grid}.progress h2,.section h2{margin:0 0 .5rem}.progress p{color:var(--muted);margin:.5rem 0}.progress .eyebrow{color:var(--light-accent)}.stats{flex-wrap:wrap;align-items:center;gap:1.5rem 3rem;display:flex}.stats div{display:grid}.stats strong{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2}.stats span,.note,.card-meta{color:var(--muted);font-size:.9rem}.progress .note{grid-column:1/-1}.section{padding-block:3.5rem}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading .eyebrow{margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.card h3{margin:.5rem 0;font-size:1.3rem;line-height:1.3}.card p{margin:.6rem 0}.card .eyebrow{font-size:.75rem}.badge{color:var(--text);letter-spacing:0;border:1px solid #638394;border-radius:2rem;padding:.15rem .55rem;display:inline-block}.empty{color:var(--muted)}.page-header{padding-block:4rem 2rem}.page-header h1{font-size:clamp(2.4rem,6vw,4rem)}.detail-layout{grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);align-items:start;gap:2rem;padding-bottom:3rem;display:grid}.prose{min-width:0;max-width:48rem}.prose img{max-width:100%;height:auto}.prose pre{border-radius:.5rem;padding:1rem;overflow-x:auto}.prose code{overflow-wrap:anywhere}.prose pre code{overflow-wrap:normal}.metadata h2{margin-top:0;font-size:1.2rem}.metadata dt{color:var(--muted);font-size:.85rem;font-weight:700}.metadata dd{margin:0 0 1rem}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}@media (width<=700px){.progress,.detail-layout{grid-template-columns:1fr}}nav a.active{color:var(--text);text-decoration-thickness:.18em;text-decoration-color:var(--light-accent)}
