*{box-sizing:border-box}body{margin:0;font:17px/1.8 system-ui,sans-serif;background:#f3f0e7;color:#001b44}header{background:#001b44;color:#f3ecdd;padding:45px 24px}header>div,main{max-width:1200px;margin:auto}main{padding:30px 24px}h1{font-size:clamp(35px,5vw,65px);line-height:1.15}h2{font-size:30px;line-height:1.3}h3{font-size:22px}a{color:inherit;text-underline-offset:4px}nav{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:28px}figure{margin:0}img{width:100%;height:auto;display:block;border-radius:14px}figcaption{font-size:12px;color:#60758b;margin:10px 0}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.facts article{padding:20px;background:#e8dcf4}.facts strong{display:block;font-size:24px}.facts span{font-size:13px}section{margin:55px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}article{background:white;border-radius:12px;padding:25px;margin:15px 0}li{margin:12px 0}.steps li{margin:22px 0}.note{background:#e9e0f3;border-left:4px solid #773ab7}svg{width:100%;height:auto;margin-top:25px}svg text{font-family:system-ui,sans-serif}:focus-visible{outline:3px solid #ed9f3d;outline-offset:3px}@media(max-width:750px){.two{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}article{padding:20px}.facts strong{font-size:20px}h2{font-size:25px}}@media print{nav{display:none}article{break-inside:avoid}header{background:white;color:#001b44}}