*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f0e8;color:#302721;font:18px/1.8 Arial,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:28px 24px}h1{font-size:clamp(30px,5vw,44px);line-height:1.2}h2{font-size:28px;line-height:1.3}h3{font-size:21px}section{border-top:1px solid #c6b6a5;padding:28px 0;overflow-wrap:anywhere}a{color:#641f35;text-underline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:12px 22px}nav a{padding:8px 0}button{font:inherit;line-height:1.5;padding:14px 18px;border:2px solid #491d29;color:#fff;background:#491d29;cursor:pointer;min-height:48px}a:focus-visible,button:focus-visible{outline:3px solid #9a4b00;outline-offset:4px}footer{padding-bottom:50px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}