:root { color-scheme: light; --ink:#2b2118; --paper:#fbf6ee; --card:#fffaf3; --line:#e4d5c3; --accent:#8c3d2f; }
* { box-sizing: border-box; }
body { margin:0; font:18px/1.55 Georgia, "Iowan Old Style", Palatino, serif; color:var(--ink); background:var(--paper); }
header, main, footer { max-width:42rem; margin:0 auto; padding:1.2rem 1.2rem; }
header { border-bottom:1px solid var(--line); }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
nav { display:flex; flex-wrap:wrap; gap:.4rem 1rem; margin-top:.6rem; font:15px/1.4 "Iowan Old Style", Palatino, serif; }
h1 { font-weight:500; font-size:2rem; margin:0 0 .3rem; }
h2 { font-weight:500; font-size:1.25rem; margin:1.4rem 0 .4rem; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1rem 1.1rem; margin:0 0 .8rem; }
ul, ol { padding-left:1.2rem; }
li { margin:.25rem 0; }
footer { color:#6d5c4e; font-size:.9rem; border-top:1px solid var(--line); }