*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#202820;font:18px/1.7 Arial,sans-serif}header,main,footer{max-width:800px;margin:auto;padding:28px 24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #c8cec4}nav{display:flex;gap:24px;flex-wrap:wrap}a{color:inherit;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #315c42;outline-offset:4px}header a,nav a{display:inline-block;padding:8px 0}main{padding-top:48px;padding-bottom:64px}h1,h2,h3{font-family:Georgia,serif;line-height:1.2;font-weight:400}h1{font-size:clamp(32px,6vw,48px)}h2{font-size:30px;margin-top:48px}p,li{overflow-wrap:break-word}li{margin:10px 0}footer{border-top:1px solid #c8cec4;font-size:15px}.brand{font-weight:bold;letter-spacing:.04em;text-decoration:none}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;padding:12px}@media(max-width:400px){header,main,footer{padding-left:20px;padding-right:20px}body{font-size:17px}}