.flood-page{max-width:1240px;margin:0 auto;padding:42px 20px 72px;color:#17324d}.flood-hero{text-align:center;margin-bottom:25px}.flood-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,3.1rem);color:#0c4a6e}.flood-hero p{margin:0 auto;max-width:760px;color:#526879}.flood-tools{display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(210px,280px) auto;align-items:end;gap:14px;padding:17px;border:1px solid #cde4ef;border-radius:18px 18px 0 0;background:#f5fbfe}.flood-search label,.opacity-control{display:block;font-size:.82rem;font-weight:800;color:#31556a}.flood-search div{display:flex;margin-top:6px}.flood-search input{min-width:0;flex:1;padding:11px 12px;border:1px solid #9ebdca;border-radius:9px 0 0 9px;font:inherit}.flood-search button,.locate-button{padding:11px 16px;border:0;border-radius:9px;background:#087ca7;color:#fff;font-weight:800;cursor:pointer}.flood-search button{border-radius:0 9px 9px 0}.locate-button{white-space:nowrap}.opacity-control{display:grid;grid-template-columns:1fr auto;gap:4px 9px}.opacity-control input{grid-column:1/3;width:100%;accent-color:#087ca7}.layer-toggle{display:flex;align-items:center;gap:7px;min-height:42px;font-size:.86rem;font-weight:800}.layer-toggle input{width:18px;height:18px;accent-color:#087ca7}.flood-status{min-height:1.4em;margin:7px 3px;color:#4b6472;font-size:.85rem}.flood-status.error{color:#b42318}.flood-map-shell{position:relative;overflow:hidden;border:1px solid #b9d5e1;border-radius:0 0 18px 18px;box-shadow:0 14px 35px #164e631c}.flood-map-shell #floodMap{height:min(70vh,720px);min-height:520px;background:#eaf4f7}.flood-legend{position:absolute;z-index:500;right:14px;bottom:22px;width:205px;padding:14px;border:1px solid #bfd5df;border-radius:12px;background:#fffffff2;box-shadow:0 5px 18px #17324d35}.flood-legend h2{margin:0 0 8px;font-size:.95rem}.flood-legend ul{list-style:none;margin:0;padding:0}.flood-legend li{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:.78rem}.flood-legend i{width:25px;height:13px;flex:none;border:1px solid #0002;background:var(--color)}.flood-legend p{margin:8px 0 0;font-size:.7rem;line-height:1.45}.flood-guide{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.flood-guide>div{padding:20px;border-radius:15px;background:#eff8fb}.flood-guide h2{margin:0 0 7px;font-size:1.1rem;color:#0c4a6e}.flood-guide p{margin:0;line-height:1.75;color:#4d6572;font-size:.9rem}.flood-guide .flood-warning{background:#fff5e8;border:1px solid #fed7aa}.flood-source{grid-column:1/-1;font-size:.78rem!important}.flood-source a{color:#087ca7}.leaflet-control-attribution{font-size:10px}@media(max-width:900px){.flood-tools{grid-template-columns:1fr 1fr}.flood-search{grid-column:1/-1}.flood-guide{grid-template-columns:1fr}}@media(max-width:580px){.flood-page{padding:24px 10px 55px}.flood-tools{grid-template-columns:1fr}.flood-search{grid-column:auto}.opacity-control{margin-top:4px}.flood-map-shell #floodMap{height:68vh;min-height:440px}.flood-legend{right:8px;bottom:20px;width:170px;padding:10px}.flood-legend li{font-size:.7rem}}