*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#182235;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:840px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6dce6}a{color:#175bc4}nav a{margin-left:20px}h1{font-size:clamp(30px,5vw,46px);line-height:1.2;margin:30px 0 20px}h2{font-size:24px}article{background:white;padding:24px;border:1px solid #d6dce6;border-radius:12px;margin:22px 0}footer{font-size:14px;color:#596476}ul{padding-left:22px}.brand{color:#182235;text-decoration:none;font-weight:750;font-size:22px}@media(max-width:560px){header{display:block}nav a{margin:0 18px 0 0}header,main,footer{padding:20px}}