:root{--brand:#205b87;--ink:#263c4e;--muted:#607484;--line:#dce5ec;--surface:#f3f6f8}
body{background:var(--surface);color:var(--ink)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #e3a82b;outline-offset:4px}
.site-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.site-header{background:var(--brand);color:#fff}
.header-content{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:23px;font-weight:700;color:#fff;text-decoration:none}
.header-content>span{font-size:14px;white-space:nowrap}
.landing{padding-block:72px 48px}
.eyebrow{margin:0 0 18px;color:var(--brand);font-weight:700;letter-spacing:.12em}
.landing h1{max-width:760px;margin:0;font-size:clamp(30px,4.5vw,48px);line-height:1.35;letter-spacing:-.03em}
.intro{max-width:720px;margin:22px 0 30px;color:var(--muted);font-size:18px;line-height:1.9}
.primary-link{display:inline-flex;align-items:center;gap:38px;background:var(--brand);color:#fff;padding:14px 24px;border-radius:4px;text-decoration:none;font-weight:700}
.primary-link:hover{background:#174c72}
.data-notice{max-width:780px;margin-top:60px;padding:22px 26px;border-left:4px solid var(--brand);background:#fff}
.data-notice h2,.independent-tip h2{margin:0 0 10px;font-size:17px;color:var(--ink)}
.data-notice p{margin:0;color:var(--muted);line-height:1.85}
.site-footer{margin:36px auto 24px;font-size:13px;color:var(--muted);text-align:center;padding-inline:20px}
.home-button{display:inline-flex;align-items:center;text-decoration:none}
.query-panel{width:min(1180px,calc(100% - 48px));margin-top:28px}
.query-header nav{right:24px;font-size:12px}.query-header .home-button{left:24px}
.independent-tip{height:auto!important;min-height:92px;border:1px solid var(--line)!important;border-left:4px solid var(--brand)!important;background:#f5f9fc!important;padding:18px 20px!important}
.independent-tip p{color:var(--muted);font-size:14px;line-height:1.8}
.filter-row{height:auto;min-height:95px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:20px;align-items:start;padding-inline:0}
.filter-row label{min-width:0;gap:8px;font-size:14px}
.select-wrap{min-width:0;flex:1}.select-wrap select{width:100%;min-width:0}
.query-status{min-height:22px;margin:0 0 12px;color:var(--brand);font-size:14px;line-height:1.6}
.table-wrap table{min-width:680px;table-layout:auto}.empty-cell{height:96px}
@media(max-width:1000px){.filter-row{grid-template-columns:1fr 1fr;gap:18px}.query-button{justify-self:start}.query-header nav{font-size:11px}}
@media(max-width:650px){.site-shell{width:calc(100% - 32px)}.header-content{min-height:72px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.brand{font-size:20px}.header-content>span{font-size:12px}.landing{padding-block:44px 24px}.intro{font-size:16px}.data-notice{margin-top:38px;padding:18px}.query-panel{width:calc(100% - 24px);margin-top:16px}.filter-row{grid-template-columns:1fr}.query-header{justify-content:flex-end;padding-right:14px}.query-header h1{font-size:21px}.query-header nav{display:none}.query-header .home-button{left:12px}.filter-row label{justify-content:space-between}.filter-row b{width:82px;flex-shrink:0}.query-button{height:36px;padding-inline:24px}.query-status{min-height:42px}}
