/* Halaman kemarau & gerakan tanah - mitigasi.com */
.hz-notice{background:#fff8e1;border-left:4px solid #f2a900;padding:12px 15px;border-radius:8px;margin:0 0 20px;font-size:.92rem;line-height:1.6}
.hz-notice.info{background:#eef4fa;border-left-color:#5b7083}
.hz-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px rgba(0,0,0,.08);margin-bottom:25px}
.hz-section h2{font-size:1.3rem;margin-bottom:10px}
.hz-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.hz-section .muted,.hz-muted{color:#5b7083;font-size:.9rem}

.hz-filter{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.hz-filter select{padding:8px 16px;border-radius:20px;border:1px solid #ddd;background:#fff;font:inherit;font-size:.9rem}
.hz-filter a{font-size:.9rem}

.hz-map{height:540px;border-radius:10px;z-index:1}
.hz-map-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:10px;font-size:.9rem}
.hz-map-tools label{display:flex;align-items:center;gap:5px;cursor:pointer}
.hz-legend{margin-top:12px;font-size:.85rem;color:#444;line-height:2}
.hz-legend span{margin-right:14px;white-space:nowrap}
.hz-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.hz-legend i.sq{border-radius:3px}

.hz-badge{display:inline-block;padding:2px 9px;border-radius:10px;font-size:.78rem;font-weight:700;color:#fff;white-space:nowrap}
.hz-badge.dark{color:#2b1d00}
.hz-chip{display:inline-block;padding:1px 7px;border-radius:8px;font-size:.75rem;font-weight:600;background:#eef1f4;color:#37474f;white-space:nowrap}

.hz-table{width:100%;border-collapse:collapse;font-size:.88rem}
.hz-table th{text-align:left;padding:8px;border-bottom:2px solid #eee;color:#5b7083;font-weight:600;white-space:nowrap}
.hz-table td{padding:8px;border-bottom:1px solid #f0f0f0;vertical-align:middle}
.hz-table td.num,.hz-table th.num{text-align:right;font-variant-numeric:tabular-nums}
.hz-table small{color:#7a8a99}
.hz-table-wrap{overflow-x:auto}
.rain-bars{display:block}

.hz-prov-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;min-width:80px;background:#f0f2f4}
.hz-prov-bar span{display:block;height:100%}
.hz-prov-bar span+span{margin-left:1px}

.hz-chart{position:relative;height:280px}
.hz-details summary{cursor:pointer;font-weight:600;margin-top:10px;color:#37474f}

.hz-reports{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}
.hz-report{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff}
.hz-report img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee;display:block}
.hz-report div{padding:10px 12px;font-size:.88rem}
.hz-report small{color:#7a8a99}

.hz-news{list-style:none;margin:0;padding:0}
.hz-news li{padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:.92rem}
.hz-news a{color:inherit;font-weight:600;text-decoration:none}
.hz-news a:hover{text-decoration:underline}
.hz-news small{display:block;color:#7a8a99;margin-top:2px;font-weight:400}

.hz-edu{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.hz-edu > div{background:var(--edu-bg,#f6f8fa);border-radius:10px;padding:16px}
.hz-edu h3{font-size:1rem;margin-bottom:8px}
.hz-edu ul{margin-left:18px;line-height:1.7;font-size:.9rem;color:#37474f}
.hz-scale{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:10px 0}
.hz-scale div{border-radius:8px;padding:8px 10px;font-size:.82rem;color:#fff;line-height:1.35}
.hz-scale div b{display:block;font-size:.92rem}
.hz-scale div.dark{color:#2b1d00}
.hz-method{margin-top:15px;font-size:.85rem;color:#5b7083;border-top:1px solid #eee;padding-top:12px;line-height:1.7}
.hz-empty{background:#f6f8fa;border-radius:12px;padding:26px;text-align:center;color:#37474f}

@media(max-width:900px){.hz-grid-2{grid-template-columns:1fr}}
@media(max-width:576px){
    .hz-section{padding:16px}
    .hz-map{height:400px}
    .hz-table .hide-sm{display:none}
}