*{box-sizing:border-box}body{margin:0;background:#f4f7fc;color:#24364c;font:15px/1.75 Arial,sans-serif}body>header,main,body>footer{max-width:1120px;margin:auto}body>header{padding:24px;position:relative;border-bottom:1px solid #dce5f2}body>header strong{font-size:22px;color:#063c87}body>header select{float:inline-end}main{background:#fff;padding:36px;border-radius:16px;margin:24px auto;box-shadow:0 5px 24px #194f8710}h1{font-size:clamp(28px,4vw,40px);line-height:1.2;color:#063c87}h2{font-size:22px;color:#063c87;line-height:1.4;margin-top:36px}a{color:#125bb7;text-underline-offset:3px}p,li{overflow-wrap:anywhere}.meta,footer{font-size:13px;color:#60718a}.intro{padding:20px;border:1px solid #dce5f2;border-radius:12px;background:#f7faff}nav ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding-inline-start:22px}nav{margin:24px 0}section{scroll-margin-top:20px}footer{padding:20px 24px}@media(max-width:700px){body{font-size:14px}main{padding:20px;margin:12px;border-radius:12px}body>header{padding:18px}nav ul{grid-template-columns:1fr}h2{font-size:20px}}