:root{
  --ink:#F4F5F8; --ink2:#C6CAD4; --dim:#9BA0AF; --dim2:#6B7280;
  --void:#050507; --card:#0C0D12; --line:rgba(255,255,255,.10);
  --or:#FF8A3D; --or2:#FFB067;
  --disp:Lora,'Iowan Old Style',Georgia,serif;
  --body:Inter,-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--void);color:var(--ink2);font-family:var(--body);font-size:15.5px;line-height:1.7;
  -webkit-font-smoothing:antialiased}
a{color:var(--or2)}
a:hover{color:var(--or)}
:focus-visible{outline:2px solid var(--or);outline-offset:3px;border-radius:4px}
::selection{background:rgba(255,138,61,.3)}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(20px,5vw,32px)}
h1,h2,h3{font-family:var(--disp);font-weight:700;color:var(--ink);letter-spacing:-.016em;line-height:1.15;
  text-wrap:balance}
h1{font-size:clamp(32px,5vw,48px);line-height:1.06}
h2{font-size:clamp(21px,2.6vw,27px);margin:44px 0 14px}
h3{font-size:17px;margin:26px 0 8px}
p{margin:0 0 15px;max-width:68ch}
ul{margin:0 0 15px 20px}
li{margin-bottom:8px;max-width:66ch}
code{font-family:var(--mono);font-size:13px;color:var(--or2);background:rgba(255,138,61,.09);
  border-radius:4px;padding:1px 6px}
header{padding:clamp(46px,7vw,74px) 0 26px;border-bottom:1px solid var(--line)}
.back{font-family:var(--mono);font-size:12px;text-decoration:none;display:inline-block;margin-bottom:22px}
.meta{font-family:var(--mono);font-size:12px;color:var(--dim2);margin-top:16px}
main{padding:8px 0 60px}
.box{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:20px 22px;margin:22px 0}
.box b{color:var(--ink)}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:18px 0}
th{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim2);
  text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);font-weight:400}
td{padding:10px 14px;border-bottom:1px solid var(--line);color:var(--dim);vertical-align:top}
td:first-child{color:var(--ink);font-weight:500;white-space:nowrap}
footer{padding:28px 0 60px;border-top:1px solid var(--line);font-size:13px;color:var(--dim2)}
footer a{margin-right:18px;text-decoration:none;font-size:13px}
