:root{color-scheme:light;--frost:#f3f6f3;--porcelain:#fffdfc;--ink:#173234;--muted:#526466;--glacier:#2f7479;--line:#c6d4d3}*{box-sizing:border-box}body{margin:0;background:var(--frost);color:var(--ink);font:17px/1.65 ui-rounded,system-ui,sans-serif}header,main,footer{width:min(760px,calc(100% - 32px));margin:auto}header{padding:28px 0;border-bottom:1px solid var(--line)}header a{font-weight:800;text-decoration:none;color:var(--ink)}main{padding:56px 0 72px}h1,h2{font-family:Georgia,serif;line-height:1.12}h1{font-size:clamp(2.4rem,8vw,4rem)}h2{margin-top:2.2rem}p,li{max-width:68ch;color:var(--muted)}a{color:var(--glacier);text-underline-offset:.18em}a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}footer{padding:30px 0;border-top:1px solid var(--line);color:var(--muted)}