*{box-sizing:border-box}body{margin:0;background:#f6f4ed;color:#25291f;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}a{color:#455c31;text-underline-offset:4px}a:focus-visible{outline:3px solid #d5a62b;outline-offset:5px}.brand{font-size:30px;font-weight:800;text-decoration:none}h1{font:600 clamp(36px,7vw,60px)/1.1 Georgia,serif;margin:25px 0}h2{font:600 27px/1.3 Georgia,serif;margin:36px 0 12px}.intro{color:#62675b}main{background:#fffdf7;border-radius:24px;padding:32px clamp(22px,5vw,56px);overflow-wrap:anywhere}footer nav{display:flex;flex-wrap:wrap;gap:20px}code{font-size:.9em}li{margin:9px 0}.contact{font-weight:700}@media(max-width:450px){body{font-size:16px}header{align-items:flex-start}header>a:last-child{font-size:14px}}