:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#173246;background:#f6f8f8}*{box-sizing:border-box}body{margin:0}.shell{max-width:1480px;margin:auto;padding:20px}header{margin-bottom:18px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#167c94}h1{font-size:clamp(28px,4vw,47px);margin:0}header>p:last-child{margin:8px 0;color:#526571}form{border:1px solid #d9e3e8;background:white;padding:15px 18px;border-radius:16px;margin-bottom:16px}label{font-size:13px;font-weight:750;display:block;margin-bottom:8px}.search-row{display:flex;gap:10px}input{flex:1;min-width:0;padding:13px 14px;font:inherit;border:1px solid #afc8d2;border-radius:8px}button{background:#123b51;color:white;border:0;border-radius:8px;padding:12px 19px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}.layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:16px;align-items:stretch}.map-wrap,aside{background:#fff;border:1px solid #d9e3e8;border-radius:17px;overflow:hidden}.map-wrap{position:relative;min-width:0}#map{width:100%;height:min(72vh,740px);min-height:450px;background:#dcecf1}.legend{display:flex;flex-wrap:wrap;gap:12px;background:white;padding:11px 16px;font-size:12px;font-weight:650}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:13px;height:13px;border-radius:50%}.salt{background:#086995}.fresh{background:#59a8dc}.unknown{background:#7b8793}.bridge{background:#b67828}.weir{background:#d84a48}aside{padding:21px;line-height:1.5}h2{margin:0 0 12px;font-size:23px}.notice{background:#eef7fa;border-radius:12px;padding:14px}.attribution{border-top:1px solid #dfebef;margin-top:22px;color:#536879;font-size:13px}.attribution h3{color:#173246}small{color:#607783}.leaflet-container img{max-width:none!important}@media(max-width:850px){.shell{padding:12px}.layout{grid-template-columns:1fr}#map{height:55vh;min-height:370px}.search-row{flex-wrap:wrap}.search-row button{width:100%}}