:root{
  --ink:#141414; --ink-2:#0C0C0C; --line:rgba(244,239,230,.14);
  --on-ink:#F4EFE6; --on-ink-2:rgba(244,239,230,.72); --on-ink-3:rgba(244,239,230,.48);
  --gold:#F3C114; --gold-ink:#E2BC4E;
  --sans:"Inter",system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --mono:"DM Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--on-ink);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--gold-ink);text-underline-offset:3px}
a:hover{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px}
.wrap{width:min(760px,100% - 2rem);margin-inline:auto}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0}
header a{color:var(--on-ink);text-decoration:none;font-weight:700;letter-spacing:-.02em}
header a.back{font-family:var(--mono);font-size:.78rem;font-weight:400;letter-spacing:.04em;color:var(--on-ink-2)}
header a.back:hover{color:var(--on-ink)}
main{padding:clamp(3rem,8vw,5.5rem) 0 4rem}
.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-3);margin:0 0 1rem}
h1{font-size:clamp(2.4rem,7vw,4rem);line-height:1;letter-spacing:-.05em;font-weight:800;margin:0 0 1.2rem;text-wrap:balance}
h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;color:var(--gold-ink)}
.lede{color:var(--on-ink-2);font-size:1.08rem;margin:0 0 3rem;max-width:60ch}
h2{font-size:1.3rem;letter-spacing:-.02em;margin:2.8rem 0 .8rem;padding-top:1.6rem;border-top:1px solid var(--line)}
h3{font-size:1rem;margin:1.6rem 0 .4rem}
p,li{color:var(--on-ink-2);max-width:68ch}
p{margin:0 0 1rem}
ul{padding-left:1.2rem;margin:0 0 1rem}
li{margin-bottom:.45rem}
strong{color:var(--on-ink);font-weight:600}
table{width:100%;border-collapse:collapse;margin:0 0 1.2rem;font-size:.94rem}
th,td{text-align:left;vertical-align:top;padding:.65rem .8rem .65rem 0;border-bottom:1px solid var(--line);color:var(--on-ink-2)}
th{color:var(--on-ink);font-weight:600}
.table-scroll{overflow-x:auto}
footer{border-top:1px solid var(--line);padding:1.6rem 0 2.4rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.76rem;color:var(--on-ink-3)}
footer a{color:var(--on-ink-2);text-decoration:none}
footer a:hover{color:var(--on-ink)}
footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}