*{box-sizing:border-box}body{margin:0;background:#f7f7fb;color:#30313b;font:16px/1.75 system-ui,sans-serif}header{background:#fff;border-bottom:1px solid #dce0e9;padding:18px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a{color:#e52e3c}header a{font-weight:800;text-decoration:none}main{max-width:920px;margin:auto;padding:48px 24px}h1{font-size:clamp(30px,5vw,46px);line-height:1.2}h2{margin-top:36px;line-height:1.35}article,.example{background:white;border:1px solid #d2d8e5;border-radius:16px;padding:24px;margin:20px 0}footer{padding:30px;text-align:center;background:white}footer a{margin:10px}nav{display:flex;gap:20px;flex-wrap:wrap}