*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#18233b;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header a{font-weight:750;text-decoration:none}a{color:#294ccd;overflow-wrap:anywhere}nav{display:flex;gap:20px;flex-wrap:wrap}main{background:white;border:1px solid #e3e8f2;border-radius:20px;padding:40px}h1{font-size:clamp(28px,5vw,42px);line-height:1.2}h2{font-size:23px;margin-top:32px}aside{background:#eef3ff;border-left:4px solid #4167ed;padding:20px;margin:24px 0}aside strong{display:block}small,.date{color:#526079}footer{font-size:14px}li{margin:9px 0}a:focus-visible{outline:3px solid #4862ed;outline-offset:4px}@media(max-width:600px){header,footer{padding:20px}main{border-radius:0;padding:24px 20px}header{display:block}nav{gap:12px}}