:root { --ink:#1a1c1a; --muted:#5e635e; --paper:#f6f4ef; --line:#d5d0c6; --accent:#2c4a3a; }
* { box-sizing:border-box; }
html,body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 Georgia, "Iowan Old Style", serif; }
header, main, footer { padding-left:6vw; padding-right:6vw; }
header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding-top:1rem; padding-bottom:1rem; }
.mark { color:var(--ink); text-decoration:none; font-weight:700; }
nav a { color:var(--muted); text-decoration:none; margin-left:1rem; }
nav a[aria-current="page"] { color:var(--ink); }
main { max-width:40rem; padding-top:3rem; padding-bottom:3rem; }
.kicker { text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; color:var(--accent); }
h1 { font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.15; }
.lede { color:var(--muted); font-size:1.1rem; }
dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
dt { color:var(--muted); font-size:.85rem; }
dd { margin:0; font-weight:700; }
code { font-family:ui-monospace,Menlo,monospace; font-size:.9em; }
footer { border-top:1px solid var(--line); padding:1.5rem 6vw; color:var(--muted); font-size:.9rem; }
@media (max-width:700px) { dl { grid-template-columns:1fr; } }