:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#17283e;background:#f3f6fa}
*{box-sizing:border-box}
body{margin:0}
main{max-width:1000px;margin:auto;padding:32px 20px 64px}
a{color:#205bbb}
header{margin:32px 0}
h1{font-size:32px;margin:8px 0}
h2{font-size:20px;margin:0 0 18px}
h3{font-size:17px;margin:0 0 16px}
p{line-height:1.6}
.eyebrow{color:#446181;font-size:12px;font-weight:700;letter-spacing:2px}
.panel{background:white;border:1px solid #dce4ee;border-radius:14px;padding:24px;margin:18px 0}
label{display:block;font-weight:600;font-size:14px;margin:16px 0 8px}
select,input,button{font:inherit;min-height:44px;border-radius:8px}
select,input{width:100%;padding:10px;border:1px solid #9eacbd;background:white;color:inherit}
.lookup{display:flex;gap:10px}
.lookup input{min-width:0;flex:1}
button{padding:10px 18px;border:0;background:#205bbb;color:white;cursor:pointer}
:focus-visible{outline:3px solid #598cf2;outline-offset:3px}
.muted{color:#526379;font-size:14px}
.notice{padding:14px 16px;background:#fff7df;border-left:4px solid #b97705;border-radius:4px}
.error{color:#a41f2b}
dl{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:10px 20px}
dt{color:#526379}
dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){main{padding:20px 14px}.panel{padding:18px}.lookup{flex-direction:column}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:10px}}