:root{font:17px/1.65 system-ui,sans-serif;color:#214448;background:#f5f2e8}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:820px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #21444822}header>a{font:32px Georgia,serif;text-decoration:none}nav{display:flex;gap:18px}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #b96e48;outline-offset:4px}h1{font:clamp(38px,6vw,58px)/1.1 Georgia,serif;margin:20px 0}h2{font-size:21px;line-height:1.3;margin:32px 0 10px}p,ul{margin:12px 0}li{margin:8px 0}.date,footer{font-size:14px;color:#5c7775}.lead{font-size:20px}footer{border-top:1px solid #21444822;display:flex;gap:18px;flex-wrap:wrap}@media(max-width:480px){header,main,footer{padding:20px}header{align-items:flex-start}nav{font-size:14px;gap:12px}body{font-size:16px}}