html:has(.cs),body:has(.cs){color:#0a0a0b;background:#f3f1ec!important}body:has(.cs) ::selection{color:#f3f1ec;background:#2e6bff}.cs .mono{font-family:JetBrains Mono,ui-monospace,monospace}.cs .display{letter-spacing:-.04em;font-family:Inter Tight,sans-serif;font-weight:500;line-height:.98}.cs .body{letter-spacing:-.005em;color:#1c1c1e;font-family:Inter Tight,sans-serif;font-size:19px;line-height:1.65}.cs .body p{margin:0 0 28px}.cs .body p:first-of-type:first-letter{float:left;color:#0a0a0b;padding:8px 14px 0 0;font-family:Inter Tight,sans-serif;font-size:84px;font-weight:500;line-height:.82}.cs .kicker{letter-spacing:.24em;text-transform:uppercase;color:#6b6965;font-size:10px}.cs .pullquote-wrap{max-width:1200px;margin:0 auto;padding:0 40px}.cs .pullquote{letter-spacing:-.025em;color:#0a0a0b;border-top:1px solid #0a0a0b24;border-bottom:1px solid #0a0a0b24;max-width:28ch;margin:56px 0;padding:48px 0;font-family:Inter Tight,sans-serif;font-size:clamp(28px,3.2vw,44px);font-weight:400;line-height:1.15}.cs .cover{color:#f3f1ec;background:#050506;flex-direction:column;justify-content:space-between;width:100%;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.cs .cover:before{content:"";pointer-events:none;background:radial-gradient(at 20% 80%,#2e6bff29,#0000 60%),radial-gradient(at 80% 20%,#5a64781f,#0000 55%),linear-gradient(#0a0c10 0%,#050506 100%);position:absolute;inset:0}.cs .cover>*{position:relative}.cs .top-bar{justify-content:space-between;align-items:center;display:flex}.cs .mark{letter-spacing:-.02em;color:#f3f1ec;font-family:Inter Tight,sans-serif;font-size:15px;font-weight:700;text-decoration:none}.cs .top-meta{letter-spacing:.22em;color:#a8a6a0;font-size:10px}.cs .cover-kicker{letter-spacing:.24em;color:#2e6bff;align-items:center;gap:12px;margin-bottom:40px;font-size:10px;display:flex}.cs .cover-kicker .dot{background:#2e6bff;width:6px;height:6px;display:inline-block}.cs .cover-title{color:#f3f1ec;max-width:12ch;margin:0;font-size:clamp(72px,13vw,220px)}.cs .cover-dek{color:#d9d7d2;max-width:44ch;margin-top:40px;font-family:Inter Tight,sans-serif;font-size:22px}.cs .cover-meta{border-top:1px solid #f3f1ec29;grid-template-columns:repeat(4,1fr);gap:40px;padding-top:32px;display:grid}.cs .cover-meta .k{color:#a8a6a0;letter-spacing:.22em;font-size:10px}.cs .cover-meta .v{color:#f3f1ec;letter-spacing:-.01em;margin-top:10px;font-family:Inter Tight,sans-serif;font-size:15px}.cs main{max-width:1200px;margin:0 auto;padding:120px 40px 64px}.cs .chapter{border-top:1px solid #0a0a0b24;grid-template-columns:180px 1fr;gap:80px;padding:64px 0;display:grid}.cs .chapter:first-of-type{border-top:none}.cs .chapter-num{letter-spacing:.24em;color:#6b6965;font-size:10px}.cs .chapter-num .big{letter-spacing:-.04em;color:#0a0a0b;margin-top:10px;font-family:Inter Tight,sans-serif;font-size:64px;font-weight:300;line-height:1;display:block}.cs .chapter h2{letter-spacing:-.035em;color:#0a0a0b;max-width:18ch;margin:0 0 40px;font-family:Inter Tight,sans-serif;font-size:clamp(36px,4.4vw,56px);font-weight:500;line-height:1}.cs .lede{color:#0a0a0b;letter-spacing:-.01em;max-width:40ch;margin-bottom:40px;font-family:Inter Tight,sans-serif;font-size:24px;line-height:1.45}.cs .findings{grid-template-columns:repeat(2,1fr);gap:0;margin:40px 0;display:grid}.cs .finding{border-top:1px solid #0a0a0b24;padding:32px 32px 32px 0}.cs .finding:nth-child(2n){border-left:1px solid #0a0a0b24;padding-left:32px;padding-right:0}.cs .finding .idx{letter-spacing:.22em;color:#2e6bff;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:10px}.cs .finding h3{letter-spacing:-.02em;color:#0a0a0b;margin:0 0 12px;font-family:Inter Tight,sans-serif;font-size:22px;font-weight:500;line-height:1.2}.cs .finding p{color:#1c1c1e;max-width:40ch;margin:0;font-family:Inter Tight,sans-serif;font-size:15px;line-height:1.55}.cs .diagram{color:#f3f1ec;background:#0a0a0b;border:1px solid #0a0a0b24;margin:40px 0;padding:40px}.cs .diagram-label{letter-spacing:.22em;color:#6b6965;margin-bottom:32px;font-family:JetBrains Mono,monospace;font-size:10px}.cs .diagram svg{width:100%;height:auto;display:block}.cs .code{color:#d9d7d2;letter-spacing:.005em;background:#0a0a0b;margin:40px 0;padding:28px 32px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.cs .code .c{color:#6b6965}.cs .code .k{color:#9fb2e0}.cs .code .s{color:#c9b38c}.cs .code .f{color:#e8e6e1}.cs .code-head{letter-spacing:.22em;color:#6b6965;margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:10px}.cs .repo-card{letter-spacing:.22em;border:1px solid #0a0a0b24;border-radius:4px;margin:48px 0 0;padding:24px 28px;font-size:11px;transition:border-color .3s}.cs .repo-card:hover{border-color:#2e6bff66}.cs .repo-card__inner{will-change:transform;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.cs .repo-card .k{color:#6b6965}.cs .repo-card a{color:#2e6bff;letter-spacing:.04em;font-size:14px;text-decoration:none}.cs .repo-card a:hover{text-underline-offset:4px;text-decoration:underline}.cs .endmark{text-align:center;letter-spacing:.3em;color:#6b6965;padding:80px 0 40px;font-family:JetBrains Mono,monospace;font-size:10px}.cs .backnav{letter-spacing:.22em;color:#6b6965;background:#f3f1ec;border-top:1px solid #0a0a0b24;justify-content:space-between;padding:40px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.cs .backnav a{color:inherit;text-decoration:none}.cs .backnav a:hover{color:#0a0a0b}@media (width<=900px){.cs .chapter{grid-template-columns:1fr;gap:24px;padding:48px 0}.cs .findings{grid-template-columns:1fr}.cs .finding:nth-child(2n){border-left:none;padding-left:0}.cs .cover-meta{grid-template-columns:repeat(2,1fr);gap:24px}}