:root { --bg:#121110; --border:#3A362F; --text:#F2EEE6; --muted:#8F877C; --gold:#CEAA44; --focus:#F6E798;
  --serif:"Bodoni Moda", Didot, "Bodoni 72", Georgia, serif; --sans:"Heebo", system-ui, -apple-system, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--bg); color:var(--text); font:300 17px/1.65 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:var(--gold); text-underline-offset:3px; }
:focus-visible { outline:2px solid var(--focus); outline-offset:3px; border-radius:4px; }
.wrap { max-width:640px; margin:0 auto; padding:32px 16px 56px; }
.back { display:inline-block; margin-bottom:40px; font:400 26px/1 var(--serif); color:var(--gold); text-decoration:none; }
.back span { font:200 20px/1 var(--sans); letter-spacing:.2em; color:var(--text); margin-left:.06em; }
h1 { margin:0 0 8px; font:400 clamp(32px,6vw,42px)/1.15 var(--serif); }
.updated { margin:0 0 40px; color:var(--muted); font-size:15px; }
h2 { margin:36px 0 10px; font:500 21px/1.3 var(--serif); }
p, ul { margin:0 0 14px; }
ul { padding-left:1.1em; }
li::marker { color:var(--gold); }
dl { margin:0; display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; }
dt { color:var(--muted); }
dd { margin:0; }
footer { margin-top:56px; padding-top:24px; border-top:1px solid var(--border); color:var(--muted); font-size:14px; }
@media (max-width:480px) { dl { grid-template-columns:1fr; gap:0; } dd { margin-bottom:10px; } }