:root{color-scheme:dark;--black:#000;--panel:#111;--cream:#f2ece2;--muted:#a8a298;--orange:#ff5b14;--amber:#ffb347;--line:rgba(242,236,226,.16);--display:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;--body:"DM Sans","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--black);color:var(--cream);font-family:var(--body);font-size:1.05rem;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:4px;border-radius:6px}
.lh{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:18px clamp(16px,4vw,48px);border-bottom:1px solid var(--line)}
.lh .brand{display:flex;align-items:center;gap:.7rem;font-family:var(--display);font-weight:800;font-size:1.3rem;text-decoration:none;font-variation-settings:"wdth" 80}
.lh .brand svg{width:30px;height:30px}
.lh .back{color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.lh .back:hover{color:var(--cream)}
main{max-width:760px;margin:0 auto;padding:clamp(40px,8vw,90px) clamp(16px,4vw,32px) 80px}
h1{font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 80;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1;letter-spacing:-.02em;margin-bottom:.8rem}
h1 em{font-style:normal;color:var(--orange)}
.meta{color:var(--muted);margin-bottom:2.4rem}
h2{font-family:var(--display);font-weight:700;font-variation-settings:"wdth" 85;font-size:1.6rem;line-height:1.1;margin:2.6rem 0 .8rem;color:var(--cream)}
p,ul,ol,table{margin-bottom:1rem}
ul,ol{padding-left:1.3rem}
li{margin-bottom:.4rem}
a:not(.btn){text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px}
a:not(.btn):hover{color:var(--amber)}
.lead{font-size:1.2rem;color:var(--cream)}
.note{background:var(--panel);border-radius:18px;padding:1.1rem 1.3rem;box-shadow:inset 0 0 0 1.5px var(--line);margin:1.4rem 0}
.tbl{overflow-x:auto;margin-bottom:1rem}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.98rem}
th,td{text-align:left;vertical-align:top;padding:.7rem .8rem;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;background:var(--orange);color:#000;font-weight:700;text-decoration:none;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:var(--amber)}
.btn.ghost{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1.5px rgba(242,236,226,.4)}
.btn.ghost:hover{background:var(--cream);color:#000}
.row{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 1.6rem}
.foot{max-width:760px;margin:0 auto;padding:1.6rem clamp(16px,4vw,32px) 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem;display:flex;flex-direction:column;gap:.8rem}
.foot a{color:var(--muted)}