:root{--primary:#8b3f24;--accent:#e6a23c;--font:system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:#16332d;background:#fffdf8;line-height:1.6}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.5rem}header,.hero,main,footer,nav{max-width:70rem;margin:auto;padding:1.5rem}h1,h2{color:var(--primary)}article{border-top:3px solid var(--accent);padding:1rem 0}a{color:#075d4c}a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}