@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(fonts/source-sans-3-latin.woff2) format("woff2")}
@font-face{font-family:"Source Code Pro";font-style:normal;font-weight:200 900;font-display:swap;src:url(fonts/source-code-pro-latin.woff2) format("woff2")}
:root{--black:#101010;--ui:#161616;--paper:#F0EEE8;--lime:#D7FF3F;--t1:rgba(240,238,232,.92);--t2:rgba(240,238,232,.6);--line:rgba(240,238,232,.12)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--black)}
body{background:var(--black);color:var(--t1);font-family:"Source Sans 3",system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:underline;text-decoration-color:rgba(240,238,232,.35);text-underline-offset:3px}
a:hover{text-decoration-color:var(--lime)}
.bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--black);font-family:"Source Code Pro",ui-monospace,monospace;font-size:12px;color:var(--t2)}
.bar a{text-decoration:none}
.bar b{color:var(--t1);font-weight:600;font-family:"Source Sans 3",system-ui,sans-serif;font-size:13px}
main{max-width:68ch;margin:0 auto;padding:56px 16px 72px}
h1{font-size:clamp(32px,6vw,52px);line-height:1.05;font-weight:600;letter-spacing:-.02em;margin-bottom:32px}
h2{font-size:15px;font-weight:600;letter-spacing:.02em;margin:36px 0 8px;color:var(--paper)}
p{margin-bottom:12px;color:var(--t1)}
.lead{font-size:19px;color:var(--paper);border-left:2px solid var(--lime);padding-left:14px}
.small{font-size:13px;color:var(--t2);margin-top:36px}
mark{background:var(--lime);color:var(--black);padding:0 4px}
footer{max-width:68ch;margin:0 auto;padding:20px 16px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:"Source Code Pro",ui-monospace,monospace;font-size:12px;color:var(--t2)}