*{box-sizing:border-box}body{margin:0;background:#f7f6f1;color:#243a32;font:18px/1.9 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9ded7}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#175740;text-underline-offset:5px}h1{font-size:38px;line-height:1.4}h2{font-size:24px;margin-top:36px}p{margin:12px 0}main{min-height:65vh;padding-top:45px}footer{border-top:1px solid #d9ded7;font-size:15px}a:focus-visible{outline:3px solid #c48a2d;outline-offset:5px}@media(max-width:540px){header{align-items:start;gap:16px;flex-direction:column}h1{font-size:30px}main{padding-top:28px}}