:root{--ink:#04060c;--line:rgba(150,170,220,.16);--star:#e9edf6;--dim:#8890a8;--glint:#f4b860;--warn:#f2c58a;
  --f-display:"Instrument Serif","Iowan Old Style",Georgia,serif;--f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:dark}
html,body{background:var(--ink);color:var(--star)}
body{margin:0;font-family:var(--f-body);font-size:16px;line-height:1.65;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:40px 64px}
main{max-width:68ch;margin:0 auto}
a{color:var(--glint)}
.back{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
h1{font-family:var(--f-display);font-weight:400;font-size:clamp(38px,6vw,56px);line-height:1;margin:18px 0 6px;text-wrap:balance}
h2{font-size:18px;font-weight:600;margin:34px 0 8px}
.meta{color:var(--dim);font-size:14px;margin:0 0 20px}
.draft{border:1px solid var(--warn);color:var(--warn);border-radius:12px;padding:12px 14px;font-size:14px}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px 10px 8px 0;border-top:1px solid var(--line);vertical-align:top}
th{color:var(--dim);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.wide{overflow-x:auto}
footer{margin-top:48px;color:var(--dim);font-size:13px;display:flex;gap:16px;flex-wrap:wrap}