html,body{margin:0;height:100%;font-family:system-ui,sans-serif}
#map{position:absolute;top:0;left:0;right:340px;bottom:28px}
#panel{position:absolute;top:0;right:0;width:340px;bottom:28px;overflow:auto;padding:10px 14px;box-sizing:border-box;background:#fafafa;border-left:1px solid #ccc;font-size:14px}
#panel h1{font-size:20px;margin:4px 0}#panel h2{font-size:15px;margin:14px 0 4px}#panel ul{padding-left:18px;margin:4px 0}
footer{position:absolute;bottom:0;left:0;right:0;height:28px;line-height:28px;font-size:12px;padding:0 8px;background:#222;color:#ddd;overflow:hidden;white-space:nowrap}
footer a{color:#9cf}.unofficial{color:#a00;font-weight:600;margin:0}.err{color:#b00;font-weight:600}.note{font-size:12px;color:#555}
.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin:0 3px}.red{background:#d32f2f}.amber{background:#f5a623}.green{background:#2e9e44}
.flood{border-left:5px solid #999;padding:4px 6px;margin:6px 0;background:#fff}.flood.red{border-color:#d32f2f;background:#fff}.flood.amber{border-color:#f5a623;background:#fff}.flood.green{border-color:#2e9e44;background:#fff}.flood.grey{border-color:#999}
.flood small{color:#666}
@media(max-width:700px){#map{right:0;bottom:45%}#panel{top:55%;width:100%;border-left:0;border-top:1px solid #ccc}}

.collapsible h2{margin:14px 0 4px}.toggle{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;width:100%;padding:6px 4px;min-height:32px;box-sizing:border-box;border-radius:4px;font-weight:700}
.toggle:hover,.toggle:focus-visible{background:#eee;outline:2px solid #9cf}.chev{display:inline-block;width:14px}
.collapsible.collapsed .body{display:none}
@media(max-width:700px){.toggle{min-height:40px;font-size:16px}}