:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#123d58;background:#e7f5ff}*{box-sizing:border-box}body{margin:0;line-height:1.6}header,main,footer{max-width:780px;margin:auto;padding:22px}header{display:flex;gap:22px;align-items:center;justify-content:space-between}header img{width:140px;height:auto}header a,footer a{color:#00588b}main{background:white;border:1px solid #bcdcec;border-radius:16px;box-shadow:0 8px 24px #143c5c0d;margin-bottom:24px}h1{line-height:1.2;color:#005b91;font-size:28px}h2{font-size:21px;color:#005b91;margin-top:28px}a{color:#005c95;overflow-wrap:anywhere}button{font:inherit;background:#0075b8;color:#fff;padding:12px 22px;border:2px solid #005789;border-radius:8px;font-weight:bold;min-height:48px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #dc9800;outline-offset:3px}.note{background:#eef8ff;padding:16px;border-left:4px solid #0084b7;border-radius:4px}#status{white-space:pre-wrap}#status[data-error=true]{color:#a21c1c}small{color:#42647b}.language-nav{display:flex;gap:20px;flex-wrap:wrap}footer{font-size:13px}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:18px}main{border-radius:0;border-left:0;border-right:0}header img{width:110px}h1{font-size:24px}button{width:100%}}
