:root{--bg:#f3f0e8;--paper:#fffdf7;--ink:#11110f;--muted:#6b6a61;--line:#c8c2b4;--accent:#ef4f91;--accent-2:#2857ff;--danger:#de2f2f;--shadow:7px 7px 0 #11110f;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#11110f0b 1px, transparent 1px), linear-gradient(90deg, #11110f0b 1px, transparent 1px), var(--bg);background-size:28px 28px;min-height:100vh;margin:0}a{color:inherit}img{max-width:100%;display:block}.article-site-header{border:2px solid var(--ink);background:var(--paper);width:min(1120px,100% - 32px);box-shadow:4px 4px 0 var(--ink);z-index:10;justify-content:space-between;align-items:center;gap:18px;margin:24px auto 0;padding:16px 18px;display:flex;position:sticky;top:12px}.article-brand{align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;text-decoration:none;display:flex}.article-status{border:1px solid var(--ink);background:#d7ff7b;padding:3px 6px;font-size:.7rem}.article-site-header nav{gap:18px;font-size:.9rem;font-weight:700;display:flex}.article-site-header nav a{text-decoration:none}.article-site-header nav a:hover{color:var(--accent-2)}.article-main{width:min(1120px,100% - 32px);margin:0 auto}.article-footer{border-top:2px solid var(--ink);width:min(1120px,100% - 32px);color:var(--muted);justify-content:space-between;gap:16px;margin:72px auto 28px;padding:18px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;display:flex}@media (width<=700px){.article-site-header{flex-wrap:wrap;align-items:flex-start}.article-status{display:none}.article-site-header nav{gap:10px;font-size:.78rem}.article-footer{flex-direction:column}}.byline{font-size:.95rem;line-height:1.6}.byline a{font-weight:700}.technical-summary{border:2px solid var(--ink);background:var(--paper);border-left:7px solid var(--accent);max-width:760px;margin-top:24px;padding:20px;line-height:1.6}.technical-summary p{margin:8px 0 0}.post-header{border-bottom:2px solid var(--ink);padding:64px 0 42px}.back{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:800;text-decoration:none}.post-kicker{text-transform:uppercase;justify-content:space-between;margin-top:52px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;display:flex}.post-header h1{letter-spacing:-.055em;max-width:13ch;margin:18px 0;font-size:clamp(3.2rem,8vw,7rem);line-height:.9}.deck{max-width:720px;color:var(--muted);font-size:1.25rem;line-height:1.55}.metadata{border:2px solid var(--ink);background:var(--paper);grid-template-columns:repeat(4,1fr);margin:44px 0 0;display:grid}.metadata div{border-right:1px solid var(--line);padding:13px}.metadata div:last-child{border-right:0}.metadata dt{color:var(--muted);margin-bottom:6px;font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace}.metadata dd{margin:0;font:800 .78rem ui-monospace,SFMono-Regular,Menlo,monospace}.article-body{width:min(760px,100%);margin:58px auto 0;font-size:1.08rem;line-height:1.78}.article-body h2{letter-spacing:-.04em;margin:2.4em 0 .6em;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.article-body h3{margin-top:2.2em;font-size:1.55rem}.article-body p{margin:1.2em 0}.article-body a{color:var(--accent-2);font-weight:700}.article-body blockquote{border:2px solid var(--ink);border-left:9px solid var(--accent);background:var(--paper);margin:2em 0;padding:18px 22px;font-weight:700}.article-body pre{border:2px solid var(--ink);color:#f5f2e8;box-shadow:5px 5px 0 var(--accent);background:#121212;padding:20px;overflow-x:auto}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.article-body :not(pre)>code{border:1px solid var(--line);background:var(--paper);padding:.15em .35em}.article-body img{border:2px solid var(--ink);width:100%;box-shadow:6px 6px 0 var(--ink);margin:2em 0}.article-body hr{border:0;border-top:2px solid var(--ink);margin:3em 0}@media (width<=760px){.metadata{grid-template-columns:repeat(2,1fr)}.metadata div:nth-child(2){border-right:0}.metadata div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
