:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#183447;background:#f1f5f7}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:260px;min-height:100vh;background:#102d3c;color:#d4e3e9;padding:32px 20px;position:fixed;inset:0 auto 0 0}.brand{font-size:32px;letter-spacing:4px;color:#fff;font-weight:750}.brand span{display:block;font-size:10px;letter-spacing:2.3px;margin:7px 0 42px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#64828f}nav button{display:block;background:transparent;border:0;border-radius:7px;color:#c3d5de;text-align:left;width:100%;padding:13px 10px;margin:5px 0;font:inherit;font-size:13px;cursor:pointer}nav button.active,nav button:hover{background:#215067;color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7a341;outline-offset:3px}.aside-note{font-size:11px;line-height:2;margin-top:36px;color:#97b3c0}a{color:#14758e}.aside-note a{color:#9cd8e5}main{margin-left:260px;width:calc(100% - 260px);padding:0 36px 30px}header{display:flex;justify-content:space-between;border-bottom:1px solid #d8e3e8;padding:23px 0;font-size:10px;letter-spacing:1.2px;color:#617f8d}.title{margin:30px 0 22px}h1{font-size:32px;margin:8px 0 10px;letter-spacing:-1px}h2{font-size:18px;margin:0 0 17px}p{line-height:1.6}.title>p:last-child{font-size:13px;color:#5b7583}.notice{border-left:3px solid #d49736;background:#fff6e6;padding:13px 17px;font-size:12px;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card,.panel{background:white;border:1px solid #dfe8ec;border-radius:9px;padding:21px;margin-bottom:20px}.card small{display:block;color:#607d8b;font-size:11px}.value{font-size:29px;font-weight:700;color:#106d85;margin:10px 0}.unit{font-size:13px;font-weight:400}.basis{font-size:10px;color:#748996}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid img{width:100%;border-radius:8px;background:white}.table-wrap{overflow:auto;max-height:500px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th,td{text-align:left;padding:10px;border-bottom:1px solid #e3ecef}th{position:sticky;top:0;background:#eaf2f5;color:#466573}input,select{padding:9px 12px;border:1px solid #c8dbe3;border-radius:5px;background:white;color:#264955;margin:0 8px 15px 0}label{font-size:12px}.download{font-size:11px;float:right}.detail{font-size:12px;color:#617c89}footer{font-size:10px;color:#6e8793;padding-top:30px}li{font-size:12px;line-height:1.8}@media(max-width:1000px){aside{width:210px}main{margin-left:210px;width:calc(100% - 210px);padding:0 20px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:650px){body{display:block}aside{position:relative;width:100%;min-height:auto;padding:20px}.brand span{margin-bottom:15px}nav{display:flex;overflow:auto}nav button{min-width:150px}.aside-note{display:none}main{margin:0;width:100%;padding:0 15px}.cards{grid-template-columns:1fr}header{font-size:8px}h1{font-size:26px}}@media print{aside,header,input,select,.download{display:none}main{margin:0;width:100%}.table-wrap{max-height:none}.panel,.card{break-inside:avoid}}
#flood-map{height:650px;width:100%;background:#e8eef1;border:1px solid #c8dbe3;border-radius:8px;z-index:0}.map-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.map-toolbar select{max-width:400px}.map-toolbar input[type=range]{width:100px;padding:0}.map-toolbar button{padding:10px;border:1px solid #b8cdd7;background:#e8f1f5;border-radius:5px;color:#25495b;cursor:pointer}.map-legend{font-size:12px;line-height:2}.depth-map-legend{background:rgba(255,255,255,.94);padding:8px 10px;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.35);font-size:12px;line-height:1.55}.depth-swatch{display:inline-block;width:14px;height:12px;margin-right:5px;vertical-align:-2px}.d1{background:#41b6c4}.d2{background:#3182bd}.d3{background:#78c679}.d4{background:#fdae61}.d5{background:#d73027}.leaflet-popup-content{max-height:320px;overflow:auto}.leaflet-popup-content th{position:static}.leaflet-control-layers{font-size:11px;max-height:360px;overflow:auto}.leaflet-control-layers input{margin:4px}.leaflet-control-layers label{display:block;font-size:11px}#flood-map a{color:#126982}@media(max-width:650px){#flood-map{height:520px}.map-toolbar select{max-width:280px}}
.global-timeline{display:flex;align-items:center;gap:12px;background:#e4eef3;border:1px solid #c8dbe3;border-radius:7px;padding:12px 16px;margin-bottom:20px;font-size:12px}.global-timeline select{margin:0}.explorer .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.explorer .card{padding:13px}.explorer .value{font-size:24px}.search-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:5px 0 12px}.search-toolbar input,.search-toolbar select{margin:0}button#map-search,#map-search-results button{border:1px solid #bccfd8;padding:9px 13px;border-radius:5px;background:#edf4f7;color:#274c60;cursor:pointer}#map-search-results{max-height:150px;overflow:auto;margin-bottom:12px}#map-search-results button{margin:3px}.inspector{margin-top:20px;padding:16px;background:#f4f8fa;border:1px solid #dae6ec;border-radius:7px}.inspector th{position:static;white-space:normal;width:220px}.inspector td{white-space:pre-line;overflow-wrap:anywhere}.inspector table{white-space:normal}.building-label{font-size:9px;background:rgba(255,255,255,.75);border:none;padding:1px 3px;box-shadow:none}.native-flood-tiles{image-rendering:pixelated}details{margin:20px 0}summary{cursor:pointer;font-size:13px;font-weight:600}@media(max-width:900px){.explorer .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.global-timeline{flex-wrap:wrap}}
.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.method-grid .panel{margin-bottom:0}.method-grid p{font-size:13px}.method-grid code{background:#edf4f7;padding:2px 4px;border-radius:3px}@media(max-width:760px){.method-grid{grid-template-columns:1fr}}
.inspector-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #b9ced9;margin:15px 0}.inspector-tabs button{border:1px solid #b9ced9;border-bottom:0;background:#e5eef3;padding:10px 14px;border-radius:6px 6px 0 0;color:#355b6e;cursor:pointer}.inspector-tabs button[aria-selected=true]{background:#163d52;color:white}.inspector-tabs span{font-size:10px;margin-left:5px;opacity:.85}.inspector [hidden]{display:none}.inspector-feature{padding:14px 0;border-bottom:2px solid #cedde5}.inspector-feature h3{font-size:14px;color:#17495f}.inspector [role=tabpanel]{max-height:650px;overflow:auto}.inspector [role=tabpanel] table{table-layout:fixed}.inspector [role=tabpanel] th{width:32%}.inspector [role=tabpanel] td{overflow-wrap:anywhere;word-break:break-word}.inspector-tabs button:focus-visible{outline:3px solid #df9e42;outline-offset:2px}
#depth-time-bin-analysis table{min-width:900px;white-space:nowrap;font-size:10px}#depth-time-bin-analysis th,#depth-time-bin-analysis td{padding:7px 5px}
.county-analysis .table-wrap{max-height:650px}.county-analysis th:first-child,.county-analysis td:first-child{position:sticky;left:0;min-width:110px;background:#fff;z-index:1}.county-analysis th:first-child{background:#eaf2f5;z-index:3}.county-analysis th:nth-child(2),.county-analysis td:nth-child(2){position:sticky;left:110px;min-width:55px;background:#fff;z-index:1}.county-analysis th:nth-child(2){background:#eaf2f5;z-index:3}
.depth-class-panel .detail{margin:0 0 13px}.depth-class-table{min-width:850px;white-space:normal}.depth-class-table th,.depth-class-table td{vertical-align:top;padding:10px 12px}.depth-class-table thead th:not(:first-child){min-width:145px}.depth-class-table thead span,.depth-class-table td strong{display:block;color:#274d61}.depth-class-table small{display:block;margin-top:3px;color:#69818d;font-weight:400}.depth-class-table tbody th{background:#fff;color:#274d61;font-weight:650}
.depth-trend-panel{min-width:0;margin:0}.depth-trend-panel h2{margin-bottom:8px}.depth-trend-panel svg{display:block;width:100%;height:auto;min-width:460px}.depth-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#5f7783;margin-bottom:5px}.depth-legend .mean{color:#177a91}.depth-legend .p95{color:#694eb2}.depth-grid line{stroke:#dde8ed;stroke-width:1}.depth-grid text,.depth-labels text{font-size:11px;fill:#607985}.depth-axis{stroke:#8ba3ae;stroke-width:1.2}.depth-line{fill:none;stroke-width:3}.depth-line.mean{stroke:#177a91}.depth-line.p95{stroke:#694eb2}.depth-points.mean{fill:#177a91}.depth-points.p95{fill:#694eb2}.depth-values text{font-size:10px;font-weight:650}.depth-values.mean{fill:#177a91}.depth-values.p95{fill:#694eb2}.depth-trend-panel .detail{margin:8px 0 0}
.zone-guide{margin:-6px 0 20px;padding:15px 18px;background:#f3f8fa;border:1px solid #d6e5ea;border-radius:8px}.zone-guide h3{margin:0 0 10px;font-size:14px;color:#254c60}.zone-guide dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.zone-guide dl div{padding-left:10px;border-left:3px solid #6aaabd}.zone-guide dl div:nth-child(1){border-color:#d64b46}.zone-guide dl div:nth-child(2){border-color:#df9e42}.zone-guide dt{font-weight:700;color:#294f61;margin-bottom:4px}.zone-guide dd{margin:0;font-size:11px;line-height:1.5;color:#607985}.zone-guide .detail{margin:12px 0 0}@media(max-width:760px){.zone-guide dl{grid-template-columns:1fr}}
 .depth-hazard-legend{background:#fff!important;padding:8px 10px;border:1px solid #8da1ad;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.35);font-size:12px;line-height:1.55;opacity:1}