/* Live flood block (VicEmergency) on town pages, hubs and /flood-warnings/. A thin layer over guides.css. */
section.flood-block.flood-block{border:1px solid var(--line);border-left:4px solid #4f9bd9;border-radius:5px;background:var(--panel);padding:18px 20px 6px;margin:0 0 28px}
.flood-block h2,.flood-block h3{margin-top:0}
.flood-summary{font-size:17px}
.flood-table td,.flood-table th{white-space:normal!important;vertical-align:top}
.flood-table small{color:var(--muted)}
.flood-level{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:650;letter-spacing:.03em;white-space:nowrap;background:#2b3138;color:var(--text)}
.flood-level-advice{background:#f5cd62;color:#17191d}
.flood-level-watch-and-act{background:#f08a24;color:#17191d}
.flood-level-emergency-warning{background:#d93a2b;color:#fff}
.flood-near{color:var(--muted);white-space:nowrap}
.flood-safety{border-left:3px solid #d93a2b;padding:10px 16px;background:rgba(217,58,43,.08)}
.flood-source{font-size:13px;color:var(--muted)}
.flood-terms>div{margin:0 0 14px}
.flood-terms dt{font-weight:650;color:var(--text)}
.flood-terms dd{margin:4px 0 0}
@media(max-width:580px){section.flood-block.flood-block{padding:14px 14px 4px}.flood-table thead{display:none}.flood-table tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}.flood-table td,.flood-table th{display:block;border:0;padding:2px 0}.flood-table td[data-label]::before{content:attr(data-label) ": ";color:var(--muted)}.flood-table .flood-none{display:none}}
@media print{.flood-block{background:#fff}.flood-level{border:1px solid #000;background:#fff;color:#000}}
