*{box-sizing:border-box}
body{margin:0;background:#e9f0f7;color:#15334e;font-family:Verdana,sans-serif;font-size:15px;line-height:1.6}
main{max-width:880px;margin:0 auto;padding:32px 24px}
h1{font-size:clamp(26px,5vw,42px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 16px}
p{max-width:68ch}
form{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:24px 0}
label{display:grid;gap:6px;font-weight:600}
input,button{font:inherit;padding:12px;border:2px solid #416a8c;border-radius:5px}
input{width:210px;background:white;color:#15334e}
#prefix{width:100px}
button{background:#245a88;color:white;cursor:pointer}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b16912;outline-offset:3px}
figure{margin:28px 0}
img{display:block;width:100%;height:auto}
figcaption,footer{font-size:13px}
dl{background:white;margin:24px 0;padding:10px 22px}
dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #d6e1eb}
dl div:last-child{border:0}
dt{color:#38536c}
dd{margin:0;font-family:monospace;font-size:17px;text-align:right;overflow-wrap:anywhere}
#error{color:#96291f;font-weight:bold}
a{color:#215682}
footer{margin-top:32px;border-top:2px solid #416a8c;padding-top:16px}
@media(max-width:480px){main{padding:24px 16px}
                       form{gap:10px}
                       input{width:180px}
                       dl{padding:8px 12px}
                       dt{max-width:43%}
                       dd{font-size:15px}
                       }