:root { color-scheme: light; --ink:#1c2430; --muted:#5b6775; --bg:#f6f1e8; --card:#fffdf8; --line:#d9d0c2; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.55 "Iowan Old Style", "Palatino Linotype", Palatino, serif; color:var(--ink); background:var(--bg); }
header, main, footer { max-width:860px; margin:0 auto; padding:1.5rem; }
header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.mark { margin:0; letter-spacing:.08em; text-transform:uppercase; font-size:.85rem; }
nav a { margin-left:1rem; color:var(--muted); text-decoration:none; }
nav a:hover { color:var(--ink); }
h1 { font-weight:600; line-height:1.2; }
.cards { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); margin-top:2rem; }
.cards article { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1rem 1.1rem; }
footer { color:var(--muted); font-size:.9rem; border-top:1px solid var(--line); }