:root { --bg: #F6F1E7; --ink: #1F2420; --muted: #5E625B; --accent: #2F6B4F; --line: #E2DACB; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding: 40px 22px 64px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
header img { width: 56px; height: 56px; border-radius: 14px; }
header a { color: inherit; text-decoration: none; font: 600 26px/1.1 Georgia, "Iowan Old Style", serif; }
h1 { font: 600 34px/1.15 Georgia, "Iowan Old Style", serif; margin: 28px 0 6px; }
h2 { font: 600 22px/1.2 Georgia, "Iowan Old Style", serif; margin: 30px 0 6px; }
p, li { color: var(--ink); }
.muted { color: var(--muted); font-size: 15px; }
a { color: var(--accent); }
nav { display: flex; gap: 18px; flex-wrap: wrap; border-top: 1px solid var(--line); margin-top: 40px; padding-top: 16px; font-size: 15px; }
ul { padding-left: 22px; }
.card { background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 6px 20px; margin: 18px 0; }