*{box-sizing:border-box}body{margin:0;background:#eef0f6;color:#171723;font:17px/1.75 system-ui,sans-serif}a{color:#3631a2}a:focus-visible{outline:3px solid #6255d9;outline-offset:4px}header,main,footer{max-width:850px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:18px}main{background:#ffffffb8;border:1px solid white;border-radius:28px;margin:18px auto;padding:32px;box-shadow:0 18px 55px #40345a12}h1{font-size:clamp(30px,7vw,48px);line-height:1.2}h2{font-size:23px;margin-top:32px}.draft{border-inline-start:4px solid #8f7222;padding:10px 16px;background:#fff7dc}.muted,footer{color:#555465}li{margin-block:10px}@media(max-width:600px){main{margin:10px;padding:22px}header,footer{padding:20px}}