*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#14213a;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}a{color:#174fbd}h1{font-size:clamp(32px,5vw,56px);line-height:1.12;max-width:900px}h2{line-height:1.25}nav a{margin-right:18px}.hero{padding:40px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card,section{background:white;padding:26px;border:1px solid #d8dfeb;border-radius:12px;margin:22px 0}.card{margin:0}.button{display:inline-block;background:#164ec1;color:white;padding:12px 18px;border-radius:6px;text-decoration:none;margin:8px 8px 8px 0}.note{border-left:4px solid #ca8b1f;padding:12px 18px;background:#fff8e9}dt{font-weight:700}dd{margin:0 0 14px}footer{font-size:14px}small{color:#475872}img{max-width:100%;height:auto}
nav{display:flex;flex-wrap:wrap;gap:12px}nav a{margin-right:0}h1,h3{overflow-wrap:anywhere}

figure{margin:0}figure img{display:block;max-width:100%;width:420px;aspect-ratio:1;object-fit:contain;margin:auto}figcaption{font-size:14px;color:#475872}form label{display:block;font-weight:600;margin:16px 0}form input{display:block;width:100%;padding:12px;border:1px solid #8796af;border-radius:5px;font:inherit}form pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.6 system-ui;background:#f4f6fa;padding:20px}button.button{border:0;font:inherit;cursor:pointer}:focus-visible{outline:3px solid #b87500;outline-offset:3px}