/* HK Navi Map v2.2 - 2D flat, explainable flood intelligence */
.official-risk-dashboard {background:#fff;border:1px solid #ccd9e5;border-radius:12px;padding:15px;display:grid;gap:14px;color:#263b53;margin-bottom:13px;box-shadow:none}
.official-risk-dashboard *{box-sizing:border-box}
.official-title h3{font-size:20px;line-height:1.3;color:#103956;margin:4px 0 7px;font-weight:800}
.official-title p{color:#425d74;font-size:13px;line-height:1.65;margin:0}
.official-eyebrow{color:#087e91;font-size:10px;letter-spacing:.09em;font-weight:800}
.official-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.official-kpi>div{border:1px solid #d4e4eb;background:#f1f8fa;border-radius:8px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:9px;gap:5px}
.official-kpi b{color:#047184;font-size:19px;line-height:1.15}
.official-kpi span{font-size:10px;line-height:1.4;color:#4c6a79}
.official-filter-title{font-size:13px;font-weight:800;color:#1c4155}
.official-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.official-filter{border:1px solid #cddde6;border-radius:8px;padding:10px 8px;background:#f8fbfd;display:flex;gap:7px;align-items:center;cursor:pointer;min-width:0;font-size:12px;font-weight:650;color:#204e67}
.official-filter:has(input:checked){background:#e6f5f8;border-color:#8fcad2;color:#035d6c}
.official-filter input{accent-color:#087e91;width:17px;height:17px;flex:none;margin:0}
.official-subhead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.official-subhead h4,.official-terrain h4{margin:0;font-size:15px;font-weight:800;color:#194357}
.official-subhead>span{font-size:11px;color:#386077;white-space:nowrap}
.official-muted{font-size:11px;color:#697c8d;line-height:1.6;margin:0}
.official-sections,.official-tide,.official-terrain{display:grid;gap:10px;border-top:1px solid #dbe5ed;padding-top:13px}
.official-records{display:grid;gap:6px;max-height:380px;overflow-y:auto;overscroll-behavior:contain}
.official-record{border:1px solid #dce6ee;border-radius:8px;background:#fafcfd;padding:10px;display:flex;justify-content:space-between;align-items:start;gap:8px}
.official-record>div:first-child{min-width:0;display:grid;gap:3px}
.official-record strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere;color:#27485c}
.official-record small{font-size:10px;line-height:1.4;color:#697b8a}
.official-record-actions{display:grid;gap:4px;text-align:right;flex:none}
.official-record-actions button{border:1px solid #aad0d8;background:#eff8fb;color:#036071;border-radius:6px;padding:6px 9px;cursor:pointer;font-weight:700;font-size:11px}
.official-record-actions a{font-size:11px;color:#1055a0;text-decoration:underline}
.official-links{display:flex;gap:10px;flex-wrap:wrap}
.official-links-stack{flex-direction:column;align-items:flex-start}
.official-links a{font-size:11px;color:#0c5899;line-height:1.4;text-decoration:underline;text-underline-offset:2px}
.official-terrain{padding:12px;border-radius:8px;background:#f9f7ef;border:1px solid #ece4c8;gap:6px}
.official-terrain p{margin:0;font-size:12px;line-height:1.65;color:#716044}
.official-tide>p{margin:0;font-size:11px;line-height:1.6;color:#577184}
.official-tide p strong{color:#245870}
.official-status{background:#e9eff4;border-radius:5px;padding:5px 7px;white-space:nowrap;font-size:10px;font-weight:700}
.official-status.is-fresh{background:#dcfce7;color:#126039}
.official-status.is-stale{background:#fff1d4;color:#855518}
.official-tide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.official-tide-row{display:grid;gap:3px;border:1px solid #cfdfec;border-radius:8px;background:#f4f9fd;padding:9px}
.official-tide-row b{font-size:11px;color:#3e5970}
.official-tide-row strong{font-size:19px;color:#165781;font-variant-numeric:tabular-nums}
.official-tide-row small{font-size:10px;color:#60768c}
.official-principles{border-left:3px solid #c5802f;background:#fff8eb;border-radius:3px 7px 7px 3px;padding:11px}
.official-principles b{color:#885219;font-size:13px}
.official-principles p{margin:5px 0 0;color:#6e583d;font-size:11px;line-height:1.65}
.official-anchor{display:grid;place-items:center;width:32px;height:32px;border:2px solid white;border-radius:50%;font-size:21px;font-weight:800;color:#fff;background:#087e91;box-shadow:0 0 0 1px #087e91}
.official-anchor-popup{min-width:180px;max-width:300px}
.official-anchor-popup h3{color:#136075}
.official-anchor-popup a{font-weight:700;color:#096491}
#historicalRecords[hidden]{display:none!important}
#historicalRecords{display:grid;gap:10px}
@media(max-width:430px){.official-risk-dashboard{padding:12px;gap:12px}.official-kpi{gap:5px}.official-kpi>div{padding:8px 6px}.official-kpi b{font-size:17px}.official-kpi span{font-size:9.5px}.official-record{flex-direction:column}.official-record-actions{display:flex;align-items:center;text-align:left;gap:12px}.official-tide-row strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.official-risk-dashboard *{transition:none!important}}

/* v2.3: quiet-by-default flood interface; details expand only when requested. */
#wxBanner[hidden],#wxMapBadge[hidden],#floodAlert[hidden],#rainLegend[hidden],#floodLegend[hidden]{display:none!important}
.official-more{border:1px solid #d5e1e9;background:#f7fafc;border-radius:9px;padding:11px}
.official-more>summary{cursor:pointer;font-size:13px;font-weight:800;color:#175a73;line-height:1.5}
.official-more[open]{display:grid;gap:13px}
.official-more>summary:focus-visible{outline:2px solid #008fa6;outline-offset:3px}

.flood-history-details{border:1px solid #d5e1e9;background:#fff;border-radius:9px;padding:10px;margin-bottom:10px}
.flood-history-details>summary{cursor:pointer;color:#175a73;font-weight:800;font-size:13px;line-height:1.55}
.flood-history-details[open] #historicalRecords{margin-top:12px}
.flood-history-details>summary:focus-visible{outline:2px solid #008fa6;outline-offset:3px}