*{box-sizing:border-box}body{margin:0;background:#f7f7f1;color:#24392f;font:17px/1.9 Arial,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dfd4}a{color:inherit;text-underline-offset:5px}nav{display:flex;gap:12px 24px;flex-wrap:wrap}h1{font-size:clamp(28px,5vw,42px);font-weight:500;margin:24px 0 8px}h2{font-size:21px;margin:0 0 8px}section{padding:22px 0;border-bottom:1px solid #d7dfd4}p{margin:0}small{color:#53675b}.brand{font-size:28px;text-decoration:none}.brand span{display:block;font-size:13px}footer{padding-bottom:45px}a:focus-visible{outline:2px solid #24392f;outline-offset:5px}@media(max-width:500px){header,main,footer{padding:20px}}