.header{height:auto;min-height:86px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 24px;padding:18px 4%;background:var(--paper)}
.header .brand{grid-column:1;grid-row:1;white-space:nowrap}
.header #account{grid-column:2;grid-row:1;justify-self:end;margin:0;display:flex;align-items:center;gap:12px}
.header #nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:center;width:auto;gap:3px;order:0}
.header .nav-button{white-space:nowrap;text-decoration:none}
.header .navbar-error{grid-column:1/-1;color:#923c29;font-size:12px;margin:0}
.header .navbar-error[hidden]{display:none}
.header a:focus-visible,.header button:focus-visible{outline:3px solid #678e37;outline-offset:3px}
@media(min-width:1350px){.header{grid-template-columns:auto minmax(0,1fr) auto}.header #nav{grid-column:2;grid-row:1}.header #account{grid-column:3}}
@media(max-width:550px){.header{padding:15px 5%;gap:14px 8px}.header #account{gap:6px}.header #account .btn{padding:10px 8px;font-size:9px}.header #nav{justify-content:flex-start}.header #account>span{display:none}}
@media print{#site-header{display:none!important}}
.legal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;padding:22px 5%;font-size:12px;line-height:1.6;border-top:1px solid #d5ddd5}
.legal-footer a{color:inherit;text-underline-offset:3px}
.legal-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;margin:14px 0}
.legal-check input{width:18px!important;min-width:18px;height:18px;margin-top:3px}
.legal-check a,.form-note a{color:inherit;text-decoration:underline}
.legal-notice{padding:14px 5%;background:#eaf1dd;font-size:14px;line-height:1.6}
.legal-notice a{color:inherit}
@media print{.legal-footer{display:none}}
.api-announcement{margin:20px 4%;padding:24px clamp(16px,3vw,36px);border:1px solid #4ce7ed;border-radius:16px;background:linear-gradient(115deg,#15283b,#201730);color:#eef6ff;box-shadow:0 0 22px #4ce7ed14;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.api-announcement .api-announcement-kicker{margin:0 0 6px;color:#7ef4f0;font-size:11px;font-weight:800;letter-spacing:.12em}
.api-announcement h2{margin:0 0 10px;font-size:clamp(22px,3vw,30px);line-height:1.2;color:#fff}
.api-announcement p{margin:10px 0;font-size:inherit;line-height:inherit}
.api-announcement ul{margin:12px 0;padding-left:20px;display:grid;gap:6px}
.api-announcement code{color:#d5faff;font-size:13px;white-space:normal;overflow-wrap:anywhere;background:transparent}
.api-announcement a{color:#7ef4f0;text-decoration:underline;text-underline-offset:3px}
.api-announcement .api-announcement-shot{color:#ffd589}.api-announcement .api-announcement-pass{color:#9cefff}
.api-announcement .api-announcement-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:18px;padding-top:16px;border-top:1px solid #59667d}
.api-announcement-confirm label{display:flex;align-items:flex-start;gap:10px;margin:0;color:inherit;font-size:13px;font-weight:400;cursor:pointer}
.api-announcement-confirm input[type=checkbox]{appearance:auto;flex:0 0 18px;width:18px;min-width:18px;height:18px;margin:3px 0 0;accent-color:#8eefaa}
.api-announcement-confirm small{display:block;font-size:12px;color:#becbdd}
.api-announcement :is(a,button,input):focus-visible{outline:3px solid #ffcd7e;outline-offset:4px}
@media(max-width:550px){.api-announcement{margin:14px 4%;padding:18px 16px}.api-announcement-confirm button{width:100%}}
@media print{.api-announcement{display:none!important}}