/* Riverwatch V2 specialist page refinements */

/* Storm overflows — warnings first, methodology secondary */
.page-storm-overflows .overflow-summary { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin:24px 0; border-block:1px solid var(--rw-line); }
.page-storm-overflows .summary-card { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 4px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.page-storm-overflows .summary-card:nth-child(n+2) { display:none; }
.page-storm-overflows .summary-card span { color:var(--rw-muted); font-size:.85rem; font-weight:700; text-transform:none; letter-spacing:0; }
.page-storm-overflows .summary-card strong { color:var(--rw-ink); font-size:clamp(2rem,4vw,3.4rem); letter-spacing:-.05em; }
.page-storm-overflows .map-pill { min-height:44px; border:0; background:var(--rw-green-strong); color:#fff; box-shadow:0 8px 22px rgba(24,67,50,.15); }
.page-storm-overflows .overflow-list { display:grid; gap:12px; }
.page-storm-overflows .overflow-group { gap:12px; }
.page-storm-overflows .overflow-group + .overflow-group { border-top:1px solid var(--rw-line); }
.page-storm-overflows .overflow-card { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr); align-items:center; gap:24px; padding:22px 24px; }
.page-storm-overflows .overflow-card .relevance-pill { display:none; }
.page-storm-overflows .overflow-card h3 { margin:4px 0 5px; font-size:1.15rem; }
.page-storm-overflows .overflow-card .reading-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; padding:0; border:0; }
.page-storm-overflows .overflow-card .reading-list > div { display:block; }
.page-storm-overflows .overflow-card dt { margin-bottom:5px; color:var(--rw-muted); font-size:.67rem; letter-spacing:.08em; text-transform:uppercase; }
.page-storm-overflows .water-quality-note { background:#f6f8f5; box-shadow:none; }
.page-storm-overflows .note-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--rw-line); }
.page-storm-overflows .note-card { border:0; border-right:1px solid var(--rw-line); border-radius:0; padding:22px; background:transparent; }
.page-storm-overflows .note-card:last-child { border-right:0; }

/* Preferences — compact setup rather than a form dashboard */
.page-preferences form, .page-preferences .preferences-form { max-width:820px; margin-inline:auto; }
.page-preferences fieldset { margin:0 0 28px; padding:0 0 28px; border:0; border-bottom:1px solid var(--rw-line); }
.page-preferences legend { margin-bottom:15px; color:var(--rw-ink); font-size:1.2rem; font-weight:780; letter-spacing:-.025em; }
.page-preferences label { font-weight:650; }
.page-preferences input[type="radio"], .page-preferences input[type="checkbox"] { accent-color:var(--rw-green-strong); }
.page-preferences select { min-height:46px; border:1px solid var(--rw-line); border-radius:12px; background:#f8faf8; padding-inline:13px; }

/* Weather — make the practical windows the visual focus */
.page-weather #fishing-weather-read { background:linear-gradient(145deg,#173f2f,#2c674b); color:#fff; border:0; box-shadow:0 22px 55px rgba(24,67,50,.17); }
.page-weather #fishing-weather-read .eyebrow { color:#c9dfd1; }
.page-weather #fishing-weather-read h2 { color:#fff; }
.page-weather #fishing-weather-read .helper-text { color:rgba(255,255,255,.7); }
.page-weather #fishing-weather-read .weather-insight-card { border-color:rgba(255,255,255,.12) !important; background:rgba(255,255,255,.08) !important; color:#fff; backdrop-filter:blur(8px); }
.page-weather #fishing-weather-read .weather-insight-card span { color:#c9dfd1; }
.page-weather #fishing-weather-read .weather-insight-card strong { color:#fff; }
.page-weather #fishing-weather-read .weather-insight-card p { color:rgba(255,255,255,.7) !important; }

/* River levels — put Masham and chart ahead of the reference catalogue */
.page-river-levels #live-gauges .station-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.page-river-levels #live-gauges .station-card[data-station-id="masham"] { grid-column:span 2; background:linear-gradient(145deg,#173f2f,#285f46) !important; color:#fff; border:0 !important; box-shadow:0 18px 42px rgba(24,67,50,.18) !important; }
.page-river-levels #live-gauges .station-card[data-station-id="masham"] h3,
.page-river-levels #live-gauges .station-card[data-station-id="masham"] dd { color:#fff; }
.page-river-levels #live-gauges .station-card[data-station-id="masham"] p,
.page-river-levels #live-gauges .station-card[data-station-id="masham"] dt { color:rgba(255,255,255,.68); }
.page-river-levels #live-gauges .station-card[data-station-id="masham"] .status { background:rgba(255,255,255,.13); color:#fff; }
.page-river-levels #river-threshold-guide { background:#f7f9f6; box-shadow:none; }

/* Map page takes over the viewport beneath its hero */
.page-catchment-map .page-hero { min-height:300px; }
.page-catchment-map .map-panel { margin-top:0; }

/* Footer and page entrance */
.v2 .hero + *, .v2 .page-hero + * { animation:rw-rise .55s cubic-bezier(.22,.7,.2,1) both; }
@keyframes rw-rise { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }

@media (max-width:900px) {
  .page-river-levels #live-gauges .station-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-storm-overflows .overflow-card { grid-template-columns:1fr; }
  .page-storm-overflows .note-grid { grid-template-columns:1fr; }
  .page-storm-overflows .note-card { border-right:0; border-bottom:1px solid var(--rw-line); }
  .page-storm-overflows .note-card:last-child { border-bottom:0; }
}
@media (max-width:680px) {
  .page-river-levels #live-gauges .station-grid { grid-template-columns:1fr; }
  .page-river-levels #live-gauges .station-card[data-station-id="masham"] { grid-column:auto; }
  .page-storm-overflows .overflow-card .reading-list { grid-template-columns:1fr 1fr; }
}