:root{color-scheme:light;--ink:#172d32;--accent:#337f6b;--line:#d5dfd8}*{box-sizing:border-box}body{margin:0;background:#f6f8f3;color:var(--ink);font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:26px}header{border-bottom:1px solid var(--line)}header a{font-size:28px;font-weight:750;text-decoration:none}a{color:var(--accent);text-underline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:12px}nav a{font-size:16px;font-weight:500}h1{font-size:clamp(30px,5vw,44px);line-height:1.2}h2{font-size:23px;margin-top:32px}section{margin:20px 0}footer{border-top:1px solid var(--line);font-size:14px}.note{padding:18px;border:1px solid #bed4b8;background:#e9f0df;border-radius:16px}li{margin:8px 0}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}small{color:#4f696b}