:root{font-family:system-ui,sans-serif;color:#17242b;background:#f3ebdd;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:780px;margin:auto;padding:24px}header{border-bottom:1px solid #c8bdaa}a{color:#1746a2;text-underline-offset:3px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(2.7rem,8vw,4.5rem);line-height:1;margin:48px 0 16px}h2{margin-top:40px}p,li{max-width:68ch}footer{border-top:1px solid #c8bdaa;margin-top:48px;font-size:.85rem}:focus-visible{outline:3px solid #1746a2;outline-offset:3px}