:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f7f3ef; color: #2d2630; }
body { margin: 0; }
main { box-sizing: border-box; max-width: 46rem; min-height: 100vh; margin: auto; padding: 3rem 1.25rem; }
article { background: #fffdfb; border: 1px solid #ddd2da; border-radius: 1rem; padding: clamp(1.25rem, 4vw, 2.5rem); }
h1, h2 { color: #47213f; line-height: 1.2; }
h1 { margin-top: 0; }
h2 { margin-top: 2rem; }
p, li { line-height: 1.65; }
a { color: #6d315e; }
.meta { color: #675d66; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid #ddd2da; }