html{color-scheme:light}body{margin:0;background:#faf8f3;color:#27333b;font:17px/1.7 system-ui,sans-serif}main{max-width:780px;margin:auto;padding:40px 24px 80px}h1,h2{color:#143e43;line-height:1.25}h1{font-size:clamp(32px,6vw,48px)}h2{font-size:24px;margin-top:40px}a{color:#143e43;text-underline-offset:4px;overflow-wrap:anywhere}nav{display:flex;flex-wrap:wrap;gap:12px 28px}nav a{padding:10px 0}a:focus-visible{outline:3px solid #94620a;outline-offset:4px}@media(max-width:420px){main{padding-inline:18px}body{font-size:16px}}