:root{color-scheme:light;background:#f7f1e8;color:#30251d;font:18px/1.7 system-ui,sans-serif}body{max-width:960px;margin:auto;padding:24px}header{border-bottom:1px solid #c6b7a5}.brand{font-size:1.5rem;font-weight:700}nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding-bottom:20px}a{color:#754320;text-underline-offset:4px}main{max-width:760px;padding:28px 0}article{margin:32px 0;padding:20px;background:#fffaf3;border-radius:10px}h1,h2{line-height:1.25}footer{border-top:1px solid #c6b7a5;padding:24px 0}@media(max-width:540px){body{padding:16px}nav{display:grid}h1{font-size:1.8rem}}