:root{--ink:#0b0907;--bone:#efe6d6;--amber:#f2a541;--sepia:#c9b48f;--mute:#9d8f78;color-scheme:dark}
html[data-theme="light"]{--ink:#f3ece0;--bone:#1d160f;--amber:#9a540a;--sepia:#6d5734;--mute:#5f5242;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--bone);font:17px/1.65 "Instrument Sans",system-ui,sans-serif}
header,footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 16px;max-width:900px;margin:0 auto}
.mark{font:500 12px/1 "IBM Plex Mono",monospace;letter-spacing:.42em;color:var(--bone);text-decoration:none}
.back,footer a{font:400 12px/1.4 "IBM Plex Mono",monospace;color:var(--sepia);text-decoration:none}.back:hover,footer a:hover{color:var(--amber)}
main{max-width:760px;margin:0 auto;padding:30px 16px 60px}
h1{font:600 clamp(36px,7vw,64px)/1.02 "Bodoni Moda",serif;margin:0 0 14px}h2{font:600 26px/1.2 "Bodoni Moda",serif;margin:36px 0 8px}
.lede{font:italic 400 22px/1.4 "Bodoni Moda",serif;color:var(--amber)}a{color:var(--amber)}li{margin-bottom:8px}
footer{border-top:1px solid rgba(201,180,143,.2);justify-content:flex-start}