:root{
  --bg:oklch(17% 0.014 75);--bg-deep:oklch(14% 0.012 75);--panel:oklch(21% 0.016 78);
  --line:oklch(32% 0.02 80);--line-soft:oklch(26% 0.016 78);
  --gold:oklch(80% 0.105 85);--gold-dim:oklch(62% 0.08 85);
  --text:oklch(91% 0.018 85);--dim:oklch(64% 0.02 82);
  --display:"Marcellus",serif;--body:"EB Garamond",Georgia,serif;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.65;max-width:680px;margin:48px auto;padding:0 20px;
  background-image:radial-gradient(ellipse 120% 80% at 50% -10%,oklch(22% 0.02 80 / .6),transparent 60%)}
h1,h2,h3{font-family:var(--display);color:var(--gold);letter-spacing:.1em;line-height:1.3}
h1{font-size:1.6rem;margin-bottom:.6em}
h2{font-size:1.05rem;margin:1.6em 0 .5em}
a{color:var(--gold)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
td,th{border-bottom:1px solid var(--line-soft);padding:9px 8px;text-align:left}
th{font-family:var(--display);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
code{background:var(--bg-deep);border:1px solid var(--line-soft);padding:8px 10px;display:block;font-size:.72rem;overflow-x:auto}
.btn{display:inline-block;border:1px solid var(--gold-dim);color:var(--gold);padding:11px 20px;margin:8px 8px 8px 0;text-decoration:none;font-family:var(--display);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:border-color .12s,color .12s}
.btn:hover{border-color:var(--gold);color:var(--text)}
.dim{color:var(--dim)}
@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}