:root{font-family:system-ui,sans-serif;color:#0b2d5b;background:#f3f7ff}*{box-sizing:border-box}body{margin:0}header{padding:20px;display:flex;justify-content:space-between;gap:16px;background:white;border-bottom:1px solid #d7e0ee}main{max-width:800px;margin:auto;padding:24px 18px}h1{font-size:30px}p{line-height:1.65}.help{font-size:14px;color:#53667d}a{color:#0b5699;text-underline-offset:3px}article{background:white;border:1px solid #d7e0ee;border-radius:12px;padding:22px;margin:20px 0;overflow-wrap:anywhere}h2{font-size:20px;margin-top:0}button{min-height:44px;border:1px solid #0b2d5b;border-radius:8px;background:#0b2d5b;color:white;padding:10px 16px;font:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}label{display:block;font-weight:600;margin:12px 0}input{display:block;max-width:100%;margin-top:8px;font:inherit}form{border-top:1px solid #d7e0ee;margin-top:18px;padding-top:8px}:focus-visible{outline:3px solid #149e97;outline-offset:4px}

.push-panel{padding:20px;margin:22px 0;background:white;border:1px solid #d7e0ee;border-radius:12px}.cancel{background:white;color:#9b2828;border-color:#9b2828}button[hidden]{display:none}
