:root{--ground:#ebe7df;--paper:#f5f2ec;--ink:#151412;--ink-2:#47443e;--ink-3:#625e56;--line:rgba(18,18,17,.16);--accent:#2b2be0;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--ground:#141311;--paper:#22201c;--ink:#efebe3;--ink-2:#bdbab2;--ink-3:#97948c;--line:rgba(236,235,229,.15);--accent:#8f8cff}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.65 "Hanken Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:720px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 96px max(20px,env(safe-area-inset-left))}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 0 40px;border-bottom:1px solid var(--line);margin-bottom:40px}
.top a{color:var(--ink);text-decoration:none;font-size:15px}
.lab{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
h1{font-weight:300;font-size:clamp(40px,8vw,64px);letter-spacing:-.03em;line-height:1.02;margin:10px 0 12px}
h1 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400}
h2{font-weight:500;font-size:20px;margin:40px 0 8px}
p,li{color:var(--ink-2)} b{color:var(--ink);font-weight:500}
a{color:var(--accent)} ul{padding-left:20px} li{margin:6px 0}
.summary{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:28px 0}
.summary p{margin:0}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-3);display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--ink-3)}