:root { --paper:#f4efdf; --sheet:#fffdf5; --ink:#172b35; --muted:#52656a; --rule:#b9cec6; --accent:#a5352d; font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif; color:#172b35; background:#f4efdf; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background-image:linear-gradient(rgba(93,128,116,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(93,128,116,.08) 1px,transparent 1px); background-size:24px 24px; }
header,main,footer { width:min(760px,calc(100% - 32px)); margin:auto; }
header { min-height:96px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--rule); }
header a { font:700 15px ui-monospace,monospace; }
main { margin-block:40px; padding:clamp(24px,6vw,56px); border:1px solid var(--ink); background:var(--sheet); box-shadow:7px 7px 0 rgba(23,43,53,.1); }
h1 { margin:0 0 30px; font-size:clamp(36px,8vw,60px); letter-spacing:-.04em; }
h2 { margin-top:32px; font-size:22px; }
p,li { font-size:17px; line-height:1.65; }
.date { color:var(--accent); font:700 12px ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
a { color:var(--ink); text-decoration-color:var(--accent); text-underline-offset:3px; }
a:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
footer { padding:18px 0 40px; color:var(--muted); font-size:14px; }