*{box-sizing:border-box}html{color-scheme:light dark}
body{margin:0;background:#f2f6fc;color:#172133;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;line-height:1.85;font-size:17px}
nav,main,footer{max-width:780px;margin:auto;padding:24px}
nav{display:flex;gap:12px 24px;flex-wrap:wrap;border-bottom:1px solid #d5dfec}nav a{padding:8px 0}
main{padding-top:40px;padding-bottom:48px}h1{font-size:clamp(27px,6vw,36px);line-height:1.35;margin:0 0 20px}
h2{font-size:21px;line-height:1.5;margin:36px 0 10px}p{margin:0 0 16px}
a{color:#2456bb;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #2456bb;outline-offset:5px}
footer{font-size:14px;color:#536174;border-top:1px solid #d5dfec;padding-bottom:40px}
@media(prefers-color-scheme:dark){body{background:#131d2c;color:#e6edf7}a{color:#a8caff}footer{color:#b4c1d4}nav,footer{border-color:#38475b}}

body{font-size:16px;line-height:1.8}body>nav{padding-top:12px;padding-bottom:12px;gap:4px 22px;font-size:14px;align-items:center}body>nav a{min-height:44px;display:flex;align-items:center;padding:6px 0}body>main{padding-top:28px}h1{font-size:28px;margin-bottom:18px}h2{font-size:20px;margin-top:28px}footer{font-size:13px}@media(max-width:500px){nav,main,footer{padding-left:20px;padding-right:20px}body>nav{gap:2px 18px}h1{font-size:25px}body>main{padding-top:24px}}