:root{font-family:Arial,Helvetica,sans-serif;color:#17243e;background:#f3f6fd;line-height:1.7}*{box-sizing:border-box}body{margin:0;padding:40px 22px}main{max-width:820px;margin:auto}.back{color:#2454eb;font-weight:700;text-decoration:none}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;margin-top:42px}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.1;margin:16px 0}h1 span{color:#2454eb}.intro{color:#61708b;font-size:17px;margin-bottom:32px}section{padding:22px 28px;background:#fff;border:2px solid #17243e;box-shadow:4px 4px 0 #17243e;margin-bottom:22px}h2{font-size:20px;margin:0 0 10px}p{margin:10px 0}a{color:#2454eb}a:focus-visible{outline:3px solid #e8ac1c;outline-offset:4px}code{font-size:13px;background:#eaf0ff;padding:2px 5px}footer{font-size:12px;color:#61708b;padding:20px 0}@media(max-width:600px){body{padding:24px 18px}h1{font-size:32px}section{padding:18px}.eyebrow{font-size:10px}}