@font-face { font-family:'Instrument Serif'; font-style:normal; font-weight:400; font-display:swap; src:url('fonts/instrument-serif-normal.woff2') format('woff2'); }
@font-face { font-family:'Newsreader'; font-style:normal; font-weight:300 700; font-display:swap; src:url('fonts/newsreader-normal.woff2') format('woff2'); }
@font-face { font-family:'Newsreader'; font-style:italic; font-weight:300 700; font-display:swap; src:url('fonts/newsreader-italic.woff2') format('woff2'); }
@font-face { font-family:'Geist'; font-style:normal; font-weight:300 700; font-display:swap; src:url('fonts/geist.woff2') format('woff2'); }
@font-face { font-family:'Geist Mono'; font-style:normal; font-weight:300 700; font-display:swap; src:url('fonts/geist-mono.woff2') format('woff2'); }
:root { --paper:#F3EFE7; --stone:#D9D2C2; --ink:#1F1C18; --slate:#4A4640; --brass:#8A6A2F;
  --font-display:'Instrument Serif',serif; --font-body:'Newsreader',serif; --font-ui:'Geist',sans-serif; --font-mono:'Geist Mono',monospace; }
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--paper); color:var(--ink); font-family:var(--font-body); line-height:1.7; font-size:18px; -webkit-font-smoothing:antialiased; }
a { color:var(--brass); }
nav { display:flex; align-items:center; justify-content:space-between; padding:20px 40px; max-width:1180px; margin:0 auto; }
.logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
.logo img { height:26px; width:auto; display:block; }
.mark-icon { width:24px; height:24px; }
.back { font-family:var(--font-ui); font-size:13.5px; color:var(--slate); text-decoration:none; }
.back:hover { color:var(--ink); }
main { max-width:760px; margin:0 auto; padding:70px 40px 90px; }
.eyebrow { font-family:var(--font-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--brass); margin-bottom:18px; }
h1 { font-family:var(--font-display); font-weight:400; font-size:52px; line-height:1.1; margin-bottom:12px; }
.updated { font-family:var(--font-mono); font-size:12px; color:var(--slate); margin-bottom:40px; }
h2 { font-family:var(--font-display); font-weight:400; font-size:28px; margin:38px 0 10px; }
p, ul { margin-bottom:16px; }
ul { padding-left:22px; }
li { margin-bottom:6px; }
footer { padding:50px 40px; max-width:1180px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; font-family:var(--font-mono); font-size:12px; color:var(--slate); border-top:1px solid var(--stone); flex-wrap:wrap; gap:10px; }
footer a { color:var(--slate); text-decoration:none; margin-left:18px; }
footer a:first-child { margin-left:0; }
footer a:hover { color:var(--ink); }
@media (max-width:850px) { h1 { font-size:40px; } main { padding:50px 24px 70px; } nav { padding:20px 24px; } }