*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#202a35;font:17px/1.8 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;gap:22px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d9e1e8}header strong{font-size:24px;margin-right:auto}a{color:#1759a7}main{background:white;padding:36px;margin:24px auto;border-radius:12px}h1{font-size:32px;line-height:1.3}h2{font-size:22px;margin-top:30px}.intro{font-size:19px;color:#4d6070}footer{font-size:14px;color:#52616f}@media(max-width:600px){main{margin:12px;padding:22px}header,footer{padding:20px}}