/* src/client/historical-context.css */
.history-context-section{padding-top:28px}.history-context-heading{margin-bottom:14px}.history-context-heading h2{margin:0;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.12}.history-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.history-context-card{padding:18px;border:1px solid var(--premium-line);border-radius:16px;background:#fff}.history-context-card>span{display:block;color:var(--premium-muted);font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.history-context-card>strong{display:block;margin-top:7px;font-size:.98rem;line-height:1.3}.history-context-card>p{margin:6px 0 0;color:var(--premium-ink-soft);font-size:.78rem;line-height:1.45}.history-context-note{grid-column:1/-1;margin:1px 0 0;color:var(--premium-muted);font-size:.73rem;line-height:1.4}.history-context-river-panel .history-context-grid{margin-top:8px}

/* Homepage: one cohesive context card with internal rows. */
body.premium.page-overview .history-context-section.home-history-card{margin-top:16px;padding:0;border:1px solid var(--premium-line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,38,27,.055);overflow:hidden}
body.premium.page-overview .home-history-card .history-context-heading{margin:0;padding:22px 24px 15px}
body.premium.page-overview .home-history-card .history-context-heading h2{font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;letter-spacing:-.03em}
body.premium.page-overview .home-history-card .history-context-grid{display:block}
body.premium.page-overview .home-history-card .history-context-card{padding:17px 24px;border:0;border-top:1px solid var(--premium-line);border-radius:0;background:transparent}
body.premium.page-overview .home-history-card .history-context-card>strong{font-size:1.02rem;font-weight:700}
body.premium.page-overview .home-history-card .history-context-note{margin:0;padding:0 24px 14px;color:var(--premium-muted);font-size:.71rem}
body.premium.page-overview .home-history-card .history-context-link{display:flex;min-height:48px;align-items:center;padding:0 24px;border-top:1px solid var(--premium-line);color:var(--premium-green);font-size:.8rem;font-weight:700;text-decoration:none}
body.premium.page-overview .home-history-card .history-context-link:hover,body.premium.page-overview .home-history-card .history-context-link:focus-visible{background:#f5f8f6}

@media(max-width:760px){.history-context-grid{grid-template-columns:1fr}.history-context-card{padding:16px}.history-context-section{padding-top:24px}body.premium.page-overview .history-context-section.home-history-card{padding:0}body.premium.page-overview .home-history-card .history-context-heading{padding:20px 20px 14px}body.premium.page-overview .home-history-card .history-context-card{padding:15px 20px}body.premium.page-overview .home-history-card .history-context-note{padding:0 20px 12px}body.premium.page-overview .home-history-card .history-context-link{padding:0 20px}}

/* Compact, data-led visuals inspired by the seasonal comparison. */
.history-context-copy>span{display:block;color:var(--premium-muted);font-size:.66rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.history-context-copy>strong{display:block;margin-top:7px;font-size:.98rem;line-height:1.3}
.history-context-copy>p{margin:6px 0 0;color:var(--premium-ink-soft);font-size:.78rem;line-height:1.45}
.history-visual{align-self:center;width:100%;max-width:220px;color:#236947}
.history-current-visual svg{display:block;width:100%;height:auto;overflow:visible}
.history-mini-band{fill:#dcebe1}
.history-mini-median{stroke:#a26e2e;stroke-width:2}
.history-mini-point{fill:#1f6846;stroke:#fff;stroke-width:3;filter:drop-shadow(0 2px 3px rgba(18,78,51,.2))}
.history-percentile-visual{display:grid;justify-items:center;gap:5px}
.history-histogram{display:flex;width:100%;height:62px;align-items:end;justify-content:center;gap:4px;border-bottom:1px solid rgba(24,86,58,.17)}
.history-histogram i{display:block;width:13px;min-height:9px;border-radius:3px 3px 0 0;background:#b9d9c6}
.history-histogram i.is-current{background:#236947;box-shadow:0 0 0 2px rgba(35,105,71,.08)}
.history-percentile-visual>span{color:#788980;font-size:.61rem;font-weight:700}
.history-range-track{position:relative;height:12px;margin:4px 5px 8px;border-radius:999px;background:linear-gradient(90deg,#dbe9e0,#78b18e 48%,#dbe9e0);box-shadow:inset 0 1px 2px rgba(25,77,52,.12)}
.history-range-current,.history-range-median{position:absolute;top:50%;width:2px;height:20px;background:#a26e2e;transform:translate(-50%,-50%)}
.history-range-current{width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#1f6846;box-shadow:0 2px 6px rgba(20,75,49,.25)}
.history-range-labels{display:flex;justify-content:space-between;color:#778a7f;font-size:.6rem;font-variant-numeric:tabular-nums}
.history-range-labels b{color:#7d592c;font-weight:800}
body.premium.page-overview .home-history-card .history-context-heading{display:flex;align-items:center;gap:12px}
body.premium.page-overview .home-history-card .history-context-heading::before{width:26px;height:26px;background:linear-gradient(to top,transparent 0),linear-gradient(90deg,#79ad8a 0 18%,transparent 18% 31%,#438360 31% 55%,transparent 55% 68%,#205d42 68% 100%);clip-path:polygon(0 100%,0 55%,18% 55%,18% 100%,31% 100%,31% 30%,55% 30%,55% 100%,68% 100%,68% 0,100% 0,100% 100%);content:""}
body.premium.page-overview .home-history-card .history-context-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,220px);gap:24px;align-items:center;min-height:112px}
body.premium.page-overview .home-history-card .history-context-card>span,body.premium.page-overview .home-history-card .history-context-card>strong,body.premium.page-overview .home-history-card .history-context-card>p{grid-column:1/-1}
.history-context-river-panel .history-context-card{display:flex;min-height:220px;flex-direction:column;gap:18px}
.history-context-river-panel .history-visual{margin-top:auto}
@media(max-width:760px){body.premium.page-overview .home-history-card .history-context-card{grid-template-columns:minmax(0,1fr) minmax(120px,165px);gap:12px}.history-histogram{height:52px}.history-context-river-panel .history-context-card{min-height:0}}
@media(max-width:480px){body.premium.page-overview .home-history-card .history-context-card{grid-template-columns:1fr}.history-visual{max-width:none}.history-current-visual svg{max-width:240px;margin-left:auto}.history-range-visual{margin-top:6px}}

/* src/client/river-data.css */
/* River Data — current layout and interaction styles only. */
.page-river-levels .page-hero{min-height:0!important;padding-top:clamp(44px,6vw,76px)!important;padding-bottom:clamp(42px,6vw,70px)!important}
.page-river-levels #live-gauges .split-heading{margin-bottom:18px}

.page-river-levels .river-state-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px;padding:18px 20px;border:1px solid rgba(16,47,34,.1);border-radius:18px;background:linear-gradient(135deg,#f7fbf8,#f1f7f3);box-shadow:0 10px 26px rgba(16,47,34,.055)}
.page-river-levels .river-state-summary.is-alert{border-color:rgba(179,118,30,.26);background:linear-gradient(135deg,#fffaf0,#fbf5e8)}
.page-river-levels .river-state-summary.is-limited{border-color:rgba(116,132,122,.2);background:#f7f9f8}
.page-river-levels .river-state-kicker{display:block;margin-bottom:5px;color:#6b8074;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.page-river-levels .river-state-summary strong{display:block;color:#173a2b;font-size:1.04rem;line-height:1.3}
.page-river-levels .river-state-summary p{margin:6px 0 0;color:#5c7165;font-size:.83rem;line-height:1.55}
.page-river-levels .river-confidence{display:inline-flex;flex:0 0 auto;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.68rem;font-weight:900;white-space:nowrap}
.page-river-levels .river-confidence.is-high{background:#e5f2e9;color:#1d6547}
.page-river-levels .river-confidence.is-moderate{background:#f7efd9;color:#85601c}
.page-river-levels .river-confidence.is-limited{background:#edf0ee;color:#64746b}

.page-river-levels .station-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.page-river-levels .station-card{position:relative;display:flex;min-width:0;min-height:210px;grid-column:auto!important;flex-direction:column;padding:22px!important;border:1px solid rgba(16,47,34,.11)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.page-river-levels .station-card:hover,.page-river-levels .station-card:focus-visible{border-color:rgba(23,86,59,.34)!important;box-shadow:0 14px 34px rgba(16,47,34,.08)!important;transform:translateY(-2px);outline:3px solid rgba(23,86,59,.12);outline-offset:2px}
.page-river-levels .station-card.is-selected{border-color:rgba(23,86,59,.42)!important;box-shadow:0 15px 36px rgba(16,47,34,.1)!important;background:#f7fbf8!important}
.page-river-levels .station-card[data-station-id='masham']{border-color:rgba(23,86,59,.28)!important}
.page-river-levels .primary-gauge-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:0 9px;background:#e8f1ec;color:#17563b;font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.page-river-levels .station-card .station-river{margin:0 0 5px!important;padding-right:105px;color:#6d8175!important;font-size:.69rem!important;font-weight:800!important;letter-spacing:.08em}
.page-river-levels .station-card h3{margin:0!important;padding-right:96px;font-size:1.05rem!important}
.page-river-levels .station-card>p:not(.station-river){margin:8px 0 0!important;color:#708278!important;font-size:.84rem!important}
.page-river-levels .station-card .reading-list{display:grid;grid-template-columns:1fr auto;gap:0;margin:auto 0 0!important;padding-top:18px;border-top:1px solid rgba(16,47,34,.09)}
.page-river-levels .station-card .reading-list>div{display:contents}
.page-river-levels .station-card .reading-list dt,.page-river-levels .station-card .reading-list dd{margin:0;padding:8px 0}
.page-river-levels .station-card .reading-list dt{color:#718277;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.page-river-levels .station-card .reading-list dd{color:#173427;font-size:.91rem;font-weight:850;text-align:right}
.page-river-levels .station-card .reading-list [data-latest]{font-size:1.13rem;letter-spacing:-.02em}
.page-river-levels .station-card>.status{display:inline-flex;width:max-content;margin-top:12px;min-height:26px;align-items:center;padding:0 8px;border-radius:999px;background:#eef1ef;color:#687a70;font-size:.64rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.page-river-levels .station-card>.status[data-state='fresh']{background:#e7f3ea;color:#226849}
.page-river-levels .station-card>.status[data-state='delayed']{background:#f8efda;color:#8b631a}
.page-river-levels .station-card>.status[data-state='stale']{background:#f5e5e2;color:#9a493e}

.page-river-levels #recent-level-chart>.section-heading.split-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:24px;align-items:end}
.page-river-levels #recent-level-chart .chart-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;width:100%;min-width:0}
.page-river-levels #recent-level-chart .station-select-label{display:grid;gap:6px;min-width:0;width:100%}
.page-river-levels #recent-level-chart .station-select-label select{width:100%;min-width:0;box-sizing:border-box}
.page-river-levels .professional-chart-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0;border:1px solid rgba(16,47,34,.1);border-radius:16px;overflow:hidden;background:#fbfdfb}
.page-river-levels .professional-chart-stats>div{min-width:0;padding:14px 16px;border-right:1px solid rgba(16,47,34,.08)}
.page-river-levels .professional-chart-stats>div:last-child{border-right:0}
.page-river-levels .professional-chart-stats span{display:block;margin-bottom:5px;color:#75877d;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.page-river-levels .professional-chart-stats strong{display:block;color:#173a2b;font-size:.9rem;line-height:1.35;text-transform:none}
.page-river-levels .river-chart-wrap{position:relative;width:100%;min-width:0;margin-top:0!important;overflow:hidden}
.page-river-levels .river-chart{display:block;width:100%;max-width:100%;height:auto;min-height:260px}
.page-river-levels .chart-grid-line{stroke:rgba(16,47,34,.09);stroke-width:1}
.page-river-levels .chart-axis-label{fill:#6d8175;font-size:12px;font-family:inherit}
.page-river-levels .chart-line{stroke:#17563b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.page-river-levels .chart-hover-line{stroke:rgba(23,86,59,.36);stroke-width:1.2;stroke-dasharray:4 4}
.page-river-levels .chart-hover-dot{fill:#17563b;stroke:#fff;stroke-width:2}
.page-river-levels .chart-empty{fill:#6d8175;font-size:14px;font-family:inherit}
.page-river-levels .chart-caption{margin-top:12px;color:#687c70;font-size:.78rem;line-height:1.5}
.page-river-levels .chart-interpretation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;border-top:1px solid rgba(16,47,34,.09);padding-top:16px}
.page-river-levels .chart-reading-summary,.page-river-levels .chart-fishing-context{padding:14px 16px;border:1px solid rgba(16,47,34,.09);border-radius:14px;background:#f8fbf9}
.page-river-levels .chart-fishing-context{background:#fbfaf5}
.page-river-levels .chart-reading-summary>span,.page-river-levels .chart-fishing-context>span{display:block;margin-bottom:5px;color:#6c8175;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.page-river-levels .chart-reading-summary strong{display:block;color:#173a2b;font-size:.88rem}
.page-river-levels .chart-reading-summary p,.page-river-levels .chart-fishing-context p{margin:5px 0 0;color:#5e7267;font-size:.8rem;line-height:1.55}

.page-river-levels .threshold-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.page-river-levels .threshold-card{padding:18px;border:1px solid rgba(16,47,34,.1);border-radius:18px;background:#fff}
.page-river-levels .threshold-card span{display:block;color:#667c70;font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.page-river-levels .threshold-card strong{display:block;margin-top:7px;color:#173a2b;font-size:1.25rem}
.page-river-levels .threshold-card p{margin:8px 0 0;color:#5b7064;font-size:.82rem;line-height:1.55}

@media(max-width:900px){.page-river-levels #recent-level-chart>.section-heading.split-heading{grid-template-columns:1fr}.page-river-levels .professional-chart-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-river-levels .professional-chart-stats>div:nth-child(2){border-right:0}.page-river-levels .professional-chart-stats>div:nth-child(-n+2){border-bottom:1px solid rgba(16,47,34,.08)}.page-river-levels .threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-river-levels .station-grid{grid-template-columns:1fr!important}.page-river-levels .station-card{min-height:190px}.page-river-levels #recent-level-chart .chart-controls{grid-template-columns:1fr 1fr}.page-river-levels .chart-interpretation{grid-template-columns:1fr}.page-river-levels .river-chart{min-height:220px}}
@media(max-width:640px){.page-river-levels .river-state-summary{display:grid;gap:12px;padding:16px}.page-river-levels .river-confidence{width:max-content}.page-river-levels .professional-chart-stats{grid-template-columns:1fr 1fr}.page-river-levels .professional-chart-stats>div{padding:12px}.page-river-levels .threshold-grid{grid-template-columns:1fr}}
@media(max-width:430px){.page-river-levels #recent-level-chart .chart-controls{grid-template-columns:1fr}.page-river-levels .primary-gauge-badge{position:static;width:fit-content;margin:8px 0 2px}.page-river-levels .station-card h3,.page-river-levels .station-card .station-river{padding-right:0}}

/* src/client/chart-tooltip.css */
.river-chart-wrap {
  position: relative;
}

.river-chart {
  display: block;
  width: 100%;
  height: auto;
  min-height: 320px;
  overflow: visible;
}

.chart-area {
  fill: rgba(71, 124, 89, 0.12);
  stroke: none;
  pointer-events: none;
}

.chart-line {
  fill: none;
  stroke: #10231b;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.chart-latest-dot {
  fill: #10231b;
  stroke: #ffffff;
  stroke-width: 3;
  pointer-events: none;
}

.chart-grid-line {
  stroke: rgba(16, 35, 27, 0.1);
  stroke-width: 1;
  stroke-dasharray: 4 5;
  pointer-events: none;
}

.chart-axis-line {
  stroke: rgba(16, 35, 27, 0.18);
  stroke-width: 1.5;
  pointer-events: none;
}

.chart-axis-label,
.chart-empty {
  fill: #40564a;
  font-size: 13px;
  font-weight: 850;
}

.chart-hit-area {
  fill: transparent;
  pointer-events: all;
}

.chart-hover-line {
  stroke: rgba(16, 35, 27, 0.35);
  stroke-width: 1.5;
  stroke-dasharray: 4 4;
  pointer-events: none;
}

.chart-hover-dot {
  fill: #10231b;
  stroke: #ffffff;
  stroke-width: 3;
  pointer-events: none;
}

.river-chart-tooltip {
  position: absolute;
  z-index: 5;
  display: grid;
  gap: 4px;
  min-width: 148px;
  padding: 10px 12px;
  border: 1px solid rgba(16, 35, 27, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  color: #10231b;
  box-shadow: 0 14px 34px rgba(16, 35, 27, 0.22);
  pointer-events: none;
}

.river-chart-tooltip strong {
  font-size: 1rem;
  line-height: 1.1;
}

.river-chart-tooltip span {
  color: #607367;
  font-size: 0.82rem;
  font-weight: 800;
}

/* src/client/seasonal-history-chart.css */
/* Seasonal History — River Data long-term comparison */
.page-river-levels #seasonal-history{position:relative;overflow:visible}
.page-river-levels #seasonal-history>.section-heading.split-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:24px;align-items:end}
.page-river-levels .seasonal-heading-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px}
.page-river-levels .seasonal-confidence,.page-river-levels .seasonal-years-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;font-size:.67rem;font-weight:900;letter-spacing:.03em;white-space:nowrap}
.page-river-levels .seasonal-confidence{background:#e7f3ea;color:#216849}
.page-river-levels .seasonal-confidence.is-moderate{background:#edf3e9;color:#486b37}
.page-river-levels .seasonal-confidence.is-developing{background:#f8efda;color:#825e19}
.page-river-levels .seasonal-confidence.is-limited{background:#edf0ee;color:#66776d}
.page-river-levels .seasonal-years-pill{border:1px solid rgba(16,47,34,.1);background:#f8faf8;color:#64776d}
.page-river-levels .seasonal-control{display:grid;gap:6px;min-width:0}
.page-river-levels .seasonal-control span{color:#6d8175;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.page-river-levels .seasonal-control select{width:100%;min-height:44px;box-sizing:border-box;border:1px solid rgba(16,47,34,.16);border-radius:12px;padding:0 40px 0 13px;background:#fff;color:#173a2b;font:inherit;font-size:.86rem;font-weight:750;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.page-river-levels .seasonal-control select:focus{border-color:rgba(23,86,59,.45);box-shadow:0 0 0 3px rgba(23,86,59,.11)}
.page-river-levels .seasonal-control select:disabled{opacity:.62;cursor:wait}

.page-river-levels .seasonal-chart-shell{position:relative;margin-top:16px;border:1px solid rgba(16,47,34,.1);border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fbfdfb 100%);box-shadow:0 14px 38px rgba(16,47,34,.055);overflow:hidden}
.page-river-levels .seasonal-chart-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px 10px;border-bottom:1px solid rgba(16,47,34,.07)}
.page-river-levels .seasonal-legend{display:flex;flex-wrap:wrap;align-items:center;gap:13px 18px;color:#536b5e;font-size:.72rem;font-weight:750}
.page-river-levels .seasonal-legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.page-river-levels .seasonal-key{display:inline-block;width:20px;height:3px;border-radius:999px;background:#17563b}
.page-river-levels .seasonal-key-current{height:3px;background:#17563b}
.page-river-levels .seasonal-key-last{height:2px;background:#80958a}
.page-river-levels .seasonal-key-median{height:2px;background:repeating-linear-gradient(90deg,#9b6a2e 0 5px,transparent 5px 8px)}
.page-river-levels .seasonal-key-band{height:10px;border:1px solid rgba(65,117,84,.14);border-radius:3px;background:rgba(83,139,103,.14)}
.page-river-levels .seasonal-chart-kicker{color:#7b8d83;font-size:.67rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.page-river-levels .seasonal-chart-wrap{position:relative;width:100%;min-width:0;padding:4px 10px 0}
.page-river-levels .seasonal-chart{display:block;width:100%;height:auto;min-height:300px;touch-action:none}
.page-river-levels .seasonal-grid-line{stroke:rgba(16,47,34,.08);stroke-width:1}
.page-river-levels .seasonal-axis-label{fill:#73867b;font-family:inherit;font-size:11px;font-weight:650}
.page-river-levels .seasonal-x-label{font-size:10.5px}
.page-river-levels .seasonal-history-band{fill:rgba(78,132,96,.13);stroke:none}
.page-river-levels .seasonal-history-line{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.page-river-levels .seasonal-history-current{stroke:#17563b;stroke-width:3.25}
.page-river-levels .seasonal-history-last{stroke:#85998e;stroke-width:2.1}
.page-river-levels .seasonal-history-median{stroke:#9a682b;stroke-width:2;stroke-dasharray:7 6}
.page-river-levels .seasonal-hit-area{fill:transparent;pointer-events:all;cursor:crosshair}
.page-river-levels .seasonal-hover-line{stroke:rgba(23,86,59,.35);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.page-river-levels .seasonal-hover-point{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.page-river-levels .seasonal-hover-current{fill:#17563b}
.page-river-levels .seasonal-hover-last{fill:#85998e}
.page-river-levels .seasonal-hover-median{fill:#9a682b}
.page-river-levels .seasonal-empty{fill:#708379;font-size:14px;font-family:inherit;font-weight:700}
.page-river-levels .seasonal-tooltip{position:absolute;z-index:20;width:176px;padding:11px 12px;border:1px solid rgba(16,47,34,.13);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(16,47,34,.14);backdrop-filter:blur(8px);pointer-events:none}
.page-river-levels .seasonal-tooltip strong{display:block;margin-bottom:7px;color:#173a2b;font-size:.78rem}
.page-river-levels .seasonal-tooltip span{display:grid;grid-template-columns:1fr auto;gap:8px;padding:2px 0;color:#63776c;font-size:.7rem}
.page-river-levels .seasonal-tooltip b{color:#365447;font-weight:800}
.page-river-levels .seasonal-chart-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:12px 18px 15px;border-top:1px solid rgba(16,47,34,.07)}
.page-river-levels .seasonal-chart-footer p{margin:0;color:#687c70;font-size:.75rem;line-height:1.5}
.page-river-levels .seasonal-chart-footer p:last-child{text-align:right}

.page-river-levels .seasonal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border:1px solid rgba(16,47,34,.1);border-radius:16px;overflow:hidden;background:#fbfdfb}
.page-river-levels .seasonal-stats>div{min-width:0;padding:14px 16px;border-right:1px solid rgba(16,47,34,.08)}
.page-river-levels .seasonal-stats>div:last-child{border-right:0}
.page-river-levels .seasonal-stats span{display:block;margin-bottom:5px;color:#75877d;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.page-river-levels .seasonal-stats strong{display:block;color:#173a2b;font-size:.9rem;line-height:1.35}
.page-river-levels .seasonal-recommendation{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;align-items:start;margin-top:14px;padding:17px 19px;border:1px solid rgba(16,47,34,.1);border-radius:16px;background:linear-gradient(135deg,#f1f7f3,#fbfdfb)}
.page-river-levels .seasonal-recommendation-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#dfece4;color:#245a3d}.page-river-levels .seasonal-recommendation-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.page-river-levels .seasonal-recommendation span{display:block;margin:1px 0 5px;color:#587465;font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.page-river-levels .seasonal-recommendation strong{display:block;color:#173a2b;font-size:1rem;line-height:1.35}.page-river-levels .seasonal-recommendation p{margin:5px 0 0;color:#5a6e63;font-size:.8rem;line-height:1.55}
.page-river-levels .seasonal-recommendation.is-high{border-color:rgba(154,105,43,.22);background:linear-gradient(135deg,#fbf5e8,#fff)}.page-river-levels .seasonal-recommendation.is-high .seasonal-recommendation-icon{background:#f3e5c7;color:#7a541c}.page-river-levels .seasonal-recommendation.is-low{border-color:rgba(68,108,126,.2);background:linear-gradient(135deg,#eef6f8,#fff)}.page-river-levels .seasonal-recommendation.is-low .seasonal-recommendation-icon{background:#dcecf0;color:#315f70}.page-river-levels .seasonal-recommendation.is-limited{background:#f5f6f3}.page-river-levels .seasonal-recommendation.is-limited .seasonal-recommendation-icon{background:#e8ebe7;color:#66756c}
.page-river-levels .seasonal-explainer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:12px;margin-top:14px}
.page-river-levels .seasonal-explainer article{padding:15px 17px;border:1px solid rgba(16,47,34,.09);border-radius:15px;background:#f8fbf9}
.page-river-levels .seasonal-explainer article:last-child{background:#fbfaf5}
.page-river-levels .seasonal-explainer span{display:block;margin-bottom:5px;color:#6c8175;font-size:.63rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.page-river-levels .seasonal-explainer strong{display:block;color:#173a2b;font-size:.86rem}
.page-river-levels .seasonal-explainer p{margin:5px 0 0;color:#5f7368;font-size:.78rem;line-height:1.55}
.page-river-levels #seasonal-history.is-building .seasonal-history-band,.page-river-levels #seasonal-history.is-building .seasonal-history-median{display:none}
.page-river-levels #seasonal-history.is-loading .seasonal-chart-shell{opacity:.72}

@media(max-width:900px){
  .page-river-levels #seasonal-history>.section-heading.split-heading{grid-template-columns:1fr}
  .page-river-levels .seasonal-heading-meta{justify-content:flex-start}
  .page-river-levels .seasonal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-river-levels .seasonal-stats>div:nth-child(2){border-right:0}
  .page-river-levels .seasonal-stats>div:nth-child(-n+2){border-bottom:1px solid rgba(16,47,34,.08)}
  .page-river-levels .seasonal-explainer{grid-template-columns:1fr}
}
@media(max-width:720px){
  .page-river-levels .seasonal-chart-topline{align-items:flex-start;flex-direction:column}
  .page-river-levels .seasonal-chart-kicker{display:none}
  .page-river-levels .seasonal-chart-wrap{padding-left:2px;padding-right:2px;overflow-x:auto}
  .page-river-levels .seasonal-chart{min-width:680px;min-height:270px}
  .page-river-levels .seasonal-chart-footer{display:grid;gap:5px}
  .page-river-levels .seasonal-chart-footer p:last-child{text-align:left}
}
@media(max-width:520px){
  .page-river-levels .seasonal-recommendation{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:15px}.page-river-levels .seasonal-recommendation-icon{width:38px;height:38px;border-radius:12px}.page-river-levels .seasonal-recommendation-icon svg{width:21px;height:21px}
  .page-river-levels .seasonal-heading-meta{gap:6px}
  .page-river-levels .seasonal-confidence,.page-river-levels .seasonal-years-pill{font-size:.62rem}
  .page-river-levels .seasonal-stats>div{padding:12px}
  .page-river-levels .seasonal-stats strong{font-size:.82rem}
  .page-river-levels .seasonal-chart-shell{border-radius:16px}
  .page-river-levels .seasonal-legend{gap:9px 12px;font-size:.66rem}
}
