/* Climate, Rivers & Flooding and Weather 101 chart guides (batch B). Uses the site's color variables, so dark mode follows .dark */
.dp-wrap{max-width:72rem;margin:0 auto;padding:2.5rem 1.5rem}
.dp-sec{border-bottom:1px solid var(--color-border)}
.dp-sec.alt{background:var(--color-surface)}
.dp-kick{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.22em;color:var(--color-primary);margin-bottom:.35rem}
.dp-h2{font-family:var(--font-display,'Barlow Condensed'),sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:1.6rem;line-height:1.1;color:var(--color-foreground);margin:0 0 .5rem}
@media(min-width:768px){.dp-h2{font-size:2rem}.dp-wrap{padding:3.5rem 1.5rem}}
.dp-h3{font-family:var(--font-display,'Barlow Condensed'),sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;color:var(--color-foreground);margin:0 0 .25rem}
.dp-p{font-size:.9rem;line-height:1.6;color:var(--color-muted-foreground);max-width:48rem;margin:0 0 1rem}
.dp-p a,.dp-note a,.dp-guide a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}
.dp-note{font-size:.75rem;line-height:1.5;color:var(--color-muted-foreground);margin-top:.75rem}
.dp-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem}
.dp-tab{font-size:.75rem;letter-spacing:.03em;padding:.4rem .75rem;border:1px solid var(--color-border);border-radius:.3rem;background:transparent;color:var(--color-muted-foreground);cursor:pointer}
.dp-tab:hover{color:var(--color-foreground)}
.dp-tab[aria-pressed="true"]{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);font-weight:600}
.dp-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.dp-grid{display:grid;gap:1px;background:var(--color-border);border:1px solid var(--color-border)}
@media(min-width:768px){.dp-grid.c2{grid-template-columns:1fr 1fr}.dp-grid.c3{grid-template-columns:1fr 1fr 1fr}.dp-grid.c4{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.dp-grid.c4{grid-template-columns:repeat(4,1fr)}}
.dp-card{background:var(--color-surface);display:flex;flex-direction:column;min-width:0}
.dp-sec.alt .dp-card{background:var(--color-background)}
.dp-img{background:#fff;display:block;position:relative}
.dp-img img{display:block;width:100%;height:auto;aspect-ratio:var(--ar,4/3);object-fit:contain;background:#fff}
.dark .dp-img img{filter:brightness(.92)}
.dp-cap{padding:.8rem 1rem 1rem}
.dp-cap .t{font-family:var(--font-display,'Barlow Condensed'),sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;color:var(--color-foreground)}
.dp-cap .s{font-size:.72rem;color:var(--color-muted-foreground);line-height:1.45;margin-top:.15rem}
.dp-cap .s a{color:var(--color-primary)}
.dp-live{position:absolute;top:.4rem;left:.4rem;background:color-mix(in srgb,var(--color-primary) 90%,transparent);color:#fff;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;padding:.1rem .45rem}
.dp-tbl-wrap{overflow-x:auto;border:1px solid var(--color-border)}
.dp-tbl{width:100%;border-collapse:collapse;font-size:.8rem;font-variant-numeric:tabular-nums}
.dp-tbl th,.dp-tbl td{padding:.45rem .6rem;text-align:right;border-bottom:1px solid var(--color-border);white-space:nowrap;color:var(--color-foreground)}
.dp-tbl th{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted-foreground);font-weight:600;background:var(--color-surface)}
.dp-tbl th:first-child,.dp-tbl td:first-child{text-align:left}
.dp-tbl tr.us td{font-weight:700;background:color-mix(in srgb,var(--color-primary) 8%,transparent)}
.dp-pos{color:#c2410c}.dp-neg{color:#1d6fb8}
.dark .dp-pos{color:#fb923c}.dark .dp-neg{color:#60a5fa}
.dp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);margin-bottom:1rem}
@media(min-width:768px){.dp-stats{grid-template-columns:repeat(4,1fr)}}
.dp-stat{background:var(--color-surface);padding:.8rem 1rem}
.dp-stat .n{font-family:var(--font-display,'Barlow Condensed'),sans-serif;font-size:1.9rem;line-height:1;color:var(--color-foreground)}
.dp-stat .l{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted-foreground);margin-top:.3rem;display:flex;align-items:center;gap:.4rem}
.dp-sw{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;border:1px solid rgba(0,0,0,.35);flex-shrink:0}
.dp-sw.ring{background:transparent!important;border-width:2px}
.dp-map{height:min(70vh,560px);border:1px solid var(--color-border);background:var(--color-surface)}
.rv-tiles{filter:grayscale(1) brightness(1.06) contrast(.9)}
.dark .rv-tiles{filter:grayscale(1) invert(1) brightness(.85) contrast(.85)}
.dp-legend{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.72rem;color:var(--color-muted-foreground);margin:.6rem 0 0}
.dp-legend span{display:inline-flex;align-items:center;gap:.35rem}
.dp-filter{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .8rem}
.dp-filter input,.dp-filter select{font-size:.8rem;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:.3rem;background:var(--color-background);color:var(--color-foreground)}
.dp-cat{display:inline-block;padding:.05rem .45rem;border-radius:.2rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#111}
.dp-tbl a{color:var(--color-primary)}
.leaflet-popup-content{font-size:.8rem;line-height:1.45}
.leaflet-popup-content b{font-size:.85rem}
.dp-status{font-size:.75rem;color:var(--color-muted-foreground);margin:.4rem 0 0}
/* chart guides */
.dp-toc{display:flex;flex-wrap:wrap;gap:.4rem}
.dp-guide{max-width:52rem}
.dp-guide p,.dp-guide li{font-size:.92rem;line-height:1.65;color:var(--color-foreground);opacity:.88}
.dp-guide ul,.dp-guide ol{padding-left:1.25rem;margin:.4rem 0 1rem}
.dp-guide li{margin:.25rem 0}
.dp-guide h3{font-family:var(--font-display,'Barlow Condensed'),sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;color:var(--color-primary);margin:1.4rem 0 .4rem}
.dp-guide code,.dp-pre{font-family:var(--font-mono,'JetBrains Mono'),monospace;font-size:.8rem}
.dp-pre{background:var(--color-deep);color:#E8F0F7;padding:.9rem 1rem;overflow-x:auto;line-height:1.45;border:1px solid var(--color-border);white-space:pre}
.dp-pre mark{background:rgba(232,117,26,.35);color:inherit;padding:0 1px}
.dp-guide svg{max-width:100%;height:auto;display:block;margin:.6rem 0 .4rem}
.dp-fig{border:1px solid var(--color-border);background:var(--color-surface);padding:.75rem;margin:.8rem 0}
.dp-fig figcaption{font-size:.72rem;color:var(--color-muted-foreground);margin-top:.35rem}
.dp-key{display:grid;grid-template-columns:auto 1fr;gap:.25rem .9rem;font-size:.85rem;margin:.5rem 0 1rem}
.dp-key dt{font-family:var(--font-mono,'JetBrains Mono'),monospace;color:var(--color-primary);font-weight:600}
.dp-key dd{margin:0;color:var(--color-foreground);opacity:.88}
.dp-gl-new{font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}
.dp-guidelink{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;letter-spacing:.06em;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}
.dp-stats.fit{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.dp-grid.one{max-width:56rem}
#rv-rows td:nth-child(3),.dp-tbl.rv th:nth-child(3){text-align:left}