body{margin:0;background:#ece7d9;color:#283d32;font:18px/1.75 Arial,sans-serif}*{box-sizing:border-box}header,main,footer{width:min(100% - 40px,760px);margin-inline:auto}header{padding-block:28px}main{padding-block:20px 48px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.25;overflow-wrap:anywhere}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:1.5rem;margin-top:2rem}p{margin:1rem 0}a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #b85c2a;outline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:8px 24px}nav a,header a{display:inline-flex;align-items:center;min-height:44px}footer{border-top:1px solid #64705a;padding-block:24px 40px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#ece7d9;padding:8px}