:root {
  --seqwc-navy: #071827;
  --seqwc-blue: #0e5fa8;
  --seqwc-cyan: #36c9e8;
  --seqwc-orange: #ff7a1a;
  --seqwc-red: #d93b3b;
  --seqwc-ink: #152638;
  --seqwc-muted: #637486;
  --seqwc-line: #dce5ec;
  --seqwc-cloud: #f3f7fa;
  --seqwc-white: #fff;
  --seqwc-radius: 18px;
  --seqwc-shadow: 0 16px 40px rgba(7, 24, 39, .11);
}

.seqwc-page #secondary,
.seqwc-page #secondary-left,
.seqwc-page #secondary-right,
.seqwc-page .widget-area { display: none !important; }
.seqwc-page #primary,
.seqwc-page .content-area,
.seqwc-page .site-main { width: 100% !important; max-width: none !important; float: none !important; }
.seqwc-page .entry-header { display: none; }
.seqwc-page .entry-content { margin-top: 0; }

.seqwc-shell { color: var(--seqwc-ink); font-family: inherit; line-height: 1.55; max-width: 1180px; margin: 0 auto 48px; }
.seqwc-shell * { box-sizing: border-box; }
.seqwc-shell h1, .seqwc-shell h2, .seqwc-shell h3, .seqwc-shell p { margin-top: 0; }
.seqwc-shell h2 { color: var(--seqwc-navy); font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1.15; margin-bottom: 0; }
.seqwc-shell a { text-decoration: none; }

.seqwc-hero { position: relative; overflow: hidden; min-height: 0; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 24px clamp(24px, 4vw, 44px); color: #fff; background: linear-gradient(125deg, #061725 0%, #0b3e68 58%, #0e70a5 100%); border-radius: 0 0 28px 28px; box-shadow: var(--seqwc-shadow); }
.seqwc-hero::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: radial-gradient(circle at 20% 20%, #fff 0 1px, transparent 1.5px), radial-gradient(circle at 75% 65%, #fff 0 1px, transparent 1.5px); background-size: 34px 34px, 46px 46px; }
.seqwc-hero-glow { position: absolute; right: -100px; top: -130px; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 58px rgba(255,255,255,.035), 0 0 0 118px rgba(255,255,255,.025); }
.seqwc-hero-copy, .seqwc-hero-mark { position: relative; z-index: 1; }
.seqwc-eyebrow, .seqwc-kicker { margin-bottom: 8px; color: var(--seqwc-blue); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.seqwc-hero .seqwc-eyebrow { color: #9de8f6; }
.seqwc-hero h1 { margin: 0 0 14px; color: #fff; font-size: clamp(2.55rem, 7vw, 5rem); letter-spacing: -.045em; line-height: .94; }
.seqwc-intro { max-width: 680px; margin-bottom: 18px; color: #dbeef8; font-size: clamp(1rem, 2.2vw, 1.24rem); }
.seqwc-update-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #dbeef8; font-size: .9rem; }
.seqwc-update-status { display: grid; gap: 3px; }
.seqwc-update-status .seqwc-version { justify-self: start; margin-left: 0; color: #dbeef8; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); }
.seqwc-live-dot { width: 9px; height: 9px; background: #5ff2a4; border-radius: 50%; box-shadow: 0 0 0 5px rgba(95,242,164,.13); }
.seqwc-refresh-countdown { color: #9fc2d7; font-size: .76rem; }
.seqwc-refresh { margin-left: 8px; padding: 8px 14px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.33); border-radius: 999px; cursor: pointer; font-weight: 700; }
.seqwc-refresh:hover, .seqwc-refresh:focus-visible { background: #fff; color: var(--seqwc-navy); }
.seqwc-refresh:disabled { opacity: .62; cursor: wait; }
.seqwc-hero-mark { flex: 0 0 auto; width: min(34vw, 330px); padding: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); border-radius: 24px; backdrop-filter: blur(7px); }
.seqwc-hero-mark img { display: block; width: 100%; height: auto; filter: drop-shadow(0 10px 18px rgba(0,0,0,.2)); }

.seqwc-jump-nav { position: sticky; top: 8px; z-index: 700; display: flex; gap: 7px; overflow-x: auto; margin: 14px auto 0; padding: 9px; background: rgba(255,255,255,.94); border: 1px solid var(--seqwc-line); border-radius: 999px; box-shadow: 0 8px 22px rgba(7,24,39,.1); backdrop-filter: blur(10px); scrollbar-width: none; }
.seqwc-jump-nav::-webkit-scrollbar { display: none; }
.seqwc-jump-nav a { flex: 0 0 auto; padding: 8px 13px; color: var(--seqwc-navy); border-radius: 999px; font-size: .78rem; font-weight: 800; }
.seqwc-jump-nav a:hover, .seqwc-jump-nav a:focus-visible { color: #fff; background: var(--seqwc-blue); }
.seqwc-shell [hidden] { display: none !important; }
.seqwc-view-tabs { display: grid; grid-template-columns: repeat(8, minmax(112px, 1fr)); gap: 6px; max-width: 1180px; margin: 18px auto 0; padding: 6px; overflow-x: auto; background: #e8f0f5; border: 1px solid var(--seqwc-line); border-radius: 999px; scrollbar-width: thin; }
.seqwc-view-tabs button { min-width: 112px; padding: 12px 15px; color: var(--seqwc-muted); background: transparent; border: 0; border-radius: 999px; cursor: pointer; font-weight: 850; white-space: nowrap; }
.seqwc-view-tabs button[aria-selected="true"] { color: #fff; background: var(--seqwc-navy); box-shadow: 0 7px 18px rgba(7,24,39,.18); }

.seqwc-alert-panel { display: grid; grid-template-columns: 52px 1fr; gap: 17px; align-items: start; margin: 24px 0 0; padding: 20px 23px; background: #eef6fb; border: 1px solid #c9dfec; border-left: 5px solid var(--seqwc-blue); border-radius: 15px; }
.seqwc-alert-panel.is-clear { background: #eefaf4; border-color: #c1e7d2; border-left-color: #238a57; }
.seqwc-alert-panel.is-active { background: #fff2f1; border-color: #f2c4c1; border-left-color: var(--seqwc-red); }
.seqwc-alert-panel.is-neutral { background: #fff8ea; border-color: #efdcae; border-left-color: #bd8112; }
.seqwc-alert-icon { display: grid; place-items: center; width: 46px; height: 46px; color: #fff; background: var(--seqwc-blue); border-radius: 50%; font-size: 1.35rem; font-weight: 900; }
.is-clear .seqwc-alert-icon { background: #238a57; }
.is-active .seqwc-alert-icon { background: var(--seqwc-red); }
.is-neutral .seqwc-alert-icon { background: #bd8112; }
.seqwc-alert-message { margin-bottom: 0; color: var(--seqwc-ink); font-weight: 700; }
.seqwc-alert-panel ul { margin: 10px 0 0; padding-left: 18px; }
.seqwc-alert-panel a { color: #8f2020; font-weight: 700; }

.seqwc-section { padding: clamp(42px, 7vw, 76px) clamp(0px, 3vw, 28px) 0; }
.seqwc-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 26px; margin-bottom: 24px; }
.seqwc-section-heading > p { max-width: 440px; margin-bottom: 3px; color: var(--seqwc-muted); }
.seqwc-location-tabs { display: flex; gap: 7px; overflow-x: auto; padding: 0 0 12px; scrollbar-width: thin; }
.seqwc-tab { flex: 0 0 auto; padding: 10px 17px; color: var(--seqwc-muted); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 999px; cursor: pointer; font-weight: 750; }
.seqwc-tab[aria-selected="true"] { color: #fff; background: var(--seqwc-blue); border-color: var(--seqwc-blue); box-shadow: 0 7px 17px rgba(14,95,168,.22); }
.seqwc-map-toolbar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 11px; margin-bottom: 12px; padding: 12px 14px; background: var(--seqwc-cloud); border: 1px solid var(--seqwc-line); border-radius: 13px; }
.seqwc-map-field { flex: 1 1 230px; display: grid; gap: 4px; }
.seqwc-map-toolbar label { color: var(--seqwc-navy); font-size: .78rem; font-weight: 800; }
.seqwc-map-toolbar select { width: 100%; height: 42px; padding: 0 36px 0 12px; color: var(--seqwc-ink); background-color: #fff; border: 1px solid #bdccd8; border-radius: 9px; }
.seqwc-map-toolbar button { padding: 10px 15px; color: var(--seqwc-blue); background: #fff; border: 1px solid #a8c6d9; border-radius: 999px; cursor: pointer; font-weight: 800; }
.seqwc-map-toolbar button:hover, .seqwc-map-toolbar button:focus-visible { color: #fff; background: var(--seqwc-blue); border-color: var(--seqwc-blue); }
.seqwc-map-toolbar button:disabled { opacity: .55; cursor: wait; }
.seqwc-location-status { min-height: 20px; margin: -5px 2px 10px; color: var(--seqwc-muted); font-size: .8rem; }
.seqwc-map { position: relative; z-index: 0; width: 100%; height: clamp(370px, 50vw, 540px); margin-bottom: 15px; overflow: hidden; background: #dbe7ed; border: 1px solid var(--seqwc-line); border-radius: var(--seqwc-radius); box-shadow: var(--seqwc-shadow); }
.seqwc-map .leaflet-control-attribution { font-size: 10px; }
.seqwc-map .leaflet-control-zoom a { color: var(--seqwc-navy); }
.seqwc-map .leaflet-tooltip { padding: 8px 10px; border: 0; border-radius: 9px; box-shadow: 0 8px 22px rgba(7,24,39,.18); }
.seqwc-map-tooltip strong, .seqwc-map-tooltip span { display: block; }
.seqwc-map-tooltip strong { color: var(--seqwc-navy); }
.seqwc-map-tooltip span { color: var(--seqwc-muted); font-size: .76rem; }

.seqwc-feature { overflow: hidden; background: #fff; border: 1px solid var(--seqwc-line); border-radius: var(--seqwc-radius); box-shadow: var(--seqwc-shadow); }
.seqwc-current-panel { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: clamp(25px, 5vw, 45px); background: linear-gradient(135deg, #fff 0%, #f2f8fc 100%); }
.seqwc-current-summary { display: flex; align-items: center; gap: 24px; min-width: 285px; }
.seqwc-temperature { color: var(--seqwc-navy); font-size: clamp(3.8rem, 8vw, 6.7rem); font-weight: 850; letter-spacing: -.08em; line-height: .9; }
.seqwc-condition-label { margin: 8px 0 0; color: var(--seqwc-muted); font-weight: 700; }
.seqwc-metrics { flex: 1; display: grid; grid-template-columns: repeat(2, minmax(125px, 1fr)); max-width: 470px; background: rgba(255,255,255,.73); border: 1px solid var(--seqwc-line); border-radius: 14px; }
.seqwc-metric { padding: 18px 20px; border-bottom: 1px solid var(--seqwc-line); }
.seqwc-metric:nth-child(odd) { border-right: 1px solid var(--seqwc-line); }
.seqwc-metric:nth-last-child(-n+2) { border-bottom: 0; }
.seqwc-metric span { display: block; color: var(--seqwc-muted); font-size: .8rem; }
.seqwc-metric strong { display: block; color: var(--seqwc-navy); font-size: 1.12rem; }
.seqwc-detail-strip { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--seqwc-navy); }
.seqwc-detail-strip .seqwc-metric { padding: 16px 20px; border: 0; border-right: 1px solid rgba(255,255,255,.13); }
.seqwc-detail-strip .seqwc-metric:last-child { border-right: 0; }
.seqwc-detail-strip .seqwc-metric span { color: #a9c4d7; }
.seqwc-detail-strip .seqwc-metric strong { color: #fff; }
.seqwc-forecast-strip { display: grid; grid-template-columns: repeat(7, minmax(100px, 1fr)); border-top: 1px solid var(--seqwc-line); overflow-x: auto; }
.seqwc-day { min-width: 100px; padding: 18px 13px; text-align: center; border-right: 1px solid var(--seqwc-line); }
.seqwc-day:last-child { border-right: 0; }
.seqwc-day strong, .seqwc-day span, .seqwc-day small { display: block; }
.seqwc-day strong { color: var(--seqwc-navy); font-size: .83rem; }
.seqwc-day-temp { color: var(--seqwc-ink); font-weight: 800; }
.seqwc-day small { color: var(--seqwc-muted); }
.seqwc-hourly-panel { padding: 24px 22px 26px; background: #f7fafc; border-top: 1px solid var(--seqwc-line); }
.seqwc-hourly-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; margin-bottom: 15px; color: var(--seqwc-navy); font-weight: 850; }
.seqwc-hourly-heading small { color: var(--seqwc-muted); font-weight: 500; }
.seqwc-hourly-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(125px, 1fr); gap: 9px; overflow-x: auto; padding: 2px 2px 11px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.seqwc-hour-card { scroll-snap-align: start; padding: 15px 12px; text-align: center; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 13px; }
.seqwc-hour-card strong, .seqwc-hour-card span, .seqwc-hour-card small { display: block; }
.seqwc-hour-card strong { color: var(--seqwc-navy); font-size: .8rem; }
.seqwc-hour-temp { margin: 2px 0; color: var(--seqwc-blue); font-size: 1.45rem; font-weight: 850; }
.seqwc-hour-card small { color: var(--seqwc-muted); font-size: .7rem; line-height: 1.45; }
.seqwc-hour-card .seqwc-hour-gust { margin-top: 4px; color: var(--seqwc-ink); font-weight: 700; }

.seqwc-weather-icon { position: relative; display: inline-block; flex: 0 0 auto; width: 90px; height: 70px; }
.seqwc-weather-icon::before, .seqwc-weather-icon::after { content: ""; position: absolute; }
.seqwc-weather-icon.sun::before { left: 17px; top: 2px; width: 54px; height: 54px; background: #ffc83d; border-radius: 50%; box-shadow: 0 0 28px rgba(255,200,61,.38); }
.seqwc-weather-icon.cloud::before, .seqwc-weather-icon.rain::before, .seqwc-weather-icon.storm::before { left: 14px; top: 30px; width: 67px; height: 31px; background: #b9ccda; border-radius: 22px; box-shadow: 18px -17px 0 -3px #d9e5ed, 40px -7px 0 -6px #c8d8e3; }
.seqwc-weather-icon.cloud::after { left: 9px; top: 7px; width: 39px; height: 39px; background: #ffc83d; border-radius: 50%; z-index: -1; }
.seqwc-weather-icon.rain::after { left: 29px; top: 62px; width: 5px; height: 13px; background: var(--seqwc-cyan); border-radius: 5px; box-shadow: 18px 3px 0 var(--seqwc-cyan), 36px -1px 0 var(--seqwc-cyan); transform: rotate(18deg); }
.seqwc-weather-icon.storm::after { left: 44px; top: 54px; width: 12px; height: 26px; background: #ffb11b; clip-path: polygon(44% 0,100% 0,65% 42%,100% 42%,17% 100%,38% 55%,0 55%); }
.seqwc-weather-icon.is-small { width: 46px; height: 39px; transform: scale(.56); transform-origin: center; margin: -4px auto; }

.seqwc-location-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
.seqwc-location-card { min-width: 0; padding: 17px; text-align: left; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 14px; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.seqwc-location-card:hover, .seqwc-location-card:focus-visible { transform: translateY(-3px); border-color: #9ec8df; box-shadow: 0 10px 24px rgba(7,24,39,.09); }
.seqwc-location-card strong, .seqwc-location-card small { display: block; }
.seqwc-location-card strong { min-height: 44px; color: var(--seqwc-navy); }
.seqwc-location-card small { color: var(--seqwc-muted); font-size: .72rem; }
.seqwc-location-temp { display: block; margin-top: 4px; color: var(--seqwc-blue); font-size: 2rem; font-weight: 850; letter-spacing: -.04em; }

.seqwc-model-section { margin-top: 62px; padding: clamp(34px, 6vw, 58px); background: linear-gradient(145deg, #071827, #0b4269); border-radius: 24px; box-shadow: var(--seqwc-shadow); }
.seqwc-model-section .seqwc-section-heading h2 { color: #fff; }
.seqwc-model-section .seqwc-section-heading > p { color: #c4d9e6; }
.seqwc-model-section .seqwc-kicker { color: #78dff2; }
.seqwc-data-toolbar { display: grid; grid-template-columns: minmax(180px, auto) minmax(240px, 430px); align-items: center; gap: 12px; margin-bottom: 14px; padding: 13px 15px; background: var(--seqwc-cloud); border: 1px solid var(--seqwc-line); border-radius: 13px; }
.seqwc-data-toolbar-wide { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
.seqwc-data-field { display: grid; gap: 4px; }
.seqwc-data-toolbar label { color: var(--seqwc-navy); font-size: .82rem; font-weight: 850; }
.seqwc-data-toolbar select { width: 100%; height: 43px; padding: 0 36px 0 12px; color: var(--seqwc-ink); background: #fff; border: 1px solid #bdccd8; border-radius: 9px; }
.seqwc-data-toolbar-dark { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16); }
.seqwc-data-toolbar-dark label { color: #fff; }
.seqwc-model-actions { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; }
.seqwc-model-actions button { padding: 11px 18px; color: var(--seqwc-navy); background: #fff; border: 0; border-radius: 999px; cursor: pointer; font-weight: 850; }
.seqwc-model-actions button:hover, .seqwc-model-actions button:focus-visible { background: var(--seqwc-orange); }
.seqwc-model-actions button:disabled { opacity: .58; cursor: wait; }
.seqwc-model-actions span { color: #c4d9e6; font-size: .85rem; }
.seqwc-model-results:empty { display: none; }
.seqwc-model-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px; }
.seqwc-model-summary-card { padding: 15px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.15); border-radius: 13px; }
.seqwc-model-summary-card span, .seqwc-model-summary-card strong { display: block; }
.seqwc-model-summary-card span { color: #a9c4d7; font-size: .73rem; }
.seqwc-model-summary-card strong { color: #fff; font-size: 1.15rem; }
.seqwc-model-table-wrap { overflow-x: auto; background: #fff; border-radius: 14px; }
.seqwc-model-table { width: 100%; min-width: 940px; margin: 0; border-collapse: collapse; }
.seqwc-model-table th, .seqwc-model-table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--seqwc-line); }
.seqwc-model-table thead th { color: #fff; background: var(--seqwc-blue); font-size: .8rem; }
.seqwc-model-table thead th:first-child { background: #0a4575; }
.seqwc-model-table tbody th { width: 90px; color: var(--seqwc-navy); background: #f3f7fa; }
.seqwc-model-table td { min-width: 245px; color: var(--seqwc-ink); }
.seqwc-model-table tr:last-child th, .seqwc-model-table tr:last-child td { border-bottom: 0; }
.seqwc-model-table td span, .seqwc-model-table td small { display: block; }
.seqwc-model-condition { display: block; margin-bottom: 3px; color: var(--seqwc-navy); }
.seqwc-model-table td small { color: var(--seqwc-muted); line-height: 1.45; }
.seqwc-model-unavailable { color: #8f2020; font-weight: 700; }

.seqwc-lightning-section, .seqwc-radar-section, .seqwc-storm-risk-section, .seqwc-rivers-section { scroll-margin-top: 90px; }
.seqwc-model-explorer-section { scroll-margin-top: 90px; }
.seqwc-model-explorer-toolbar { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; padding: 15px; background: var(--seqwc-cloud); border: 1px solid var(--seqwc-line); border-radius: 14px; }
.seqwc-model-explorer-toolbar > div { display: grid; gap: 4px; }
.seqwc-model-explorer-toolbar label { color: var(--seqwc-navy); font-size: .76rem; font-weight: 850; }
.seqwc-model-explorer-toolbar select { width: 100%; height: 43px; padding: 0 36px 0 12px; color: var(--seqwc-ink); background: #fff; border: 1px solid #bdccd8; border-radius: 9px; }
.seqwc-model-explorer-toolbar button, .seqwc-model-timebar button { height: 43px; padding: 0 17px; color: #fff; background: var(--seqwc-blue); border: 0; border-radius: 999px; cursor: pointer; font-weight: 850; }
.seqwc-model-explorer-toolbar button:disabled, .seqwc-model-timebar button:disabled { opacity: .55; cursor: wait; }
.seqwc-model-explorer-status { min-height: 25px; padding: 10px 3px 7px; color: var(--seqwc-muted); font-size: .78rem; }
.seqwc-model-map-wrap { position: relative; overflow: hidden; background: #dbe7ed; border: 1px solid var(--seqwc-line); border-radius: 20px; box-shadow: var(--seqwc-shadow); }
.seqwc-model-map { position: relative; z-index: 0; height: clamp(520px, 68vw, 720px); cursor: crosshair; }
.seqwc-model-pointer, .seqwc-model-colour-guide { position: absolute; left: 14px; z-index: 500; pointer-events: none; backdrop-filter: blur(8px); box-shadow: 0 5px 18px rgba(7,24,39,.24); }
.seqwc-model-pointer { top: 58px; right: 14px; left: auto; min-width: 220px; max-width: min(330px, calc(100% - 82px)); padding: 10px 12px; color: #fff; background: rgba(7,24,39,.88); border: 1px solid rgba(255,255,255,.18); border-radius: 10px; }
.seqwc-model-pointer strong, .seqwc-model-pointer span, .seqwc-model-pointer small { display: block; }
.seqwc-model-pointer strong { color: #a9dfff; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; }
.seqwc-model-pointer span { margin: 2px 0; font-size: 1.03rem; font-weight: 900; }
.seqwc-model-pointer small { color: #d7e7f1; font-size: .62rem; }
.seqwc-model-colour-guide { bottom: 18px; width: 240px; max-width: calc(100% - 190px); padding: 9px 11px; color: #fff; background: rgba(7,24,39,.84); border: 1px solid rgba(255,255,255,.16); border-radius: 10px; }
.seqwc-model-colour-guide:empty { display: none; }
.seqwc-model-colour-guide strong { display: block; margin-bottom: 5px; font-size: .67rem; }
.seqwc-model-colour-bar { display: block; width: 100%; height: 11px; border: 1px solid rgba(255,255,255,.45); border-radius: 4px; }
.seqwc-model-colour-scale { display: flex; justify-content: space-between; margin-top: 3px; color: #fff; }
.seqwc-model-colour-scale small { font-size: .58rem; }
.seqwc-model-watermark { position: absolute; right: 18px; bottom: 28px; z-index: 500; width: 145px; max-height: 70px; object-fit: contain; opacity: .78; pointer-events: none; filter: drop-shadow(0 3px 7px rgba(0,0,0,.35)); }
.seqwc-model-home { position: absolute; top: 14px; right: 14px; z-index: 500; padding: 8px 12px; color: #fff; background: rgba(7,24,39,.88); border: 1px solid rgba(255,255,255,.24); border-radius: 999px; box-shadow: 0 5px 18px rgba(7,24,39,.22); cursor: pointer; font-size: .68rem; font-weight: 850; }
.seqwc-model-home:hover, .seqwc-model-home:focus-visible { background: var(--seqwc-blue); }
.seqwc-model-timebar { display: grid; grid-template-columns: auto auto 1fr minmax(110px, auto); gap: 12px; align-items: center; margin-top: 12px; padding: 13px 15px; background: var(--seqwc-navy); border-radius: 13px; }
.seqwc-model-timebar label { color: #a9c4d7; font-size: .74rem; font-weight: 800; }
.seqwc-model-timebar input { width: 100%; accent-color: var(--seqwc-cyan); }
.seqwc-model-timebar strong { color: #fff; text-align: right; }
.seqwc-model-legend { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin-top: 10px; padding: 12px 14px; background: #f6f9fb; border: 1px solid var(--seqwc-line); border-radius: 12px; }
.seqwc-model-legend:empty { display: none; }
.seqwc-model-legend strong { margin-right: 4px; color: var(--seqwc-navy); font-size: .76rem; }
.seqwc-model-legend span { display: inline-flex; align-items: center; gap: 5px; color: var(--seqwc-muted); font-size: .68rem; }
.seqwc-model-legend i { width: 15px; height: 15px; border: 1px solid rgba(7,24,39,.18); border-radius: 4px; }
.seqwc-lightning-frame, .seqwc-radar-frame { overflow: hidden; background: #071827; border: 1px solid #173c56; border-radius: 20px; box-shadow: var(--seqwc-shadow); }
.seqwc-lightning-frame iframe { display: block; width: 100%; height: clamp(450px, 62vw, 650px); border: 0; }
.seqwc-radar-subtabs { display: inline-flex; gap: 5px; margin: 0 0 14px; padding: 5px; background: var(--seqwc-cloud); border: 1px solid var(--seqwc-line); border-radius: 999px; }
.seqwc-radar-subtabs button { min-height: 40px; padding: 8px 18px; color: var(--seqwc-muted); background: transparent; border: 0; border-radius: 999px; cursor: pointer; font-weight: 850; }
.seqwc-radar-subtabs button[aria-selected="true"] { color: #fff; background: var(--seqwc-navy); box-shadow: 0 3px 10px rgba(7,24,39,.18); }
.seqwc-radar-subtabs button:focus-visible { outline: 3px solid rgba(0,166,232,.35); outline-offset: 2px; }
.seqwc-radar-subpanel[hidden] { display: none; }
.seqwc-windy-frame { overflow: hidden; background: #dce7ed; border: 1px solid var(--seqwc-line); border-radius: 20px; box-shadow: var(--seqwc-shadow); }
.seqwc-windy-frame iframe { display: block; width: 100%; height: clamp(500px, 64vw, 690px); border: 0; }
.seqwc-windy-note { margin: 12px 0 0; padding: 13px 16px; color: var(--seqwc-muted); background: #f6f9fb; border: 1px solid var(--seqwc-line); border-radius: 13px; font-size: .79rem; }
.seqwc-radar-toolbar { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 12px; align-items: end; margin-bottom: 10px; padding: 15px; background: var(--seqwc-cloud); border: 1px solid var(--seqwc-line); border-radius: 14px; }
.seqwc-radar-toolbar > div { display: grid; gap: 4px; }
.seqwc-radar-toolbar label, .seqwc-radar-timebar label { color: var(--seqwc-navy); font-size: .76rem; font-weight: 850; }
.seqwc-radar-toolbar select, .seqwc-radar-timebar select { width: 100%; height: 43px; padding: 0 36px 0 12px; color: var(--seqwc-ink); background: #fff; border: 1px solid #bdccd8; border-radius: 9px; }
.seqwc-radar-toolbar button, .seqwc-radar-timebar button { height: 43px; padding: 0 17px; color: #fff; background: var(--seqwc-blue); border: 0; border-radius: 999px; cursor: pointer; font-weight: 850; }
.seqwc-radar-toolbar button:disabled, .seqwc-radar-timebar button:disabled { opacity: .55; cursor: wait; }
.seqwc-radar-status { min-height: 25px; padding: 0 3px 8px; color: var(--seqwc-muted); font-size: .78rem; }
.seqwc-radar-frame { position: relative; display: block; width: min(100%, 720px); aspect-ratio: 1; margin: 0 auto; }
.seqwc-radar-map { position: absolute; inset: 0; z-index: 0; background: #dbe7ed; }
.seqwc-radar-map .leaflet-image-layer { image-rendering: auto; }
.seqwc-radar-loading { position: absolute; inset: 0; display: grid; z-index: 500; place-items: center; padding: 24px; color: #d9edf9; background: #071827; text-align: center; font-weight: 800; pointer-events: none; }
.seqwc-radar-loading[hidden] { display: none; }
.seqwc-radar-watermark { position: absolute; left: 18px; bottom: 18px; z-index: 600; width: 145px; max-height: 70px; object-fit: contain; opacity: .78; pointer-events: none; filter: drop-shadow(0 3px 7px rgba(0,0,0,.45)); }
.seqwc-radar-timebar { display: grid; grid-template-columns: auto auto 1fr minmax(175px, auto) auto 105px; gap: 12px; align-items: center; margin-top: 12px; padding: 13px 15px; background: var(--seqwc-navy); border-radius: 13px; }
.seqwc-radar-timebar label { color: #a9c4d7; }
.seqwc-radar-timebar input { width: 100%; accent-color: var(--seqwc-cyan); }
.seqwc-radar-timebar strong { color: #fff; text-align: right; font-size: .78rem; }
.seqwc-radar-timebar select { height: 36px; padding-left: 10px; }
.seqwc-radar-legend { margin-top: 10px; padding: 12px 14px; color: var(--seqwc-muted); background: #f6f9fb; border: 1px solid var(--seqwc-line); border-radius: 12px; }
.seqwc-radar-legend:empty { display: none; }
.seqwc-radar-legend strong, .seqwc-radar-legend small { display: block; }
.seqwc-radar-legend strong { margin-bottom: 6px; color: var(--seqwc-navy); font-size: .76rem; }
.seqwc-radar-colours { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; overflow: hidden; height: 14px; border: 1px solid rgba(7,24,39,.22); border-radius: 5px; }
.seqwc-radar-colours i { display: block; }
.seqwc-radar-legend-labels { display: flex; justify-content: space-between; margin-top: 4px; font-size: .64rem; font-weight: 750; }
.seqwc-radar-legend small { margin-top: 6px; font-size: .64rem; }
.seqwc-lightning-note { display: grid; grid-template-columns: 1fr 1.2fr; gap: 22px; margin-top: 12px; padding: 16px 18px; color: var(--seqwc-muted); background: #f6f9fb; border: 1px solid var(--seqwc-line); border-radius: 13px; font-size: .79rem; }
.seqwc-lightning-note p { margin: 0; }
.seqwc-lightning-note a { color: var(--seqwc-blue); font-weight: 750; text-decoration: underline; }
.seqwc-radar-note { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 12px; padding: 15px 18px; color: var(--seqwc-muted); background: #f6f9fb; border: 1px solid var(--seqwc-line); border-radius: 13px; font-size: .79rem; }
.seqwc-radar-note p { margin: 0; }
.seqwc-radar-note a { flex: 0 0 auto; }

.seqwc-risk-panel { overflow: hidden; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 19px; box-shadow: var(--seqwc-shadow); }
.seqwc-risk-headline { display: grid; grid-template-columns: 1fr auto; gap: 2px 18px; align-items: center; padding: 22px 24px; color: #fff; background: linear-gradient(135deg, #174f76, #0c304d); }
.seqwc-risk-headline.signal-present { background: linear-gradient(135deg, #a86512, #71430b); }
.seqwc-risk-headline.signal-strong { background: linear-gradient(135deg, #a72d2d, #641616); }
.seqwc-risk-headline .seqwc-risk-label { grid-column: 1; color: rgba(255,255,255,.78); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.seqwc-risk-headline strong { grid-column: 1; font-size: clamp(1.45rem, 3vw, 2.15rem); }
.seqwc-risk-headline small { grid-column: 2; grid-row: 1 / 3; color: rgba(255,255,255,.88); font-size: .82rem; font-weight: 700; }
.seqwc-risk-metrics { display: grid; grid-template-columns: repeat(3, 1fr); }
.seqwc-risk-metric { min-width: 0; padding: 18px 20px; border-right: 1px solid var(--seqwc-line); border-bottom: 1px solid var(--seqwc-line); }
.seqwc-risk-metric:nth-child(3n) { border-right: 0; }
.seqwc-risk-metric:nth-last-child(-n+3) { border-bottom: 0; }
.seqwc-risk-metric span, .seqwc-risk-metric strong, .seqwc-risk-metric small { display: block; }
.seqwc-risk-metric span { color: var(--seqwc-muted); font-size: .72rem; font-weight: 750; }
.seqwc-risk-metric strong { margin: 2px 0; color: var(--seqwc-navy); font-size: 1.35rem; }
.seqwc-risk-metric small { color: var(--seqwc-muted); font-size: .65rem; line-height: 1.35; }
.seqwc-risk-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(145px, 1fr); gap: 8px; overflow-x: auto; padding: 14px; background: #f5f8fa; border-top: 1px solid var(--seqwc-line); scrollbar-width: thin; }
.seqwc-risk-hour { padding: 12px; background: #fff; border: 1px solid var(--seqwc-line); border-top: 4px solid #2b718d; border-radius: 11px; }
.seqwc-risk-hour.signal-present { border-top-color: #c17a16; }
.seqwc-risk-hour.signal-strong { border-top-color: #c93232; }
.seqwc-risk-hour strong, .seqwc-risk-hour span, .seqwc-risk-hour small { display: block; }
.seqwc-risk-hour strong { color: var(--seqwc-navy); font-size: .78rem; }
.seqwc-risk-hour span { margin: 3px 0; color: var(--seqwc-ink); font-size: .72rem; font-weight: 800; }
.seqwc-risk-hour small { color: var(--seqwc-muted); font-size: .65rem; }
.seqwc-risk-note { margin: 10px 3px 0; color: var(--seqwc-muted); font-size: .76rem; }
.seqwc-supercell-card { display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; margin: 14px; padding: 17px 19px; background: #f4f7f8; border: 1px solid var(--seqwc-line); border-left: 7px solid #87949c; border-radius: 13px; }
.seqwc-supercell-card.level-1 { border-left-color: #50a765; background: #f2faf4; }
.seqwc-supercell-card.level-2 { border-left-color: #d8a900; background: #fffaf0; }
.seqwc-supercell-card.level-3 { border-left-color: #ef7a1a; background: #fff5ec; }
.seqwc-supercell-card.level-4 { border-left-color: #c93232; background: #fff0f0; }
.seqwc-supercell-card span, .seqwc-supercell-card strong, .seqwc-supercell-card small { display: block; }
.seqwc-supercell-card strong { margin: 2px 0; color: var(--seqwc-navy); font-size: 1.45rem; }
.seqwc-supercell-card small { color: var(--seqwc-muted); font-size: .7rem; }
.seqwc-supercell-ingredients { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; max-width: 410px; }
.seqwc-supercell-ingredients span { padding: 7px 9px; color: var(--seqwc-navy); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 999px; font-size: .66rem; font-weight: 800; }
.seqwc-profile-panel { margin-top: 18px; padding: 20px; background: #eef5f8; border: 1px solid var(--seqwc-line); border-radius: 18px; }
.seqwc-profile-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.seqwc-profile-heading h3 { margin: 0; color: var(--seqwc-navy); font-size: 1.25rem; }
.seqwc-profile-heading > strong { color: var(--seqwc-blue); font-size: .78rem; text-align: right; }
.seqwc-profile-timebar { display: grid; grid-template-columns: auto 1fr; gap: 15px; align-items: center; margin-top: 15px; padding: 11px 13px; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 11px; }
.seqwc-profile-timebar label { color: var(--seqwc-navy); font-size: .72rem; font-weight: 850; }
.seqwc-profile-timebar input { width: 100%; accent-color: var(--seqwc-blue); }
.seqwc-profile-status { padding: 9px 2px; color: var(--seqwc-muted); font-size: .7rem; }
.seqwc-profile-charts { display: grid; grid-template-columns: 1.55fr .95fr; gap: 13px; }
.seqwc-profile-charts figure { min-width: 0; margin: 0; padding: 12px; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 13px; }
.seqwc-profile-charts figcaption { margin-bottom: 8px; color: var(--seqwc-navy); font-size: .72rem; font-weight: 850; }
.seqwc-profile-charts svg { display: block; width: 100%; height: auto; }
.seqwc-profile-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 12px; }
.seqwc-profile-metrics > div { padding: 12px; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 10px; }
.seqwc-profile-metrics span, .seqwc-profile-metrics strong, .seqwc-profile-metrics small { display: block; }
.seqwc-profile-metrics span { color: var(--seqwc-muted); font-size: .64rem; }
.seqwc-profile-metrics strong { margin: 2px 0; color: var(--seqwc-navy); font-size: .88rem; }
.seqwc-profile-metrics small { color: var(--seqwc-muted); font-size: .58rem; line-height: 1.35; }
.seqwc-storm-overview { margin-top: 22px; padding: 19px; background: #f5f8fa; border: 1px solid var(--seqwc-line); border-radius: 18px; }
.seqwc-subheading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 13px; }
.seqwc-subheading h3 { margin: 0; color: var(--seqwc-navy); font-size: 1.2rem; }
.seqwc-subheading > span { color: var(--seqwc-muted); font-size: .72rem; font-weight: 750; }
.seqwc-storm-ranking { display: grid; gap: 7px; }
.seqwc-storm-rank { display: grid; grid-template-columns: 34px minmax(155px, 1.4fr) minmax(120px, .9fr) repeat(3, minmax(78px, .65fr)) 80px; align-items: center; gap: 9px; padding: 11px 13px; text-align: left; color: var(--seqwc-ink); background: #fff; border: 1px solid var(--seqwc-line); border-left: 5px solid #2b718d; border-radius: 11px; cursor: pointer; }
.seqwc-storm-rank.signal-present { border-left-color: #c17a16; }
.seqwc-storm-rank.signal-strong { border-left-color: #c93232; }
.seqwc-storm-rank:hover, .seqwc-storm-rank:focus-visible { box-shadow: 0 8px 20px rgba(7,24,39,.09); transform: translateY(-1px); }
.seqwc-rank-number { display: grid; width: 28px; height: 28px; place-items: center; color: #fff; background: var(--seqwc-blue); border-radius: 50%; font-size: .75rem; font-weight: 900; }
.seqwc-rank-place strong, .seqwc-rank-place small { display: block; }
.seqwc-rank-place strong { color: var(--seqwc-navy); }
.seqwc-rank-place small, .seqwc-rank-time { color: var(--seqwc-muted); font-size: .65rem; }
.seqwc-rank-signal { font-size: .72rem; font-weight: 850; }
.seqwc-rank-metric { color: var(--seqwc-navy); font-size: .72rem; font-weight: 750; }

.seqwc-insight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 17px; }
.seqwc-insight-card { overflow: hidden; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 17px; box-shadow: 0 8px 24px rgba(7,24,39,.06); }
.seqwc-insight-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; padding: 18px 20px; background: #f5f8fa; border-bottom: 1px solid var(--seqwc-line); }
.seqwc-insight-heading h3 { margin: 0; color: var(--seqwc-navy); font-size: 1.14rem; }
.seqwc-insight-heading > span { color: var(--seqwc-muted); font-size: .68rem; font-weight: 750; text-align: right; }
.seqwc-observation-station { padding: 16px 18px 10px; }
.seqwc-observation-station strong, .seqwc-observation-station small { display: block; }
.seqwc-observation-station strong { color: var(--seqwc-navy); font-size: 1.05rem; }
.seqwc-observation-station small { color: var(--seqwc-muted); font-size: .68rem; }
.seqwc-observation-metrics, .seqwc-rainfall-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.seqwc-observation-metric, .seqwc-rainfall-metric { min-width: 0; padding: 13px 17px; border-top: 1px solid var(--seqwc-line); }
.seqwc-observation-metric:nth-child(odd), .seqwc-rainfall-metric:nth-child(odd) { border-right: 1px solid var(--seqwc-line); }
.seqwc-observation-metric span, .seqwc-observation-metric strong, .seqwc-rainfall-metric span, .seqwc-rainfall-metric strong, .seqwc-rainfall-metric small { display: block; }
.seqwc-observation-metric span, .seqwc-rainfall-metric span { color: var(--seqwc-muted); font-size: .67rem; }
.seqwc-observation-metric strong, .seqwc-rainfall-metric strong { color: var(--seqwc-navy); font-size: 1.05rem; }
.seqwc-rainfall-metric small { color: var(--seqwc-muted); font-size: .61rem; }
.seqwc-insight-footer { display: flex; justify-content: space-between; gap: 12px; padding: 11px 17px; color: var(--seqwc-muted); background: #f8fafb; border-top: 1px solid var(--seqwc-line); font-size: .65rem; }
.seqwc-insight-footer a { color: var(--seqwc-blue); font-weight: 800; }
.seqwc-insight-card .seqwc-feed-loading, .seqwc-insight-card .seqwc-feed-empty { margin: 14px; }

.seqwc-river-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.seqwc-river-grid > .seqwc-feed-loading, .seqwc-river-message { grid-column: 1 / -1; margin: 0; padding: 22px; color: var(--seqwc-muted); background: #f5f8fa; border: 1px solid var(--seqwc-line); border-radius: 14px; }
.seqwc-river-card { padding: 19px; background: #fff; border: 1px solid var(--seqwc-line); border-top: 5px solid #238a57; border-radius: 15px; box-shadow: 0 8px 22px rgba(7,24,39,.06); }
.seqwc-river-card.level-minor { border-top-color: #d8a014; }
.seqwc-river-card.level-moderate { border-top-color: #e7771b; }
.seqwc-river-card.level-major { border-top-color: #c92828; }
.seqwc-river-class { display: inline-block; margin-bottom: 10px; padding: 4px 8px; color: #176d47; background: #def3e7; border-radius: 999px; font-size: .63rem; font-weight: 900; text-transform: uppercase; }
.level-minor .seqwc-river-class { color: #704400; background: #ffe9ad; }
.level-moderate .seqwc-river-class { color: #783200; background: #ffd1a7; }
.level-major .seqwc-river-class { color: #fff; background: #c92828; }
.seqwc-river-card h3 { min-height: 44px; margin: 0 0 8px; color: var(--seqwc-navy); font-size: 1rem; line-height: 1.3; }
.seqwc-river-height { display: block; color: var(--seqwc-blue); font-size: 2rem; letter-spacing: -.03em; }
.seqwc-river-detail { margin: 5px 0 0; color: var(--seqwc-muted); font-size: .74rem; text-transform: capitalize; }
.seqwc-river-card small { display: block; margin-top: 8px; color: var(--seqwc-ink); font-size: .7rem; font-weight: 700; }
.seqwc-river-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 10px; color: var(--seqwc-muted); font-size: .74rem; }
.seqwc-river-footer p { margin: 0; }
.seqwc-river-footer a { color: var(--seqwc-blue); font-weight: 850; }

.seqwc-hazards-section { scroll-margin-top: 90px; }
.seqwc-feed-status { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 14px; }
.seqwc-feed-loading { grid-column: 1 / -1; padding: 16px; color: var(--seqwc-muted); background: var(--seqwc-cloud); border: 1px solid var(--seqwc-line); border-radius: 13px; }
.seqwc-feed-chip { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 9px; align-items: center; min-width: 0; padding: 13px 14px; color: var(--seqwc-ink); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 13px; font-size: .76rem; font-weight: 800; line-height: 1.25; }
.seqwc-feed-chip > span { grid-row: 1 / 3; width: 10px; height: 10px; background: #b56d18; border-radius: 50%; box-shadow: 0 0 0 4px rgba(181,109,24,.12); }
.seqwc-feed-chip.is-online > span { background: #238a57; box-shadow: 0 0 0 4px rgba(35,138,87,.12); }
.seqwc-feed-chip small { color: var(--seqwc-muted); font-size: .66rem; font-weight: 600; }
.seqwc-feed-chip:hover, .seqwc-feed-chip:focus-visible { border-color: #91bdd5; box-shadow: 0 7px 18px rgba(7,24,39,.08); }
.seqwc-hazard-map-shell { overflow: hidden; margin: 0 0 15px; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 19px; box-shadow: 0 10px 28px rgba(7,24,39,.08); }
.seqwc-hazard-map-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 13px 15px; background: #f3f8fb; border-bottom: 1px solid var(--seqwc-line); }
.seqwc-hazard-control-stack { display: grid; gap: 8px; }
.seqwc-hazard-map-toolbar p { margin: 0; color: var(--seqwc-muted); font-size: .7rem; font-weight: 750; text-align: right; }
.seqwc-hazard-map-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.seqwc-hazard-map-filters button { padding: 8px 11px; color: var(--seqwc-navy); background: #fff; border: 1px solid #c7d8e2; border-radius: 999px; cursor: pointer; font-size: .71rem; font-weight: 850; }
.seqwc-hazard-map-filters button.is-active { color: #fff; background: var(--seqwc-blue); border-color: var(--seqwc-blue); }
.seqwc-hazard-severity-filters button[data-seqwc-hazard-severity="emergency"].is-active { background: #b32121; border-color: #b32121; }
.seqwc-hazard-severity-filters button[data-seqwc-hazard-severity="watch"].is-active { color: #472500; background: #f0aa37; border-color: #f0aa37; }
.seqwc-hazard-severity-filters button[data-seqwc-hazard-severity="advice"].is-active { color: #4e3c00; background: #f4d361; border-color: #f4d361; }
.seqwc-hazard-severity-filters button[data-seqwc-hazard-severity="information"].is-active { background: #46798f; border-color: #46798f; }
.seqwc-urgent-fire-banner { overflow: hidden; color: #fff; background: #8f0e16; border-bottom: 2px solid #66070d; animation: seqwc-urgent-fire-pulse 1.25s ease-in-out infinite alternate; }
.seqwc-urgent-fire-track { display: flex; width: max-content; animation: seqwc-urgent-fire-scroll var(--seqwc-ticker-duration, 22s) linear infinite; }
.seqwc-urgent-fire-banner:hover .seqwc-urgent-fire-track, .seqwc-urgent-fire-banner:focus-within .seqwc-urgent-fire-track { animation-play-state: paused; }
.seqwc-urgent-fire-set { display: flex; flex: none; align-items: stretch; }
.seqwc-urgent-fire-item { display: flex; align-items: center; flex: none; gap: 10px; min-height: 52px; padding: 10px 28px; color: #fff; background: transparent; border: 0; border-right: 1px solid rgba(255,255,255,.28); cursor: pointer; font: inherit; white-space: nowrap; }
.seqwc-urgent-fire-item strong { font-size: .78rem; font-weight: 950; letter-spacing: .035em; }
.seqwc-urgent-fire-item span { font-size: .76rem; font-weight: 750; }
.seqwc-urgent-fire-item:hover, .seqwc-urgent-fire-item:focus-visible { background: rgba(0,0,0,.22); outline: 2px solid #fff; outline-offset: -4px; }
@keyframes seqwc-urgent-fire-pulse { from { background-color: #770a11; box-shadow: inset 0 0 0 rgba(255,75,75,0); } to { background-color: #c31924; box-shadow: inset 0 0 28px rgba(255,110,110,.3); } }
/* Leave Now / Leave Immediately: the highest action issued, and deliberately
   the loudest thing on the page. Bright red and purple hazard stripes that
   travel, pulse, and throw an outer glow, clearly separate from the red-only
   pulse used for Prepare to Leave. The stripes sit on a pseudo-element behind
   the text so none of the movement can wash out the wording. */
.seqwc-urgent-fire-banner.is-leave-now {
  position: relative; background: #4f0a12; border-bottom: 3px solid #7b1fa2;
  animation: seqwc-urgent-fire-glow-critical .95s ease-in-out infinite alternate;
}
.seqwc-urgent-fire-banner.is-leave-now::before {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: repeating-linear-gradient(135deg, #ef1c2f 0 26px, #8e24c8 26px 52px);
  background-size: 73.54px 73.54px;
  animation: seqwc-urgent-fire-stripes-critical .95s ease-in-out infinite alternate,
             seqwc-urgent-fire-stripes-travel 1.5s linear infinite;
}
.seqwc-urgent-fire-banner.is-leave-now .seqwc-urgent-fire-track { position: relative; z-index: 1; }
.seqwc-urgent-fire-banner.is-leave-now .seqwc-urgent-fire-item { min-height: 60px; }
.seqwc-urgent-fire-banner.is-leave-now .seqwc-urgent-fire-item.is-critical { border-right-color: rgba(255,255,255,.5); }
.seqwc-urgent-fire-banner.is-leave-now .seqwc-urgent-fire-item.is-critical strong { font-size: .88rem; letter-spacing: .06em; text-shadow: 0 1px 4px rgba(0,0,0,.85), 0 0 2px rgba(0,0,0,.9); }
.seqwc-urgent-fire-banner.is-leave-now .seqwc-urgent-fire-item.is-critical span { text-shadow: 0 1px 3px rgba(0,0,0,.8); }
@keyframes seqwc-urgent-fire-stripes-critical { from { opacity: .5; } to { opacity: 1; } }
@keyframes seqwc-urgent-fire-stripes-travel { from { background-position: 0 0; } to { background-position: 73.54px 0; } }
@keyframes seqwc-urgent-fire-glow-critical {
  from { box-shadow: 0 0 0 rgba(255,45,70,0); }
  to { box-shadow: 0 0 30px rgba(255,60,90,.8), 0 0 60px rgba(160,60,220,.45); }
}
@keyframes seqwc-urgent-fire-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.seqwc-hazard-map { position: relative; z-index: 0; height: 560px; background: #dceaf1; }
.seqwc-hazard-map .leaflet-pane { z-index: 200; }
.seqwc-hazard-map .leaflet-control { z-index: 500; }
.seqwc-hazard-marker { background: transparent; border: 0; }
.seqwc-hazard-marker-badge { display: grid; place-items: center; width: 19px; height: 19px; color: var(--seqwc-hazard-colour, #126db2); background: transparent; border: 0; transition: transform .15s ease; }
.seqwc-hazard-marker-badge svg { width: 19px; height: 19px; fill: currentColor; filter: drop-shadow(0 0 1px #fff) drop-shadow(0 1px 1px rgba(7,24,39,.7)); }
.seqwc-hazard-marker:hover .seqwc-hazard-marker-badge, .seqwc-hazard-marker:focus .seqwc-hazard-marker-badge { transform: scale(1.16); }
.seqwc-hazard-map-watermark { position: absolute; z-index: 600; top: auto; right: auto; bottom: 17px; left: 17px; width: min(18vw, 155px); height: auto; padding: 7px; background: rgba(7,24,39,.72); border-radius: 10px; pointer-events: none; }
.seqwc-hazard-map-legend { display: flex; flex-wrap: wrap; gap: 9px 17px; padding: 11px 16px; color: var(--seqwc-muted); border-top: 1px solid var(--seqwc-line); font-size: .7rem; font-weight: 750; }
.seqwc-hazard-map-legend span::before { display: inline-block; width: 10px; height: 10px; margin-right: 6px; background: #126db2; border-radius: 50%; content: ''; }
.seqwc-hazard-map-legend .weather::before { background: #7046a5; }
.seqwc-hazard-map-legend .fire::before { background: #c4542d; }
.seqwc-hazard-map-legend .power::before { background: #6f4c00; }
.seqwc-hazard-map-shell > .seqwc-risk-note { margin: 0; padding: 0 16px 14px; }
.seqwc-hazard-popup { display: grid; gap: 5px; min-width: 220px; color: var(--seqwc-ink); line-height: 1.35; }
.seqwc-hazard-popup > strong { color: var(--seqwc-navy); font-size: .88rem; }
.seqwc-hazard-popup small { color: var(--seqwc-muted); font-size: .67rem; }
.seqwc-hazard-popup p { margin: 2px 0 0; color: var(--seqwc-muted); font-size: .7rem; }
.seqwc-incident-status { font-weight: 800; }
.seqwc-incident-id { display: block; }
.seqwc-incident-resources { margin: 7px 0 0; color: #173f55; font-size: .72rem; font-weight: 850; line-height: 1.4; }
.seqwc-incident-responded { display: block; margin-top: 4px; }
.seqwc-hazard-popup-type { justify-self: start; padding: 3px 7px; color: #fff; background: #126db2; border-radius: 999px; font-size: .59rem; font-weight: 900; text-transform: uppercase; }
.seqwc-hazard-popup-type.type-weather { background: #7046a5; }
.seqwc-hazard-popup-type.type-fire { background: #c4542d; }
.seqwc-hazard-popup-type.type-power { background: #6f4c00; }
.seqwc-power-popup-customers { color: #5f4200 !important; font-weight: 900; }
.seqwc-hazard-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }

@media (prefers-reduced-motion: reduce) {
  .seqwc-urgent-fire-banner { overflow-x: auto; animation: none; background: #a30f19; }
  /* Hold the stripes steady at full strength: the red/purple distinction stays,
     the movement does not. */
  .seqwc-urgent-fire-banner.is-leave-now { animation: none; box-shadow: 0 0 22px rgba(255,60,90,.55); }
  .seqwc-urgent-fire-banner.is-leave-now::before { animation: none; opacity: 1; }
  .seqwc-urgent-fire-track { animation: none; }
  .seqwc-urgent-fire-set[aria-hidden="true"] { display: none; }
}
.seqwc-hazard-power, .seqwc-hazard-water { grid-column: span 2; }
.seqwc-hazard-card { min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 17px; box-shadow: 0 9px 25px rgba(7,24,39,.07); }
.seqwc-hazard-card-heading { display: flex; align-items: center; gap: 13px; padding: 18px; background: linear-gradient(135deg, #f5fafc, #eef5f8); border-bottom: 1px solid var(--seqwc-line); }
.seqwc-hazard-card-heading h3 { margin: 0; color: var(--seqwc-navy); font-size: 1.12rem; }
.seqwc-hazard-card-heading .seqwc-kicker { margin-bottom: 2px; font-size: .65rem; }
.seqwc-hazard-symbol { display: grid; place-items: center; flex: 0 0 47px; width: 47px; height: 47px; color: #fff; background: var(--seqwc-blue); border-radius: 14px; font-size: .67rem; font-weight: 900; letter-spacing: .02em; }
.seqwc-hazard-fire .seqwc-hazard-symbol { background: #c84a25; }
.seqwc-hazard-weather .seqwc-hazard-symbol { background: #7046a5; }
.seqwc-hazard-air .seqwc-hazard-symbol { background: #238a78; }
.seqwc-hazard-power .seqwc-hazard-symbol { background: #77530b; }
.seqwc-hazard-water .seqwc-hazard-symbol { background: #13759e; }
.seqwc-hazard-content { min-height: 230px; padding: 8px 18px 17px; }
.seqwc-hazard-content > p { margin: 15px 0 0; color: var(--seqwc-muted); }
.seqwc-hazard-list, .seqwc-air-list { margin: 0; padding: 0; list-style: none; }
.seqwc-hazard-list li, .seqwc-air-list li { padding: 13px 0; border-bottom: 1px solid var(--seqwc-line); }
.seqwc-hazard-list li a, .seqwc-air-list li a { color: var(--seqwc-navy); font-weight: 800; }
.seqwc-hazard-list li small, .seqwc-air-list li small { display: block; margin-top: 3px; color: var(--seqwc-muted); font-size: .7rem; }
.seqwc-hazard-description { margin: 7px 0 0; color: var(--seqwc-muted); font-size: .74rem; line-height: 1.45; }
.seqwc-hazard-instruction { margin: 7px 0 0; padding: 9px 10px; color: #513d10; background: #fff7dc; border-left: 3px solid #e0ad28; border-radius: 0 8px 8px 0; font-size: .72rem; line-height: 1.45; }
.seqwc-hazard-coverage { margin: 0; padding: 13px 18px; color: var(--seqwc-muted); background: #fff8f3; border-bottom: 1px solid var(--seqwc-line); font-size: .7rem; line-height: 1.45; }
.seqwc-hazard-summary { margin: 8px 0 0; color: var(--seqwc-muted); font-size: .7rem; font-weight: 700; line-height: 1.4; }
.seqwc-level-badge { display: inline-block; padding: 3px 7px; color: #704400; background: #ffe6a5; border-radius: 999px; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.seqwc-level-badge.level-watch-and-act { color: #713300; background: #ffd1a3; }
.seqwc-level-badge.level-emergency-warning { color: #fff; background: #c92828; }
.seqwc-level-badge.level-extreme, .seqwc-level-badge.level-severe { color: #fff; background: #c92828; }
.seqwc-level-badge.level-moderate { color: #713300; background: #ffd1a3; }
.seqwc-air-list li { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.seqwc-air-list li > div { min-width: 0; }
.seqwc-air-rating { flex: 0 0 auto; padding: 5px 8px; color: #176d47; background: #dff5e9; border-radius: 999px; font-size: .65rem; font-weight: 900; }
.seqwc-air-rating.rating-fair { color: #704400; background: #ffe8aa; }
.seqwc-air-rating.rating-poor, .seqwc-air-rating.rating-very-poor { color: #fff; background: #c84a25; }
.seqwc-feed-empty { min-height: 108px; }
.seqwc-feed-source { display: inline-block; margin-top: 14px; color: var(--seqwc-blue); font-size: .76rem; font-weight: 850; }
.seqwc-feed-updated { margin: 12px 3px 0; color: var(--seqwc-muted); font-size: .74rem; }
.seqwc-power-summary, .seqwc-dam-summary { display: grid; gap: 4px; margin: 12px 0; padding: 15px; background: #eef6fa; border-radius: 12px; }
.seqwc-power-summary strong, .seqwc-dam-summary strong { color: var(--seqwc-navy); font-size: 1.45rem; }
.seqwc-power-summary span, .seqwc-dam-summary span { color: var(--seqwc-muted); font-size: .72rem; }
.seqwc-power-list, .seqwc-dam-list { margin: 0; padding: 0; list-style: none; }
.seqwc-dam-sparkline { margin: -4px 0 12px; padding: 10px 15px 12px; background: #eef6fa; border-radius: 0 0 12px 12px; }
.seqwc-sparkline-svg { display: block; width: 100%; height: 46px; }
.seqwc-sparkline-line { fill: none; stroke: var(--seqwc-blue); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.seqwc-sparkline-dot { fill: var(--seqwc-blue); }
.seqwc-dam-sparkline small { display: block; margin-top: 4px; color: var(--seqwc-muted); font-size: .72rem; }
.seqwc-council-groups { display: grid; gap: 7px; margin-top: 11px; }
.seqwc-council-group { overflow: hidden; border: 1px solid var(--seqwc-line); border-radius: 10px; }
.seqwc-council-group > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 11px; color: var(--seqwc-navy); background: #f6fafc; cursor: pointer; list-style-position: inside; }
.seqwc-council-group > summary > span:first-of-type { min-width: 0; }
.seqwc-council-group > summary strong, .seqwc-council-group > summary small { display: block; }
.seqwc-council-group > summary strong { overflow-wrap: anywhere; font-size: .78rem; }
.seqwc-council-group > summary small { margin-top: 2px; color: var(--seqwc-muted); font-size: .63rem; }
.seqwc-council-group[open] > summary { border-bottom: 1px solid var(--seqwc-line); }
.seqwc-council-group .seqwc-hazard-list { padding: 0 11px 5px; }
.seqwc-power-list li, .seqwc-dam-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--seqwc-line); }
.seqwc-power-list li strong, .seqwc-dam-list li strong { overflow-wrap: anywhere; color: var(--seqwc-navy); font-size: .79rem; }
.seqwc-power-list li span, .seqwc-dam-list li span { color: var(--seqwc-muted); font-size: .7rem; }
.seqwc-power-list li small, .seqwc-dam-list li small { grid-column: 1 / -1; color: var(--seqwc-muted); font-size: .67rem; }
.seqwc-customer-count, .seqwc-council-count, .seqwc-dam-percent { justify-self: end; padding: 5px 8px; color: #604100 !important; background: #fff0bd; border-radius: 999px; font-weight: 900; white-space: nowrap; }
.seqwc-dam-percent { color: #075e7f !important; background: #dff4ff; }
.seqwc-dam-list li.is-spilling { margin: 0 -8px; padding-right: 8px; padding-left: 8px; background: #edf8ff; }
.seqwc-release-panel { margin: 11px 0; padding: 12px 13px; color: var(--seqwc-ink); background: #fff8df; border-left: 4px solid #e4b534; border-radius: 0 10px 10px 0; font-size: .74rem; line-height: 1.45; }
.seqwc-release-panel strong { display: block; margin-bottom: 4px; color: var(--seqwc-navy); }
.seqwc-dam-drawer { margin-top: 12px; border: 1px solid var(--seqwc-line); border-radius: 11px; }
.seqwc-dam-drawer summary { padding: 12px 13px; color: var(--seqwc-navy); cursor: pointer; font-size: .75rem; font-weight: 850; }
.seqwc-dam-drawer[open] summary { border-bottom: 1px solid var(--seqwc-line); }
.seqwc-dam-drawer .seqwc-dam-list { padding: 0 13px 8px; }
.seqwc-data-credit { margin: 12px 0 0; color: var(--seqwc-muted); font-size: .67rem; }
.seqwc-stale-banner { margin: 10px 0 0; padding: 8px 10px; color: #684500; background: #fff1c7; border-radius: 8px; font-size: .68rem; font-weight: 750; }

.seqwc-climate-section { margin-top: 62px; padding: clamp(40px, 6vw, 62px) clamp(22px, 5vw, 52px); background: linear-gradient(145deg, #f4faff, #eef6fb); border: 1px solid #d7e9f3; border-radius: 24px; }
.seqwc-climate-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.seqwc-climate-grid > .seqwc-feed-loading, .seqwc-climate-grid > .seqwc-feed-empty { grid-column: 1 / -1; }
.seqwc-climate-card { min-width: 0; padding: 22px; background: #fff; border: 1px solid var(--seqwc-line); border-top: 5px solid #8797a5; border-radius: 17px; box-shadow: 0 10px 28px rgba(21, 67, 94, .08); }
.seqwc-climate-card.driver-positive { border-top-color: #e05b31; }
.seqwc-climate-card.driver-negative { border-top-color: #148bc4; }
.seqwc-climate-card.driver-neutral { border-top-color: #6e8a96; }
.seqwc-climate-card.driver-active { border-top-color: #9d4edd; }
.seqwc-climate-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.seqwc-climate-card-heading h3 { margin: 2px 0 0; color: var(--seqwc-navy); font-size: 1.55rem; }
.seqwc-driver-phase { flex: 0 0 auto; padding: 6px 9px; color: #304d5d; background: #e9f0f3; border-radius: 999px; font-size: .67rem; font-weight: 900; text-align: center; }
.driver-positive .seqwc-driver-phase { color: #8a2b0f; background: #ffe5d9; }
.driver-negative .seqwc-driver-phase { color: #075b82; background: #dff4ff; }
.driver-active .seqwc-driver-phase { color: #5c2180; background: #f1e3fa; }
.seqwc-driver-reading { margin: 22px 0 16px; padding: 15px; background: #f3f8fa; border-radius: 12px; }
.seqwc-driver-reading strong, .seqwc-driver-reading span { display: block; }
.seqwc-driver-reading strong { color: var(--seqwc-navy); font-size: 1.75rem; line-height: 1.05; }
.seqwc-driver-reading span { margin-top: 5px; color: var(--seqwc-muted); font-size: .72rem; }
.seqwc-driver-tracker { margin: 0 0 18px; padding: 12px; background: #f8fbfd; border: 1px solid var(--seqwc-line); border-radius: 12px; }
.seqwc-driver-tracker figcaption { margin-bottom: 6px; color: var(--seqwc-navy); font-size: .7rem; font-weight: 850; }
.seqwc-driver-tracker svg { display: block; width: 100%; height: auto; max-height: 190px; overflow: visible; }
.seqwc-mjo-tracker svg { max-height: 260px; }
.seqwc-tracker-zero { stroke: #9babb5; stroke-width: 1.5; }
.seqwc-tracker-threshold { stroke: #e0a33d; stroke-width: 1; stroke-dasharray: 5 4; }
.seqwc-tracker-line { fill: none; stroke: var(--seqwc-blue); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.seqwc-tracker-latest { fill: var(--seqwc-orange); stroke: #fff; stroke-width: 3; }
.seqwc-tracker-label { fill: var(--seqwc-muted); font-size: 13px; }
.seqwc-mjo-weak { fill: #edf3f6; stroke: #9babb5; stroke-width: 1.5; stroke-dasharray: 5 4; }
.seqwc-mjo-axis { stroke: #c7d4dc; stroke-width: 1; }
.seqwc-mjo-label { fill: var(--seqwc-muted); font-size: 13px; font-weight: 850; text-anchor: middle; }
.seqwc-mjo-trail { fill: none; stroke: #8047a8; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.seqwc-driver-details { display: grid; grid-template-columns: auto 1fr; gap: 5px 12px; margin: 0 0 16px; font-size: .78rem; }
.seqwc-driver-details dt { color: var(--seqwc-muted); }
.seqwc-driver-details dd { margin: 0; color: var(--seqwc-ink); font-weight: 800; text-align: right; }
.seqwc-driver-details dd.seqwc-driver-note { color: #a8501c; font-weight: 700; font-size: .74rem; line-height: 1.4; }
.seqwc-driver-impact { min-height: 116px; color: var(--seqwc-muted); font-size: .8rem; line-height: 1.55; }
.seqwc-driver-source { display: inline-block; margin-top: 14px; color: var(--seqwc-muted); font-size: .72rem; font-weight: 800; }
.seqwc-climate-footer { display: flex; justify-content: space-between; gap: 18px; margin-top: 16px; color: var(--seqwc-muted); font-size: .75rem; }
.seqwc-climate-footer a { color: var(--seqwc-blue); font-weight: 800; }
.seqwc-sst-panel { margin-top: 28px; padding: clamp(20px, 4vw, 32px); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 20px; box-shadow: 0 12px 32px rgba(21, 67, 94, .09); }
.seqwc-sst-heading { margin-bottom: 18px; }
.seqwc-sst-heading h3 { margin: 3px 0 0; color: var(--seqwc-navy); font-size: clamp(1.35rem, 2.8vw, 2rem); }
.seqwc-sst-chart { display: block; overflow: hidden; background: #071827; border: 1px solid #bfd0db; border-radius: 15px; }
.seqwc-sst-chart img { display: block; width: 100%; height: auto; aspect-ratio: 1787 / 1085; object-fit: contain; }
.seqwc-sst-footer { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-top: 16px; }
.seqwc-sst-footer p { max-width: 650px; margin: 0; color: var(--seqwc-muted); font-size: .8rem; line-height: 1.55; }
.seqwc-sst-footer > span { flex: 0 0 auto; color: var(--seqwc-muted); font-size: .76rem; font-weight: 850; }

.seqwc-nino-panel { margin-top: 28px; padding: clamp(20px, 4vw, 32px); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 20px; box-shadow: 0 12px 32px rgba(21, 67, 94, .09); }
.seqwc-nino-heading { margin-bottom: 18px; }
.seqwc-nino-heading h3 { margin: 3px 0 0; color: var(--seqwc-navy); font-size: clamp(1.35rem, 2.8vw, 2rem); }
.seqwc-nino-chart-wrap { margin-bottom: 18px; padding: 14px 15px 12px; background: #f7fafc; border: 1px solid var(--seqwc-line); border-radius: 15px; }
.seqwc-nino-chart-svg { display: block; width: 100%; height: auto; }
.seqwc-nino-gridline { stroke: #dbe6ec; stroke-width: 1; }
.seqwc-nino-threshold { stroke: #a9bcc8; stroke-width: 1.2; stroke-dasharray: 5 4; }
.seqwc-nino-zero { stroke: #6f8796; stroke-width: 1.6; }
.seqwc-nino-axis-text { fill: #547083; font-size: 11px; font-weight: 700; }
.seqwc-nino-legend { display: flex; flex-wrap: wrap; gap: 7px 18px; margin: 10px 0 0; padding: 0; list-style: none; }
.seqwc-nino-legend li { display: flex; align-items: center; gap: 7px; font-size: .76rem; }
.seqwc-nino-legend li.is-primary { font-weight: 850; }
.seqwc-nino-legend i { width: 20px; height: 4px; border-radius: 2px; }
.seqwc-nino-legend span { color: var(--seqwc-ink); }
.seqwc-nino-legend b { color: var(--seqwc-navy); font-weight: 900; }
.seqwc-nino-chart-note { display: block; margin-top: 9px; color: var(--seqwc-muted); font-size: .7rem; line-height: 1.5; }
.seqwc-nino-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.seqwc-nino-card { padding: 15px; background: #f7fafc; border: 1px solid var(--seqwc-line); border-left: 5px solid #9eb3bf; border-radius: 13px; }
.seqwc-nino-card.is-primary { background: #eef6fa; box-shadow: inset 0 0 0 1px rgba(7, 159, 232, .18); }
.seqwc-nino-card.nino-positive { border-left-color: #d8622c; }
.seqwc-nino-card.nino-negative { border-left-color: #2b78b8; }
.seqwc-nino-card.nino-neutral { border-left-color: #6f8796; }
.seqwc-nino-card-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 9px; }
.seqwc-nino-card-heading strong { display: block; color: var(--seqwc-navy); font-size: .95rem; }
.seqwc-nino-card-heading small { display: block; margin-top: 3px; color: var(--seqwc-muted); font-size: .66rem; line-height: 1.4; }
.seqwc-nino-phase { flex: 0 0 auto; padding: 3px 8px; color: var(--seqwc-ink); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 999px; font-size: .64rem; font-weight: 850; white-space: nowrap; }
.seqwc-nino-reading { margin-top: 11px; }
.seqwc-nino-reading b { display: block; color: var(--seqwc-navy); font-size: 1.5rem; font-weight: 900; letter-spacing: -.01em; }
.seqwc-nino-reading span { display: block; margin-top: 2px; color: var(--seqwc-muted); font-size: .7rem; font-weight: 700; }
.seqwc-nino-sparkline { margin-top: 11px; }
.seqwc-nino-sparkline small { display: block; margin-top: 3px; color: var(--seqwc-muted); font-size: .66rem; }
.seqwc-sparkline-zero { stroke: #b6c7d2; stroke-width: 1; stroke-dasharray: 3 3; }

.seqwc-mjo-studio { margin-top: 28px; padding: clamp(20px, 4vw, 32px); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 20px; box-shadow: 0 12px 32px rgba(21, 67, 94, .09); }
.seqwc-mjo-studio-heading { margin-bottom: 18px; }
.seqwc-mjo-studio-heading h3 { margin: 3px 0 0; color: var(--seqwc-navy); font-size: clamp(1.35rem, 2.8vw, 2rem); }
.seqwc-mjo-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.seqwc-mjo-product-grid figure { min-width: 0; margin: 0; overflow: hidden; background: #f7fafc; border: 1px solid var(--seqwc-line); border-radius: 15px; }
.seqwc-mjo-product-grid img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
.seqwc-mjo-product-grid figcaption { display: grid; gap: 4px; padding: 13px 15px 15px; }
.seqwc-mjo-product-grid figcaption strong { color: var(--seqwc-navy); }
.seqwc-mjo-product-grid figcaption span { color: var(--seqwc-muted); font-size: .76rem; line-height: 1.45; }
.seqwc-mjo-reading-guide { display: grid; gap: 5px; margin-top: 16px; padding: 15px 17px; color: var(--seqwc-muted); background: #eef7fb; border-radius: 13px; font-size: .8rem; line-height: 1.55; }
.seqwc-mjo-reading-guide strong { color: var(--seqwc-navy); }
.seqwc-source-details { margin-top: 14px; padding: 0 16px; color: var(--seqwc-muted); background: #f7fafc; border: 1px solid var(--seqwc-line); border-radius: 12px; font-size: .76rem; line-height: 1.55; }
.seqwc-source-details summary { padding: 12px 0; color: var(--seqwc-navy); cursor: pointer; font-weight: 850; }
.seqwc-source-details[open] { padding-bottom: 12px; }
.seqwc-source-details p { margin: 6px 0; }
.seqwc-source-details a { color: var(--seqwc-blue); font-weight: 800; }

.seqwc-satellite-section { scroll-margin-top: 90px; }
.seqwc-satellite-toolbar { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 14px; margin-bottom: 15px; padding: 15px; background: #f3f8fb; border: 1px solid var(--seqwc-line); border-radius: 15px; }
.seqwc-satellite-control-group { display: grid; gap: 8px; }
.seqwc-satellite-control-group > span { color: var(--seqwc-muted); font-size: .7rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.seqwc-satellite-button-row { display: flex; flex-wrap: wrap; gap: 7px; }
.seqwc-satellite-button-row button { padding: 8px 12px; color: var(--seqwc-navy); background: #fff; border: 1px solid #c7d8e2; border-radius: 999px; cursor: pointer; font-size: .75rem; font-weight: 850; }
.seqwc-satellite-button-row button:hover, .seqwc-satellite-button-row button:focus-visible { border-color: var(--seqwc-blue); }
.seqwc-satellite-button-row button.is-active { color: #fff; background: var(--seqwc-blue); border-color: var(--seqwc-blue); }
.seqwc-satellite-stage { overflow: hidden; background: #071827; border: 1px solid #213f52; border-radius: 20px; box-shadow: var(--seqwc-shadow); }
.seqwc-satellite-map { position: relative; z-index: 0; height: 650px; background: radial-gradient(circle at 50% 40%, #153d59, #06131e 70%); }
.seqwc-satellite-map .leaflet-pane { z-index: 200; }
.seqwc-satellite-map .leaflet-control { z-index: 500; }
.seqwc-satellite-layer, .seqwc-satellite-tile { image-rendering: auto; }
.seqwc-satellite-loading { position: absolute; z-index: 650; inset: 0; display: grid; place-items: center; padding: 25px; color: #dbeef8; background: rgba(7,24,39,.72); text-align: center; font-weight: 800; pointer-events: none; }
.seqwc-satellite-loading[hidden] { display: none; }
.seqwc-satellite-watermark { position: absolute; z-index: 600; right: 18px; bottom: 18px; width: min(22vw, 180px); height: auto; padding: 8px; background: rgba(7,24,39,.66); border-radius: 11px; pointer-events: none; }
.seqwc-satellite-player { display: grid; grid-template-columns: auto auto minmax(160px, 1fr) auto auto; gap: 12px; align-items: center; padding: 14px 18px; color: #c6dbe8; font-size: .75rem; }
.seqwc-satellite-player input { width: 100%; accent-color: #19bde0; }
.seqwc-satellite-player strong { min-width: 205px; color: #fff; text-align: right; }
.seqwc-satellite-player button { padding: 8px 13px; color: #fff; background: var(--seqwc-blue); border: 0; border-radius: 999px; cursor: pointer; font-weight: 800; }
.seqwc-satellite-player button:disabled { opacity: .55; cursor: wait; }
.seqwc-satellite-explainer { display: flex; justify-content: space-between; gap: 20px; margin-top: 14px; padding: 15px 17px; color: var(--seqwc-muted); background: #f3f8fb; border: 1px solid var(--seqwc-line); border-radius: 13px; font-size: .78rem; line-height: 1.5; }
.seqwc-satellite-explainer > div { display: grid; gap: 3px; max-width: 650px; }
.seqwc-satellite-explainer strong { color: var(--seqwc-navy); }
.seqwc-version { display: inline-block; margin-left: 7px; padding: 3px 8px; color: var(--seqwc-navy); background: #e7f4fa; border-radius: 999px; font-size: .7rem; font-weight: 850; white-space: nowrap; }


.seqwc-split { display: grid; grid-template-columns: .82fr 1.18fr; gap: 22px; }
.seqwc-latest-panel { min-width: 0; padding: clamp(25px, 5vw, 42px); border-radius: var(--seqwc-radius); }
.seqwc-button { display: inline-block; padding: 11px 17px; color: var(--seqwc-navy); background: #fff; border-radius: 999px; font-weight: 800; }
.seqwc-latest-panel { background: #fff; border: 1px solid var(--seqwc-line); box-shadow: var(--seqwc-shadow); }
.seqwc-latest-panel-wide { padding: clamp(25px, 5vw, 42px); border-radius: var(--seqwc-radius); }
.seqwc-latest-card { display: grid; grid-template-columns: minmax(180px, .75fr) 1.25fr; gap: 26px; height: 100%; }
.seqwc-latest-image { min-height: 260px; background-position: center; background-size: cover; border-radius: 13px; }
.seqwc-latest-copy { align-self: center; }
.seqwc-latest-copy h3 { margin-bottom: 13px; font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.2; }
.seqwc-latest-copy h3 a { color: var(--seqwc-navy); }
.seqwc-latest-copy > p:not(.seqwc-kicker) { color: var(--seqwc-muted); }
.seqwc-text-link { color: var(--seqwc-blue); font-weight: 800; }

.seqwc-source-note { margin-top: 48px; padding: 21px 23px; color: var(--seqwc-muted); background: #f7f9fa; border: 1px solid var(--seqwc-line); border-radius: 13px; font-size: .82rem; }
.seqwc-source-note p { margin-bottom: 5px; }
.seqwc-source-note p:last-child { margin-bottom: 0; }
.seqwc-source-note a { color: var(--seqwc-blue); text-decoration: underline; }
.seqwc-utility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.seqwc-utility-card { min-width: 0; padding: 20px; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 15px; box-shadow: 0 8px 24px rgba(7,24,39,.07); }
.seqwc-utility-card .seqwc-subheading { align-items: center; }
.seqwc-utility-card .seqwc-subheading h2 { font-size: 1.25rem; }
.seqwc-utility-card .seqwc-subheading button { padding: 8px 12px; color: #fff; background: var(--seqwc-blue); border: 0; border-radius: 999px; cursor: pointer; font-size: .75rem; font-weight: 800; }
.seqwc-regional-pulse { margin-top: 16px; padding: 20px; background: linear-gradient(135deg, #071827, #0b4269); border-radius: 15px; box-shadow: 0 8px 24px rgba(7,24,39,.12); }
.seqwc-regional-pulse .seqwc-subheading { align-items: center; margin-bottom: 13px; }
.seqwc-regional-pulse .seqwc-kicker { color: #78dff2; }
.seqwc-regional-pulse h2 { color: #fff; font-size: 1.25rem; }
.seqwc-regional-pulse .seqwc-subheading > span { color: #b9d1df; font-size: .72rem; }
.seqwc-regional-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.seqwc-regional-card { display: grid; gap: 2px; min-width: 0; padding: 13px; text-align: left; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: 11px; cursor: pointer; }
.seqwc-regional-card:hover, .seqwc-regional-card:focus-visible { background: rgba(255,255,255,.15); border-color: #78dff2; }
.seqwc-regional-card span { color: #a9c4d7; font-size: .65rem; }
.seqwc-regional-card strong { overflow: hidden; font-size: 1.05rem; text-overflow: ellipsis; white-space: nowrap; }
.seqwc-regional-card small { overflow: hidden; color: #fff; font-size: .72rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.seqwc-favourites { display: flex; flex-wrap: wrap; gap: 8px; }
.seqwc-favourite { display: flex; overflow: hidden; background: var(--seqwc-cloud); border: 1px solid var(--seqwc-line); border-radius: 11px; }
.seqwc-favourite button { border: 0; cursor: pointer; }
.seqwc-favourite-open { display: grid; gap: 1px; padding: 9px 12px; text-align: left; color: var(--seqwc-navy); background: transparent; }
.seqwc-favourite-open span { color: var(--seqwc-muted); font-size: .68rem; }
.seqwc-favourite-remove { width: 34px; color: #8f2020; background: #fff2f1; font-size: 1.2rem; }
.seqwc-health-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.seqwc-health-item { display: grid; grid-template-columns: 9px 1fr; gap: 0 8px; align-items: center; padding: 8px 10px; background: var(--seqwc-cloud); border-radius: 9px; }
.seqwc-health-dot { grid-row: 1 / 3; width: 9px; height: 9px; background: #c63838; border-radius: 50%; }
.seqwc-health-item.is-live .seqwc-health-dot { background: #238a57; box-shadow: 0 0 0 3px rgba(35,138,87,.12); }
.seqwc-health-item strong { color: var(--seqwc-ink); font-size: .72rem; }
.seqwc-health-item small { color: var(--seqwc-muted); font-size: .64rem; }
.seqwc-layer-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 0 0 12px; padding: 9px 11px; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 12px; }
.seqwc-layer-toolbar > span:first-child { margin-right: 3px; color: var(--seqwc-navy); font-size: .75rem; font-weight: 850; }
.seqwc-layer-toolbar button { padding: 7px 11px; color: var(--seqwc-blue); background: var(--seqwc-cloud); border: 1px solid transparent; border-radius: 999px; cursor: pointer; font-size: .7rem; font-weight: 800; }
.seqwc-layer-toolbar button.is-active { color: #fff; background: var(--seqwc-blue); }
#seqwc-layer-note { margin-left: auto; color: var(--seqwc-muted); font-size: .68rem; }
.seqwc-timeline-bar { position: relative; display: block !important; width: 8px; height: 46px; margin: 7px auto; overflow: hidden; background: #e6edf2; border-radius: 999px; }
.seqwc-timeline-bar i { position: absolute; right: 0; bottom: 0; left: 0; min-height: 3px; background: var(--seqwc-blue); border-radius: inherit; }
.seqwc-timeline-bar i.signal-present { background: #d28b18; }
.seqwc-timeline-bar i.signal-strong { background: var(--seqwc-red); }
.seqwc-heat-panel { margin-top: 14px; }
.seqwc-watch-panel { margin-top: 14px; padding: 20px 22px; background: #f7fafc; border: 1px solid var(--seqwc-line); border-radius: 15px; }
.seqwc-watch-panel .seqwc-subheading { align-items: center; margin-bottom: 13px; }
.seqwc-watch-panel h3 { margin: 0; color: var(--seqwc-navy); }
.seqwc-watch-panel .seqwc-subheading > span { color: var(--seqwc-muted); font-size: .72rem; }
.seqwc-watch-actions { display: flex; align-items: center; gap: 10px; }
.seqwc-watch-actions > span { color: var(--seqwc-muted); font-size: .72rem; }
.seqwc-watch-actions button { padding: 8px 12px; color: #fff; background: var(--seqwc-blue); border: 0; border-radius: 999px; cursor: pointer; font-size: .72rem; font-weight: 850; }
.seqwc-watch-actions button:hover, .seqwc-watch-actions button:focus-visible { background: var(--seqwc-navy); }
.seqwc-watch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.seqwc-watch-item { min-width: 0; padding: 14px; background: #fff; border: 1px solid var(--seqwc-line); border-left: 5px solid #4e9b75; border-radius: 11px; }
.seqwc-watch-item.is-watch { border-left-color: #d59a2f; }
.seqwc-watch-item.is-high { border-left-color: var(--seqwc-red); background: #fff8f7; }
.seqwc-watch-item span, .seqwc-watch-item strong, .seqwc-watch-item small { display: block; }
.seqwc-watch-item span { color: var(--seqwc-muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.seqwc-watch-item strong { margin: 3px 0; color: var(--seqwc-navy); font-size: 1rem; }
.seqwc-watch-item small { color: var(--seqwc-muted); font-size: .68rem; line-height: 1.35; }
.seqwc-window-heading { margin: 18px 0 9px; color: var(--seqwc-navy); font-size: .88rem; }
.seqwc-window-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.seqwc-observation-check { display: grid; gap: 3px; margin-top: 12px; padding: 12px 14px; background: #eef6fb; border: 1px solid #c9dfec; border-radius: 10px; }
.seqwc-observation-check strong { color: var(--seqwc-navy); font-size: .8rem; }
.seqwc-observation-check span { color: var(--seqwc-ink); font-size: .74rem; font-weight: 750; }
.seqwc-observation-check small { color: var(--seqwc-muted); font-size: .66rem; line-height: 1.4; }
.seqwc-heat-card { padding: 20px 22px; background: linear-gradient(135deg, #fff9e8, #fff); border: 1px solid #efdcae; border-radius: 15px; }
.seqwc-heat-card h3 { margin-bottom: 13px; color: var(--seqwc-navy); }
.seqwc-heat-metrics { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #efdcae; border-radius: 12px; }
.seqwc-heat-metrics .seqwc-metric { border-bottom: 0; }
.seqwc-storm-window { display: grid; grid-template-columns: 1fr auto; gap: 2px 18px; align-items: center; padding: 15px 22px; background: #edf6fb; border-bottom: 1px solid var(--seqwc-line); }
.seqwc-storm-window strong { color: var(--seqwc-navy); }
.seqwc-storm-window small { grid-column: 2; grid-row: 1 / 3; color: var(--seqwc-muted); }
.seqwc-storm-window.signal-present { background: #fff7e8; }
.seqwc-storm-window.signal-strong { background: #fff0ef; }
.seqwc-section-divider { margin: 42px 0; border: 0; border-top: 1px solid rgba(255,255,255,.18); }
.seqwc-confidence-results { margin: 18px 0 0; }
.seqwc-confidence-grid { display: grid; grid-template-columns: repeat(7, minmax(135px, 1fr)); gap: 9px; overflow-x: auto; padding-bottom: 8px; }
.seqwc-confidence-card { min-width: 135px; padding: 14px; color: var(--seqwc-ink); background: #fff; border: 2px solid #d1dde5; border-radius: 13px; }
.seqwc-confidence-card.confidence-high { border-color: #58b887; }
.seqwc-confidence-card.confidence-moderate { border-color: #dda742; }
.seqwc-confidence-card.confidence-low { border-color: #df6962; }
.seqwc-confidence-label, .seqwc-confidence-card small { display: block; }
.seqwc-confidence-label { color: var(--seqwc-navy); font-size: 1rem; }
.seqwc-confidence-meter { height: 8px; margin: 10px 0 6px; overflow: hidden; background: #e5edf2; border-radius: 999px; }
.seqwc-confidence-meter i { display: block; height: 100%; background: var(--seqwc-blue); border-radius: inherit; }
.seqwc-confidence-score { display: block; margin-bottom: 8px; color: var(--seqwc-muted); font-size: .7rem; }
.seqwc-confidence-card small { margin-top: 4px; color: var(--seqwc-muted); font-size: .65rem; line-height: 1.35; }
.seqwc-model-section > .seqwc-risk-note { color: #c4d9e6; }
.seqwc-tropical-drawer { overflow: hidden; background: linear-gradient(135deg, #eef8ff, #fff); border: 1px solid #c9e4f1; border-radius: var(--seqwc-radius); }
.seqwc-tropical-drawer summary { padding: 19px 22px; color: var(--seqwc-navy); cursor: pointer; font-weight: 850; }
.seqwc-tropical-drawer[open] summary { border-bottom: 1px solid #c9e4f1; }
.seqwc-tropical-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 20px; }
.seqwc-tropical-grid a { display: grid; gap: 5px; padding: 18px; color: var(--seqwc-ink); background: #fff; border: 1px solid var(--seqwc-line); border-radius: 13px; }
.seqwc-tropical-grid a:hover { border-color: var(--seqwc-blue); }
.seqwc-tropical-grid strong { color: var(--seqwc-navy); }
.seqwc-tropical-grid span { color: var(--seqwc-muted); font-size: .78rem; }
.seqwc-tropical-drawer > .seqwc-risk-note { padding: 0 20px 20px; }
.seqwc-tropical-native { display: grid; gap: 18px; }
.seqwc-tropical-block { padding: clamp(18px, 3vw, 26px); background: linear-gradient(135deg, #eef8ff, #fff); border: 1px solid #c9e4f1; border-radius: var(--seqwc-radius); }
.seqwc-tropical-block h3 { margin-bottom: 16px; color: var(--seqwc-navy); }
.seqwc-tropical-system-grid, .seqwc-tropical-advisory-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.seqwc-tropical-system-card, .seqwc-tropical-advisory-card { overflow: hidden; padding: 17px; background: #fff; border: 1px solid var(--seqwc-line); border-radius: 14px; }
.seqwc-tropical-system-card h4, .seqwc-tropical-advisory-card h4 { margin: 0; color: var(--seqwc-navy); font-size: 1.05rem; }
.seqwc-tropical-system-card img { display: block; width: 100%; height: auto; margin-top: 14px; border-radius: 9px; }
.seqwc-tropical-meta, .seqwc-tropical-track-note { color: var(--seqwc-muted); font-size: .82rem; }
.seqwc-tropical-advisory-card { border-left: 5px solid #26865b; }
.seqwc-tropical-advisory-card.is-active { border-left-color: var(--seqwc-orange); }
.seqwc-tropical-advisory-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 9px; margin-bottom: 8px; }
.seqwc-tropical-advisory-card small { display: block; margin-bottom: 9px; color: var(--seqwc-muted); }
.seqwc-tropical-advisory-card p:last-child { margin-bottom: 0; }
.seqwc-error { padding: 34px; color: #8f2020; font-weight: 700; }
.seqwc-skeleton { min-height: 300px; background: linear-gradient(90deg, #edf2f5 20%, #f7f9fa 40%, #edf2f5 60%); background-size: 200% 100%; animation: seqwc-pulse 1.3s infinite linear; }
@keyframes seqwc-pulse { to { background-position: -200% 0; } }

@media (max-width: 900px) {
  .seqwc-hero { align-items: flex-start; flex-direction: column; }
  .seqwc-hero-mark { width: 230px; padding: 13px; }
  .seqwc-current-panel { align-items: stretch; flex-direction: column; }
  .seqwc-metrics { max-width: none; }
  .seqwc-location-grid { grid-template-columns: repeat(3, 1fr); }
  .seqwc-model-summary { grid-template-columns: repeat(2, 1fr); }
  .seqwc-insight-grid { grid-template-columns: 1fr; }
  .seqwc-storm-overview { overflow-x: auto; }
  .seqwc-storm-ranking { min-width: 820px; }
  .seqwc-risk-metrics { grid-template-columns: repeat(2, 1fr); }
  .seqwc-risk-metric:nth-child(3n) { border-right: 1px solid var(--seqwc-line); }
  .seqwc-risk-metric:nth-child(2n) { border-right: 0; }
  .seqwc-risk-metric:nth-last-child(-n+3) { border-bottom: 1px solid var(--seqwc-line); }
  .seqwc-risk-metric:nth-last-child(-n+2) { border-bottom: 0; }
  .seqwc-river-grid { grid-template-columns: 1fr; }
  .seqwc-feed-status { grid-template-columns: repeat(2, 1fr); }
  .seqwc-hazard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seqwc-climate-grid { grid-template-columns: 1fr; }
  .seqwc-utility-grid { grid-template-columns: 1fr; }
  .seqwc-regional-grid { grid-template-columns: repeat(3, 1fr); }
  .seqwc-watch-grid { grid-template-columns: repeat(2, 1fr); }
  .seqwc-window-grid { grid-template-columns: 1fr; }
  .seqwc-tropical-grid { grid-template-columns: 1fr; }
  .seqwc-tropical-system-grid, .seqwc-tropical-advisory-grid { grid-template-columns: 1fr; }
  .seqwc-satellite-toolbar { grid-template-columns: 1fr; }
  .seqwc-mjo-product-grid { grid-template-columns: 1fr; }
  .seqwc-profile-charts { grid-template-columns: 1fr; }
  .seqwc-profile-metrics { grid-template-columns: repeat(2, 1fr); }
  .seqwc-nino-grid { grid-template-columns: repeat(2, 1fr); }
  .seqwc-model-explorer-toolbar { grid-template-columns: 1fr 1fr; }
  .seqwc-model-explorer-toolbar button { justify-self: start; }
  .seqwc-radar-timebar { grid-template-columns: auto auto 1fr; }
  .seqwc-radar-timebar strong { grid-column: 1 / -1; grid-row: 2; text-align: left; }
  .seqwc-radar-timebar label[for="seqwc-radar-speed"], .seqwc-radar-timebar #seqwc-radar-speed { grid-row: 3; }
  .seqwc-driver-impact { min-height: 0; }
  .seqwc-hazard-content { min-height: 0; }
  .seqwc-split { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
	.seqwc-radar-subtabs { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
	.seqwc-radar-subtabs button { padding-inline: 10px; }
	.seqwc-windy-frame iframe { height: 520px; }
  .seqwc-shell { margin-left: -12px; margin-right: -12px; }
  .seqwc-hero { min-height: 0; padding: 20px; border-radius: 0 0 22px 22px; }
  .seqwc-hero-mark { width: 190px; }
  .seqwc-jump-nav { top: 5px; margin-left: 8px; margin-right: 8px; border-radius: 15px; }
  .seqwc-view-tabs { margin-left: 8px; margin-right: 8px; border-radius: 16px; }
  .seqwc-alert-panel { margin-left: 12px; margin-right: 12px; grid-template-columns: 40px 1fr; padding: 17px; }
  .seqwc-alert-icon { width: 38px; height: 38px; }
  .seqwc-hazard-grid { grid-template-columns: 1fr; }
  .seqwc-hazard-power, .seqwc-hazard-water { grid-column: auto; }
  .seqwc-utility-grid { margin-left: 12px; margin-right: 12px; }
  .seqwc-health-grid, .seqwc-heat-metrics { grid-template-columns: 1fr; }
  .seqwc-regional-pulse { margin-left: 12px; margin-right: 12px; }
  .seqwc-regional-grid, .seqwc-watch-grid { grid-template-columns: 1fr; }
  .seqwc-watch-actions { align-items: flex-start; flex-direction: column; }
  .seqwc-layer-toolbar { align-items: flex-start; margin-left: 0; margin-right: 0; }
  #seqwc-layer-note { width: 100%; margin-left: 0; }
  .seqwc-storm-window { display: block; }
  .seqwc-storm-window small { display: block; margin-top: 4px; }
  .seqwc-section { padding-left: 12px; padding-right: 12px; }
  .seqwc-section-heading { display: block; }
  .seqwc-section-heading > p { margin-top: 10px; }
  .seqwc-map-toolbar { align-items: stretch; flex-direction: column; }
  .seqwc-map-field { width: 100%; }
  .seqwc-map-toolbar button { align-self: flex-start; margin-left: 0; }
  .seqwc-map { height: 410px; }
  .seqwc-current-summary { min-width: 0; gap: 12px; }
  .seqwc-temperature { font-size: 4.3rem; }
  .seqwc-weather-icon { transform: scale(.78); transform-origin: center; margin: -8px; }
  .seqwc-weather-icon.is-small { transform: scale(.48); margin: -7px auto; }
  .seqwc-current-panel { padding: 25px 18px; }
  .seqwc-metric { padding: 14px; }
  .seqwc-detail-strip { grid-template-columns: repeat(2, 1fr); }
  .seqwc-detail-strip .seqwc-metric:nth-child(2) { border-right: 0; }
  .seqwc-detail-strip .seqwc-metric:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.13); }
  .seqwc-hourly-panel { padding: 21px 14px 23px; }
  .seqwc-hourly-heading { display: block; }
  .seqwc-hourly-heading small { display: block; margin-top: 3px; }
  .seqwc-location-grid { grid-template-columns: repeat(2, 1fr); }
  .seqwc-lightning-frame, .seqwc-radar-frame { border-radius: 14px; }
  .seqwc-lightning-frame iframe { height: 470px; }
  .seqwc-radar-toolbar { grid-template-columns: 1fr; }
  .seqwc-radar-toolbar button { justify-self: start; }
  .seqwc-radar-frame { min-height: 0; }
  .seqwc-radar-timebar { grid-template-columns: auto 1fr; }
  .seqwc-radar-timebar label[for="seqwc-radar-timeline"] { display: none; }
  .seqwc-radar-timebar strong { grid-column: 1 / -1; }
  .seqwc-radar-timebar label[for="seqwc-radar-speed"] { align-self: center; grid-column: 1; grid-row: 3; }
  .seqwc-radar-timebar #seqwc-radar-speed { grid-column: 2; grid-row: 3; }
  .seqwc-radar-watermark { left: 10px; bottom: 10px; width: 105px; }
  .seqwc-lightning-note { grid-template-columns: 1fr; gap: 9px; }
  .seqwc-radar-note { align-items: flex-start; flex-direction: column; }
  .seqwc-risk-headline { display: block; padding: 19px; }
  .seqwc-supercell-card { grid-template-columns: 1fr; }
  .seqwc-supercell-ingredients { justify-content: flex-start; }
  .seqwc-profile-panel { padding: 15px; }
  .seqwc-profile-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .seqwc-profile-heading > strong { text-align: left; }
  .seqwc-profile-timebar { grid-template-columns: 1fr; }
  .seqwc-profile-metrics { grid-template-columns: 1fr; }
  .seqwc-nino-grid { grid-template-columns: 1fr; }
  .seqwc-nino-panel { padding: 22px 16px; }
  .seqwc-data-toolbar { grid-template-columns: 1fr; }
  .seqwc-subheading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .seqwc-insight-footer { align-items: flex-start; flex-direction: column; }
  .seqwc-risk-headline small { display: block; margin-top: 5px; }
  .seqwc-risk-metrics { grid-template-columns: 1fr; }
  .seqwc-risk-metric, .seqwc-risk-metric:nth-child(2n), .seqwc-risk-metric:nth-child(3n), .seqwc-risk-metric:nth-last-child(-n+2), .seqwc-risk-metric:nth-last-child(-n+3) { border-right: 0; border-bottom: 1px solid var(--seqwc-line); }
  .seqwc-risk-metric:last-child { border-bottom: 0; }
  .seqwc-river-footer { align-items: flex-start; flex-direction: column; }
  .seqwc-feed-status { grid-template-columns: 1fr; }
  .seqwc-hazard-map-toolbar { align-items: flex-start; flex-direction: column; }
  .seqwc-hazard-map-toolbar p { text-align: left; }
  .seqwc-hazard-map { height: 460px; }
  .seqwc-hazard-map-watermark { bottom: 12px; left: 12px; width: 92px; }
  .seqwc-model-section { margin-left: 0; margin-right: 0; padding: 35px 18px; border-radius: 20px; }
  .seqwc-model-actions { align-items: flex-start; flex-direction: column; }
  .seqwc-model-explorer-toolbar { grid-template-columns: 1fr; }
  .seqwc-model-timebar { grid-template-columns: auto 1fr; }
  .seqwc-model-timebar label { display: none; }
  .seqwc-model-timebar input { grid-column: 1 / -1; grid-row: 2; }
  .seqwc-model-timebar strong { text-align: right; }
  .seqwc-model-map { height: 540px; }
  .seqwc-model-watermark { width: 110px; }
  .seqwc-model-pointer { left: 62px; right: 9px; top: 58px; min-width: 0; max-width: none; padding: 8px 10px; }
  .seqwc-model-colour-guide { left: 9px; bottom: 25px; width: 185px; max-width: calc(100% - 135px); padding: 7px 9px; }
  .seqwc-climate-section { margin-left: 0; margin-right: 0; padding: 35px 18px; border-radius: 20px; }
  .seqwc-climate-footer { align-items: flex-start; flex-direction: column; }
  .seqwc-sst-footer { flex-direction: column; gap: 12px; }
  .seqwc-satellite-map { height: 440px; }
  .seqwc-satellite-player { grid-template-columns: auto 1fr auto; }
  .seqwc-satellite-player label { display: none; }
  .seqwc-satellite-player input { grid-column: 1 / -1; grid-row: 2; }
  .seqwc-satellite-player strong { min-width: 0; text-align: left; }
  .seqwc-satellite-explainer { flex-direction: column; gap: 8px; }
  .seqwc-latest-card { grid-template-columns: 1fr; }
  .seqwc-latest-image { min-height: 210px; }
  .seqwc-source-note { margin-left: 12px; margin-right: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .seqwc-shell *, .seqwc-shell *::before, .seqwc-shell *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}