/* SWUAK Seasonal appearance — Fall 2026.
   The seasonal color lives behind a heavily frosted dark interface instead of being painted onto every component. */
html[data-appearance="seasonal"]{
  --paper:#171512;
  --paper-2:#211e1a;
  --ink:#f5f1e9;
  --muted:#b9b0a5;
  --muted-2:#887d72;
  --rule:rgba(246,226,204,.13);
  --rule-dark:rgba(246,226,204,.21);
  --accent:#d39a61;
  --green:#79b78d;
  --red:#e57668;
  --season-amber:190,101,45;
  --season-burgundy:111,48,45;
  --season-gold:145,119,47;
  --season-olive:91,92,53;
  background:#0f0e0d!important;
  color-scheme:dark;
}
html[data-appearance="seasonal"] body{
  position:relative;
  isolation:isolate;
  background:transparent!important;
  color:var(--ink)!important;
}
html[data-appearance="seasonal"] body::before{
  content:"";
  position:fixed;
  z-index:-2;
  inset:-18vmax;
  pointer-events:none;
  background:
    radial-gradient(42vmax 34vmax at 5% 7%,rgba(var(--season-amber),.50),transparent 69%),
    radial-gradient(40vmax 34vmax at 94% 13%,rgba(var(--season-burgundy),.43),transparent 71%),
    radial-gradient(46vmax 40vmax at 72% 93%,rgba(var(--season-gold),.26),transparent 72%),
    radial-gradient(38vmax 34vmax at 22% 82%,rgba(var(--season-olive),.20),transparent 73%),
    #0f0e0d;
  filter:blur(76px) saturate(112%);
  transform:scale(1.08);
}
html[data-appearance="seasonal"] body::after{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(15,14,13,.54),rgba(13,13,12,.69));
  backdrop-filter:blur(34px) saturate(118%);
  -webkit-backdrop-filter:blur(34px) saturate(118%);
}

/* Frosted site chrome. */
html[data-appearance="seasonal"] .site-header{
  background:rgba(24,22,19,.62)!important;
  border-bottom-color:rgba(250,232,211,.13)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(34px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(138%)!important;
}
html[data-appearance="seasonal"] .swuak,
html[data-appearance="seasonal"] .header-weather-widget>b strong,
html[data-appearance="seasonal"] .menu-btn,
html[data-appearance="seasonal"] .search-line input{color:#f7f2e9!important}
html[data-appearance="seasonal"] .main-nav a{color:#bbb2a8!important}
html[data-appearance="seasonal"] .main-nav a:hover,
html[data-appearance="seasonal"] .main-nav a.active{color:#fffaf2!important}
html[data-appearance="seasonal"] .main-nav a.active:after{background:#d39a61!important}
html[data-appearance="seasonal"] .header-weather-widget>b :where(i,small),
html[data-appearance="seasonal"] .search-line input::placeholder{color:#9f968c!important}
html[data-appearance="seasonal"] .search-line{border-color:rgba(242,224,203,.38)!important}
html[data-appearance="seasonal"] .search-line:hover,
html[data-appearance="seasonal"] .search-line:focus-within{border-color:rgba(255,244,229,.74)!important}
html[data-appearance="seasonal"] .menu-btn:hover{background:rgba(255,246,234,.07)!important}
html[data-appearance="seasonal"] .site-menu{
  background:rgba(27,24,21,.76)!important;
  border-color:rgba(246,226,204,.17)!important;
  box-shadow:-20px 0 55px rgba(0,0,0,.40)!important;
  backdrop-filter:blur(38px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(38px) saturate(132%)!important;
}
html[data-appearance="seasonal"] .site-menu header,
html[data-appearance="seasonal"] .site-menu-group{border-color:rgba(246,226,204,.13)!important}
html[data-appearance="seasonal"] .site-menu-label,
html[data-appearance="seasonal"] .site-menu .site-menu-group nav a small{color:#9d9388!important}
html[data-appearance="seasonal"] .site-menu-shade{background:rgba(5,5,4,.42)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
html[data-appearance="seasonal"] .live-line{background:rgba(10,10,9,.78)!important;border-color:rgba(246,226,204,.10)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
html[data-appearance="seasonal"] footer{background:rgba(17,16,14,.42)!important;border-color:rgba(246,226,204,.12)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
html[data-appearance="seasonal"] .footer-row :where(a,small){color:#aaa095!important}

/* Home + News mosaic. */
html[data-appearance="seasonal"] body.news-mosaic-page{
  --paper:#171512;
  --paper-2:#211e1a;
  --ink:#f5f1e9;
  --muted:#b9b0a5;
  --muted-2:#887d72;
  --rule:rgba(246,226,204,.13);
  --rule-dark:rgba(246,226,204,.21);
  --accent:#d39a61;
  background:transparent!important;
  color:#f5f1e9!important;
  color-scheme:dark;
}
html[data-appearance="seasonal"] .news-mosaic-page .stream-tabs button{color:#b5aca1!important}
html[data-appearance="seasonal"] .news-mosaic-page .stream-tabs button:hover{background:rgba(255,241,222,.065)!important;color:#fffaf2!important}
html[data-appearance="seasonal"] .news-mosaic-page .stream-tabs button.active{background:rgba(255,239,218,.11)!important;color:#fffaf2!important;box-shadow:inset 0 0 0 1px rgba(246,226,204,.15)!important}
html[data-appearance="seasonal"] .story-card{
  border-color:rgba(246,226,204,.12)!important;
  background:rgba(30,28,25,.88)!important;
  color:#f7f3ec!important;
  box-shadow:0 5px 18px rgba(0,0,0,.16)!important;
}
html[data-appearance="seasonal"] .story-card:hover{border-color:rgba(246,226,204,.24)!important}
html[data-appearance="seasonal"] .story-card-copy{background:rgba(31,29,26,.94)!important}
html[data-appearance="seasonal"] .card--text .story-card-copy{background:linear-gradient(145deg,rgba(48,41,34,.98),rgba(27,26,23,.98))!important}
html[data-appearance="seasonal"] .card--split .story-card-copy,
html[data-appearance="seasonal"] .card--split.card--wide .story-card-copy{border-color:rgba(246,226,204,.12)!important}
html[data-appearance="seasonal"] .story-card h2,
html[data-appearance="seasonal"] .news-mosaic-page .story-card h2{color:#faf6ef!important}
html[data-appearance="seasonal"] .story-card-meta,
html[data-appearance="seasonal"] .story-card-meta span,
html[data-appearance="seasonal"] .news-mosaic-page .story-card-meta span:first-child{color:#bbb1a6!important;text-shadow:none}
html[data-appearance="seasonal"] .card--overlay .story-card-meta,
html[data-appearance="seasonal"] .card--overlay .story-card-meta span{color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.78)!important}
html[data-appearance="seasonal"] .mosaic-pending{border-color:rgba(246,226,204,.12)!important;background:rgba(29,27,24,.80)!important;color:#aaa095!important}
html[data-appearance="seasonal"] .mosaic-load-more{border-color:rgba(246,226,204,.20)!important;background:rgba(31,29,26,.86)!important;color:#f5f1e9!important}
html[data-appearance="seasonal"] .mosaic-load-more:hover{background:rgba(52,46,39,.90)!important}
html[data-appearance="seasonal"] .mosaic-loading{color:#a89e92!important}
html[data-appearance="seasonal"] .mosaic-loading span{background:#c88d55!important}
html[data-appearance="seasonal"] .swuak-live-card{border-color:rgba(246,226,204,.13)!important;background:rgba(28,26,23,.88)!important}
html[data-appearance="seasonal"] .swuak-live-card-copy{color:#f5f1e9!important}
html[data-appearance="seasonal"] .swuak-live-card-copy span:last-child{color:#aaa095!important}
html[data-appearance="seasonal"] .news-live-chevron{border-color:rgba(246,226,204,.17)!important;background:rgba(30,28,25,.78)!important;color:#f5f1e9!important}

/* Information, settings and search mostly inherit the shared variables. */
html[data-appearance="seasonal"] .product-card{background:rgba(27,25,22,.84)!important}
html[data-appearance="seasonal"] .product-card:hover{background:rgba(45,40,34,.88)!important}
html[data-appearance="seasonal"] .segmented{border-color:rgba(246,226,204,.22)!important}
html[data-appearance="seasonal"] .segmented button{color:#aaa095!important}
html[data-appearance="seasonal"] .segmented button+button{border-color:rgba(246,226,204,.18)!important}
html[data-appearance="seasonal"] .segmented button.active{background:#eee6da!important;color:#171512!important}
html[data-appearance="seasonal"] .search-controls nav button,
html[data-appearance="seasonal"] .search-filter-selects label,
html[data-appearance="seasonal"] .search-title>p:last-child,
html[data-appearance="seasonal"] .search-result p,
html[data-appearance="seasonal"] .search-result-meta,
html[data-appearance="seasonal"] .search-empty{color:#a99f94!important}

/* Markets. */
html[data-appearance="seasonal"] .markets-page{color:#f5f1e9!important}
html[data-appearance="seasonal"] .markets-view-tabs button,
html[data-appearance="seasonal"] .market-title-row p,
html[data-appearance="seasonal"] .view-heading p,
html[data-appearance="seasonal"] .market-updated,
html[data-appearance="seasonal"] .section-heading>div>span,
html[data-appearance="seasonal"] .section-heading>span{color:#aaa095!important}
html[data-appearance="seasonal"] .markets-view-tabs button.active,
html[data-appearance="seasonal"] .market-range-tabs button.active,
html[data-appearance="seasonal"] .detail-tabs button.active,
html[data-appearance="seasonal"] .economy-tabs button.active,
html[data-appearance="seasonal"] .instrument-toggle button.active,
html[data-appearance="seasonal"] .economy-jump-tabs button.active{background:#eee6da!important;color:#171512!important;box-shadow:none!important}
html[data-appearance="seasonal"] .markets-message,
html[data-appearance="seasonal"] .summary-card,
html[data-appearance="seasonal"] .market-chart-card,
html[data-appearance="seasonal"] .soft-card,
html[data-appearance="seasonal"] .instrument-search-card,
html[data-appearance="seasonal"] .watch-card,
html[data-appearance="seasonal"] .pulse-card,
html[data-appearance="seasonal"] .crypto-card,
html[data-appearance="seasonal"] .rate-card,
html[data-appearance="seasonal"] .future-card,
html[data-appearance="seasonal"] .market-calendar-preview,
html[data-appearance="seasonal"] .calendar-list,
html[data-appearance="seasonal"] .stock-detail-chart,
html[data-appearance="seasonal"] .stock-watchlist-box,
html[data-appearance="seasonal"] .directory-search,
html[data-appearance="seasonal"] .instrument-search,
html[data-appearance="seasonal"] .compact-search{
  background:rgba(29,27,24,.84)!important;
  border-color:rgba(246,226,204,.13)!important;
  color:#f5f1e9!important;
  box-shadow:0 5px 18px rgba(0,0,0,.10)!important;
}
html[data-appearance="seasonal"] .instrument-search input,
html[data-appearance="seasonal"] .compact-search input,
html[data-appearance="seasonal"] .directory-search input{color:#f5f1e9!important}
html[data-appearance="seasonal"] .instrument-search-results{background:#211e1a!important;border-color:rgba(246,226,204,.16)!important;box-shadow:0 15px 36px rgba(0,0,0,.38)!important}
html[data-appearance="seasonal"] .search-result-row{border-color:rgba(246,226,204,.10)!important}
html[data-appearance="seasonal"] .search-result-row:hover,
html[data-appearance="seasonal"] .watchlist-open:hover{background:rgba(255,239,218,.055)!important}
html[data-appearance="seasonal"] .market-grid-line{stroke:rgba(246,226,204,.11)!important}
html[data-appearance="seasonal"] .market-axis-label{fill:#a69b8f!important}
html[data-appearance="seasonal"] .market-hover-point{fill:#171512!important}
html[data-appearance="seasonal"] .market-stat-strip,
html[data-appearance="seasonal"] .market-stat-strip>div,
html[data-appearance="seasonal"] .calendar-row,
html[data-appearance="seasonal"] .stock-watchlist-head,
html[data-appearance="seasonal"] .watchlist-row,
html[data-appearance="seasonal"] .fact-grid,
html[data-appearance="seasonal"] .fact-grid>div{border-color:rgba(246,226,204,.11)!important}

/* Weather: preserve radar contrast, but return the rest of the page to the seasonal dark surface. */
html[data-appearance="seasonal"] body.news-mosaic-page{
  --wx-bg:#171512;
  --wx-panel:#201d19;
  --wx-panel-2:#29241e;
  --wx-hover:#342e27;
  --wx-line:rgba(246,226,204,.14);
  --wx-text:#f5f1e9;
  --wx-muted:#aaa095;
  --wx-blue:#6c9fc1;
  --wx-yellow:#d49a55;
}
html[data-appearance="seasonal"] .weather-page{color:#f5f1e9!important}
html[data-appearance="seasonal"] .weather-view-tabs button{color:#aaa095!important}
html[data-appearance="seasonal"] .weather-view-tabs button:hover{color:#fffaf2!important}
html[data-appearance="seasonal"] .weather-view-tabs button.active{background:rgba(255,239,218,.11)!important;color:#fffaf2!important}
html[data-appearance="seasonal"] .location-search{border-color:rgba(246,226,204,.32)!important}
html[data-appearance="seasonal"] .location-search span,
html[data-appearance="seasonal"] .locate-button,
html[data-appearance="seasonal"] .location-search input{color:#f3eee6!important}
html[data-appearance="seasonal"] .location-search input::placeholder{color:#958a7f!important}
html[data-appearance="seasonal"] .location-results{background:#211e1a!important;border-color:rgba(246,226,204,.15)!important;box-shadow:0 15px 34px rgba(0,0,0,.36)!important}
html[data-appearance="seasonal"] .location-result{border-color:rgba(246,226,204,.10)!important;color:#f5f1e9!important}
html[data-appearance="seasonal"] .location-result:hover{background:rgba(255,239,218,.055)!important}
html[data-appearance="seasonal"] .location-result small{color:#aaa095!important}
html[data-appearance="seasonal"] .current-main{
  background:linear-gradient(120deg,rgba(41,38,33,.88),rgba(27,26,24,.82))!important;
  border-color:rgba(246,226,204,.14)!important;
  color:#f7f3ec!important;
  box-shadow:0 10px 28px rgba(0,0,0,.15)!important;
}
html[data-appearance="seasonal"] .current-place-row p,
html[data-appearance="seasonal"] .current-reading p,
html[data-appearance="seasonal"] .current-highlow span,
html[data-appearance="seasonal"] .current-highlow b{color:#b7ada1!important}
html[data-appearance="seasonal"] .forecast-section,
html[data-appearance="seasonal"] .weather-details-section,
html[data-appearance="seasonal"] .overview-radar,
html[data-appearance="seasonal"] .health-hero,
html[data-appearance="seasonal"] .health-outlook,
html[data-appearance="seasonal"] .trend-chart-panel{
  background:rgba(29,27,24,.86)!important;
  border-color:rgba(246,226,204,.12)!important;
  color:#f5f1e9!important;
  box-shadow:0 8px 22px rgba(0,0,0,.10)!important;
}
html[data-appearance="seasonal"] .section-heading>div>span,
html[data-appearance="seasonal"] .section-heading>span,
html[data-appearance="seasonal"] .detail-reading small{color:#aaa095!important}
html[data-appearance="seasonal"] .section-heading button{background:rgba(255,239,218,.08)!important;color:#e9e2d9!important}
html[data-appearance="seasonal"] .hour-card{border-color:rgba(246,226,204,.11)!important;color:#f5f1e9!important}
html[data-appearance="seasonal"] .hour-card.now{background:rgba(255,239,218,.06)!important}
html[data-appearance="seasonal"] .hour-card time,
html[data-appearance="seasonal"] .hour-card small.no-rain{color:#a99f94!important}
html[data-appearance="seasonal"] .daily-card,
html[data-appearance="seasonal"] .daily-detail{background:rgba(39,35,30,.88)!important;color:#f5f1e9!important}
html[data-appearance="seasonal"] .daily-card:hover,
html[data-appearance="seasonal"] .daily-card[aria-expanded="true"],
html[data-appearance="seasonal"] .daily-card.today{background:rgba(55,48,40,.92)!important}
html[data-appearance="seasonal"] .daily-detail:before{background:#27231e!important}
html[data-appearance="seasonal"] .daily-detail-grid>div{background:rgba(29,27,24,.90)!important;border-color:rgba(246,226,204,.11)!important}
html[data-appearance="seasonal"] .daily-day small,
html[data-appearance="seasonal"] .daily-temp .low,
html[data-appearance="seasonal"] .daily-detail-head span,
html[data-appearance="seasonal"] .daily-detail-summary,
html[data-appearance="seasonal"] .daily-detail-grid span{color:#aaa095!important}
html[data-appearance="seasonal"] .detail-tabs button,
html[data-appearance="seasonal"] .hourly-metric-tabs button,
html[data-appearance="seasonal"] .trend-tabs button,
html[data-appearance="seasonal"] .hourly-day-switch button,
html[data-appearance="seasonal"] .trend-scope button{color:#aaa095!important}
html[data-appearance="seasonal"] .detail-tabs button.active,
html[data-appearance="seasonal"] .hourly-metric-tabs button.active,
html[data-appearance="seasonal"] .trend-tabs button.active,
html[data-appearance="seasonal"] .hourly-day-switch button.active,
html[data-appearance="seasonal"] .trend-scope button.active{background:#eee6da!important;color:#171512!important}
html[data-appearance="seasonal"] .overview-detail-chart,
html[data-appearance="seasonal"] .hourly-detail-chart{background:rgba(20,19,17,.65)!important;border-color:rgba(246,226,204,.10)!important}
html[data-appearance="seasonal"] :where(#overviewDetailGrid,#hourDetailGrid,#trendGrid) line{stroke:rgba(246,226,204,.10)!important}
html[data-appearance="seasonal"] :where(#overviewDetailAxis,#overviewDetailTimes,#hourDetailAxis,#hourDetailTimes,#trendYAxis,#trendLabels) text{fill:#9f9589!important}
html[data-appearance="seasonal"] .scroll-arrow{border-color:rgba(246,226,204,.15)!important;background:rgba(31,29,26,.90)!important;color:#f5f1e9!important;box-shadow:0 5px 15px rgba(0,0,0,.22)!important}
html[data-appearance="seasonal"] .weather-news-heading h2{color:#f5f1e9!important}
html[data-appearance="seasonal"] .weather-news-heading span{color:#aaa095!important}

/* Keep warning/error colors functional instead of seasonalizing them. */
html[data-appearance="seasonal"] .weather-message{border-color:#674348!important;background:rgba(55,33,35,.92)!important;color:#f0dddd!important}
html[data-appearance="seasonal"] .weather-alert-bar,
html[data-appearance="seasonal"] .alerts{background:rgba(57,34,36,.90)!important;color:#efdfe0!important}

@media(max-width:700px){
  html[data-appearance="seasonal"] body::before{filter:blur(58px) saturate(108%)}
  html[data-appearance="seasonal"] .site-header{backdrop-filter:blur(26px) saturate(128%)!important;-webkit-backdrop-filter:blur(26px) saturate(128%)!important}
}

/* --------------------------------------------------------------------------
   v62 Seasonal refinement — Fall atmosphere + component parity
   -------------------------------------------------------------------------- */

/* The Seasonal palette is deliberately off-white/stone rather than pure white.
   The background carries the season; content stays neutral enough to read. */
html[data-appearance="seasonal"]{
  --paper:#171411;
  --paper-2:#211c18;
  --ink:#ddd8d0;
  --muted:#aaa198;
  --muted-2:#82786f;
  --rule:rgba(220,207,193,.13);
  --rule-dark:rgba(220,207,193,.20);
  --accent:#bf8053;
  --season-rust:154,72,39;
  --season-wine:100,48,43;
  --season-copper:132,83,42;
  --season-leaf:76,78,48;
  --season-brown:84,57,40;
  background:#0f0d0c!important;
}
html[data-appearance="seasonal"] body::before{
  inset:-22vmax;
  background:
    radial-gradient(44vmax 36vmax at 7% 8%,rgba(var(--season-rust),.58),transparent 70%),
    radial-gradient(43vmax 35vmax at 91% 12%,rgba(var(--season-wine),.50),transparent 72%),
    radial-gradient(42vmax 34vmax at 68% 52%,rgba(var(--season-copper),.30),transparent 73%),
    radial-gradient(39vmax 34vmax at 14% 80%,rgba(var(--season-leaf),.27),transparent 74%),
    radial-gradient(45vmax 40vmax at 91% 91%,rgba(var(--season-brown),.34),transparent 72%),
    linear-gradient(145deg,#0f0d0c 0%,#1b1511 43%,#100e0d 72%,#15110e 100%);
  filter:blur(88px) saturate(104%);
  transform:scale(1.10);
}
html[data-appearance="seasonal"] body::after{
  background:
    linear-gradient(180deg,rgba(14,12,11,.30),rgba(12,11,10,.48)),
    linear-gradient(105deg,rgba(151,83,43,.025),transparent 38%,rgba(91,53,39,.035) 72%,transparent);
  backdrop-filter:blur(30px) saturate(118%);
  -webkit-backdrop-filter:blur(30px) saturate(118%);
}

/* Keep general UI text soft instead of paper-white. */
html[data-appearance="seasonal"] :where(
  .swuak,.menu-btn,.search-line input,.main-nav a.active,
  .story-card h2,.news-mosaic-page .story-card h2,
  .news-live-module-title,.news-live-heading h2,
  .markets-page h1,.markets-page h2,.markets-page h3,
  .weather-page h1,.weather-page h2,.weather-page h3,
  .weather-page strong,.markets-page strong
){color:#e1ddd6!important}
html[data-appearance="seasonal"] :where(.main-nav a:hover,.weather-view-tabs button:hover){color:#e7e2da!important}

/* News half/text cards: publisher / author / date must stay light on Seasonal. */
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) .story-card-meta,
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) .story-card-meta span,
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) .story-source-line,
html[data-appearance="seasonal"] .news-mosaic-page :where(.card--split,.card--text) :where(.story-source-name,.story-age,.story-author,.story-meta-sep){
  color:#c2bbb2!important;
  text-shadow:none!important;
}
html[data-appearance="seasonal"] .news-mosaic-page .card--overlay .story-card-meta,
html[data-appearance="seasonal"] .news-mosaic-page .card--overlay .story-card-meta span,
html[data-appearance="seasonal"] .news-mosaic-page .card--overlay .story-source-line{color:#ddd9d2!important}

/* A tiny amount of broad, low-opacity spill gives the feed a reflected/frosted
   feel without putting obvious glowing outlines around the cards. */
html[data-appearance="seasonal"] .story-mosaic>.story-card,
html[data-appearance="seasonal"] .story-mosaic>.hero-carousel{
  box-shadow:0 7px 20px rgba(0,0,0,.24),0 20px 48px rgba(141,72,39,.065)!important;
}
html[data-appearance="seasonal"] .story-mosaic>.story-card:nth-child(4n+2){box-shadow:0 7px 20px rgba(0,0,0,.24),0 18px 46px rgba(92,54,45,.07)!important}
html[data-appearance="seasonal"] .story-mosaic>.story-card:nth-child(4n+3){box-shadow:0 7px 20px rgba(0,0,0,.24),0 18px 46px rgba(82,79,48,.055)!important}
html[data-appearance="seasonal"] .story-mosaic>.story-card:nth-child(4n){box-shadow:0 7px 20px rgba(0,0,0,.24),0 18px 46px rgba(120,76,42,.06)!important}

/* Live Now was still using the Cream shell. */
html[data-appearance="seasonal"] .news-live-module{
  border-color:rgba(213,195,176,.16)!important;
  background:linear-gradient(135deg,rgba(35,29,25,.72),rgba(23,21,19,.68))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 42px rgba(78,46,31,.14)!important;
  backdrop-filter:blur(28px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(118%)!important;
}
html[data-appearance="seasonal"] .news-live-module-title{color:#ded9d1!important}
html[data-appearance="seasonal"] .news-live-heading h2{color:#bdb5ab!important}
html[data-appearance="seasonal"] .swuak-live-card{
  border-color:rgba(213,195,176,.15)!important;
  background:rgba(26,24,22,.80)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.20)!important;
}
html[data-appearance="seasonal"] .swuak-live-card-copy{
  background:rgba(25,23,21,.96)!important;
  color:#dcd7d0!important;
}
html[data-appearance="seasonal"] .swuak-live-card-title>span:last-child{color:#9f978e!important}
html[data-appearance="seasonal"] .swuak-live-loading-dots i{background:#aaa198!important}
html[data-appearance="seasonal"] .news-live-chevron{background:rgba(28,26,23,.92)!important;color:#d8d3cc!important}

/* Menu close control needs explicit Seasonal contrast. */
html[data-appearance="seasonal"] .site-menu-close{
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(220,207,193,.24)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.035)!important;
  color:#d9d4cc!important;
  font-size:22px!important;
  line-height:1!important;
}
html[data-appearance="seasonal"] .site-menu-close:hover{background:rgba(255,255,255,.075)!important;color:#e5e0d8!important}

/* Weather hero: keep the original condition photography/artwork. */
html[data-appearance="seasonal"] .current-main[data-scene="clear-day"]{background-image:url('/assets/weather-backgrounds/clear-day.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="cloudy-day"]{background-image:url('/assets/weather-backgrounds/cloudy-day.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="overcast-day"]{background-image:url('/assets/weather-backgrounds/overcast-day.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="fog-day"]{background-image:url('/assets/weather-backgrounds/fog-day.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="storm-day"]{background-image:url('/assets/weather-backgrounds/storm-day.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="clear-night"]{background-image:url('/assets/weather-backgrounds/clear-night.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="cloudy-night"]{background-image:url('/assets/weather-backgrounds/cloudy-night.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="overcast-night"]{background-image:url('/assets/weather-backgrounds/overcast-night.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="fog-night"]{background-image:url('/assets/weather-backgrounds/fog-night.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene="storm-night"]{background-image:url('/assets/weather-backgrounds/storm-night.webp')!important}
html[data-appearance="seasonal"] .current-main[data-scene]{
  background-color:#1a1816!important;
  background-size:cover!important;
  background-position:center!important;
  color:#e8e4dd!important;
  border-color:rgba(226,216,204,.18)!important;
}
html[data-appearance="seasonal"] .current-main[data-scene] :where(.current-place-row p,.current-reading p,.current-highlow span,.current-highlow b){color:#ddd9d2!important}

/* Reversed radar treatment: dark geography, light reference linework, dark chrome. */
html[data-appearance="seasonal"] .radar-shell,
html[data-appearance="seasonal"] .radar-shell #weatherMap{
  background:#101112!important;
  border-color:#393a39!important;
}
html[data-appearance="seasonal"] .radar-shell .leaflet-tile-pane .leaflet-layer:first-child{
  filter:grayscale(.72) brightness(.24) contrast(1.32) sepia(.12) saturate(.55)!important;
}
html[data-appearance="seasonal"] .radar-shell .leaflet-states-pane{z-index:330!important}
html[data-appearance="seasonal"] .radar-shell .leaflet-county-pane{z-index:334!important}
html[data-appearance="seasonal"] .radar-shell .leaflet-states-pane path{
  fill:transparent!important;
  fill-opacity:0!important;
  stroke:#a5a7a6!important;
  stroke-width:1.05!important;
  stroke-opacity:.72!important;
}
html[data-appearance="seasonal"] .radar-shell .leaflet-county-pane path{
  fill:none!important;
  stroke:#747776!important;
  stroke-width:.55!important;
  stroke-opacity:.52!important;
}
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button,
html[data-appearance="seasonal"] .radar-top-tools,
html[data-appearance="seasonal"] .radar-controls,
html[data-appearance="seasonal"] .radar-speed-menu,
html[data-appearance="seasonal"] .map-scale-legend{
  border-color:rgba(205,203,198,.15)!important;
  background:rgba(22,23,22,.91)!important;
  color:#d3d0ca!important;
  box-shadow:0 5px 16px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button{
  background:rgba(24,25,24,.92)!important;
  color:#c5c2bc!important;
}
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button:hover,
html[data-appearance="seasonal"] .radar-top-tools button:hover,
html[data-appearance="seasonal"] .radar-play:hover,
html[data-appearance="seasonal"] .radar-speed:hover{background:#30312f!important}
html[data-appearance="seasonal"] .radar-shell .radar-layer-tabs button.active,
html[data-appearance="seasonal"] .radar-speed-menu button.active,
html[data-appearance="seasonal"] .radar-speed-menu button:hover{
  border-color:#c5c1ba!important;
  background:#c5c1ba!important;
  color:#191a19!important;
}
html[data-appearance="seasonal"] .radar-top-tools button,
html[data-appearance="seasonal"] .radar-play,
html[data-appearance="seasonal"] .radar-speed{color:#cbc8c2!important}
html[data-appearance="seasonal"] .radar-top-tools button img{filter:grayscale(1) brightness(2.15)!important}
html[data-appearance="seasonal"] .radar-range-wrap input::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,#c1bdb6 0 var(--progress,0%),#454744 var(--progress,0%) 100%)!important;
}
html[data-appearance="seasonal"] .radar-range-wrap input::-moz-range-track{
  background:linear-gradient(90deg,#c1bdb6 0 var(--progress,0%),#454744 var(--progress,0%) 100%)!important;
}
html[data-appearance="seasonal"] .radar-range-wrap input::-webkit-slider-thumb{
  border-color:#171817!important;background:#d0ccc5!important;
}
html[data-appearance="seasonal"] .radar-range-wrap input::-moz-range-thumb{
  border-color:#171817!important;background:#d0ccc5!important;
}
html[data-appearance="seasonal"] .radar-time-labels span,
html[data-appearance="seasonal"] .map-scale-heading span,
html[data-appearance="seasonal"] .map-scale-labels span{color:#989891!important}
html[data-appearance="seasonal"] .map-scale-heading b{color:#d1cec8!important}
html[data-appearance="seasonal"] .map-place-label{
  color:#c3c5c3!important;
  text-shadow:0 1px 2px rgba(0,0,0,.98),0 0 9px rgba(0,0,0,.95)!important;
}
html[data-appearance="seasonal"] .map-temp-label{
  color:#d8d6d0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.98),0 0 9px rgba(0,0,0,.95)!important;
}
html[data-appearance="seasonal"] .map-temp-label span{color:#aaa9a4!important}
html[data-appearance="seasonal"] .map-qpf-label{
  background:rgba(23,24,23,.91)!important;
  color:#d8d5cf!important;
  box-shadow:0 4px 12px rgba(0,0,0,.32)!important;
}
html[data-appearance="seasonal"] .map-qpf-label span{color:#a3a19b!important}

/* 10-day forecast: replace the flat brown blocks with quieter frosted charcoal
   cards; only the selected/today state receives a slight fall warmth. */
html[data-appearance="seasonal"] .ten-day-card{
  background:linear-gradient(135deg,rgba(30,26,23,.72),rgba(22,21,19,.70))!important;
  backdrop-filter:blur(22px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(112%)!important;
}
html[data-appearance="seasonal"] .daily-list{background:transparent!important}
html[data-appearance="seasonal"] .daily-card,
html[data-appearance="seasonal"] .daily-card.today{
  background:rgba(20,20,19,.64)!important;
  border:1px solid rgba(218,207,195,.11)!important;
  color:#ddd8d0!important;
  box-shadow:none!important;
}
html[data-appearance="seasonal"] .daily-card:hover{
  background:rgba(37,33,29,.82)!important;
  border-color:rgba(218,197,177,.19)!important;
}
html[data-appearance="seasonal"] .daily-card[aria-expanded="true"]{
  background:rgba(65,48,38,.72)!important;
  border-color:rgba(190,137,94,.27)!important;
}
html[data-appearance="seasonal"] .daily-card :where(.daily-day b,.daily-name,.daily-temp){color:#ddd8d0!important}
html[data-appearance="seasonal"] .daily-card :where(.daily-day small,.daily-temp .low){color:#9f978e!important}
html[data-appearance="seasonal"] .daily-rain{color:#83aeca!important}
html[data-appearance="seasonal"] .daily-detail{
  background:rgba(24,22,20,.82)!important;
  border:1px solid rgba(218,207,195,.13)!important;
  color:#ddd8d0!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
html[data-appearance="seasonal"] .daily-detail:before{
  background:#211e1b!important;
  border-color:rgba(218,207,195,.13)!important;
}
html[data-appearance="seasonal"] .daily-detail-head h3,
html[data-appearance="seasonal"] .daily-detail-grid b{color:#ded9d2!important}
html[data-appearance="seasonal"] .daily-detail-head>div>span,
html[data-appearance="seasonal"] .daily-detail-summary,
html[data-appearance="seasonal"] .daily-detail-grid span,
html[data-appearance="seasonal"] .daily-detail-grid small{color:#9f978e!important}
html[data-appearance="seasonal"] .daily-detail-grid{
  border-color:rgba(218,207,195,.10)!important;
}
html[data-appearance="seasonal"] .daily-detail-grid>div,
html[data-appearance="seasonal"] .daily-detail-grid>div:nth-child(n){
  background:rgba(16,16,15,.36)!important;
  border-color:rgba(218,207,195,.10)!important;
}
html[data-appearance="seasonal"] .daily-detail-head button{color:#a9a198!important}

/* Weather News bottom fade must dissolve into Seasonal, not Cream. */
html[data-appearance="seasonal"] .weather-news-fade{
  background:linear-gradient(180deg,rgba(15,13,12,0),rgba(15,13,12,.66) 43%,rgba(15,13,12,.96) 84%)!important;
}
html[data-appearance="seasonal"] .weather-news-continue{
  border-color:rgba(218,207,195,.18)!important;
  background:rgba(27,25,23,.90)!important;
  color:#d4cfc8!important;
  box-shadow:0 7px 22px rgba(0,0,0,.24)!important;
}
html[data-appearance="seasonal"] .weather-news-continue:hover{background:#34302c!important;border-color:rgba(218,207,195,.28)!important}

/* Markets: lists/directories were still Cream, which also made inherited light
   text disappear. */
html[data-appearance="seasonal"] :where(.crypto-list,.directory-list){
  border-color:rgba(218,207,195,.13)!important;
  background:rgba(25,23,21,.78)!important;
  color:#d8d3cc!important;
  box-shadow:0 7px 24px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
html[data-appearance="seasonal"] :where(.crypto-row,.directory-row,.filing-row){
  border-color:rgba(218,207,195,.10)!important;
  color:#d8d3cc!important;
}
html[data-appearance="seasonal"] :where(.crypto-row,.directory-row):hover{background:rgba(255,239,218,.035)!important}
html[data-appearance="seasonal"] :where(.crypto-row,.directory-row) :where(b,strong,span,em){color:#d2cdc6!important}
html[data-appearance="seasonal"] :where(.crypto-row,.directory-row) small{color:#918a82!important}
html[data-appearance="seasonal"] .directory-watch{
  border-color:rgba(218,207,195,.16)!important;
  color:#c7c1b9!important;
}
html[data-appearance="seasonal"] .directory-watch.active{background:#c2bcb4!important;border-color:#c2bcb4!important;color:#181716!important}
html[data-appearance="seasonal"] .directory-more,
html[data-appearance="seasonal"] .instrument-detail-head>button{
  border-color:rgba(218,207,195,.16)!important;
  background:rgba(29,27,24,.74)!important;
  color:#cbc5bd!important;
}
html[data-appearance="seasonal"] .financial-metrics>div{
  border-color:rgba(218,207,195,.12)!important;
  background:rgba(23,22,20,.42)!important;
}
html[data-appearance="seasonal"] .financial-metrics small,
html[data-appearance="seasonal"] .fact-grid small{color:#918a82!important}
html[data-appearance="seasonal"] .financial-metrics :where(b,em),
html[data-appearance="seasonal"] .fact-grid b,
html[data-appearance="seasonal"] .filing-row{color:#d4cfc8!important}
html[data-appearance="seasonal"] .filing-row a{border-color:#8f8981!important;color:#ccc6be!important}
html[data-appearance="seasonal"] .market-hover-point{fill:#d0cbc4!important}
html[data-appearance="seasonal"] .market-tooltip{background:#242320!important;color:#d8d3cc!important}

/* Light controls in Seasonal should be stone-gray, not bright cream/white. */
html[data-appearance="seasonal"] :where(
  .segmented button.active,.markets-view-tabs button.active,.market-range-tabs button.active,
  .detail-tabs button.active,.economy-tabs button.active,.instrument-toggle button.active,
  .economy-jump-tabs button.active,.hourly-metric-tabs button.active,.trend-tabs button.active,
  .hourly-day-switch button.active,.trend-scope button.active
){background:#c7c1b8!important;color:#191817!important}

@media(max-width:700px){
  html[data-appearance="seasonal"] body::before{filter:blur(64px) saturate(102%)}
}

/* v66 — Weather header contrast + warning layout refinement only. */
html[data-appearance="seasonal"] body.news-mosaic-page .main-nav a,
html[data-appearance="seasonal"] body.news-mosaic-page .main-nav a:not(.active){
  color:#aaa49b!important;
  opacity:1!important;
}
html[data-appearance="seasonal"] body.news-mosaic-page .main-nav a:hover{color:#d8d2ca!important}
html[data-appearance="seasonal"] body.news-mosaic-page .main-nav a.active{color:#f0ece6!important}
html[data-appearance="seasonal"] body.news-mosaic-page .main-nav a.active:after{background:#d39a61!important}

html[data-appearance="seasonal"] .weather-alert-bar{
  min-height:54px!important;
  padding:10px 13px!important;
  border:1px solid rgba(201,139,122,.25)!important;
  border-radius:8px!important;
  background:rgba(69,45,45,.88)!important;
  color:#f0e9e6!important;
}
html[data-appearance="seasonal"] .top-alert-summary{
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
html[data-appearance="seasonal"] .top-alert-summary .alert-mini-art{
  display:grid!important;
  place-items:center!important;
  flex:0 0 31px!important;
  width:31px!important;
  height:31px!important;
}
html[data-appearance="seasonal"] .top-alert-summary img{
  width:23px!important;
  height:23px!important;
  object-fit:contain!important;
}
html[data-appearance="seasonal"] .top-alert-summary>span:last-child{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
  line-height:1!important;
}
html[data-appearance="seasonal"] .top-alert-summary b{
  margin:0!important;
  color:#f4efeb!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.1!important;
}
html[data-appearance="seasonal"] .top-alert-summary small{
  margin:0!important;
  color:#c8b9b3!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1.2!important;
}
html[data-appearance="seasonal"] .top-alert-details{
  flex:0 0 auto!important;
  margin-left:16px!important;
  padding:5px 8px!important;
  border:1px solid rgba(239,226,218,.62)!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#e8e0db!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1!important;
  text-decoration:none!important;
}
html[data-appearance="seasonal"] .top-alert-details:hover{
  background:rgba(255,255,255,.06)!important;
  color:#f3eee9!important;
}

html[data-appearance="seasonal"] .alerts{
  margin-top:8px!important;
  margin-bottom:12px!important;
  padding:0!important;
  border:1px solid rgba(201,139,122,.22)!important;
  border-radius:8px!important;
  background:rgba(69,45,45,.88)!important;
  color:#e8dfda!important;
  overflow:hidden!important;
}
html[data-appearance="seasonal"] .alert-detail-drawer{
  padding:18px 20px 20px!important;
}
html[data-appearance="seasonal"] .alert-detail-drawer+.alert-detail-drawer{
  border-top:1px solid rgba(231,208,196,.12)!important;
}
html[data-appearance="seasonal"] .alert-detail-drawer h3{
  margin:0 0 12px!important;
  color:#f2ece7!important;
  font-size:16px!important;
  line-height:1.2!important;
}
html[data-appearance="seasonal"] .alert-detail-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px 18px!important;
  margin:0 0 16px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid rgba(231,208,196,.12)!important;
  color:#bfb0aa!important;
  font-size:10px!important;
  line-height:1.35!important;
}
html[data-appearance="seasonal"] .alert-detail-grid{
  display:grid!important;
  grid-template-columns:minmax(220px,.85fr) minmax(0,1.65fr)!important;
  gap:20px 30px!important;
  align-items:start!important;
  font-size:11px!important;
}
html[data-appearance="seasonal"] .alert-detail-grid>div{
  min-width:0!important;
}
html[data-appearance="seasonal"] .alert-detail-grid>div:nth-child(3){
  grid-column:1/-1!important;
  padding-top:2px!important;
}
html[data-appearance="seasonal"] .alert-detail-grid small{
  display:block!important;
  margin:0 0 7px!important;
  color:#b8aaa4!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  line-height:1!important;
}
html[data-appearance="seasonal"] .alert-detail-grid p{
  margin:0!important;
  color:#e5ddd8!important;
  font-size:11px!important;
  line-height:1.55!important;
}
@media(max-width:720px){
  html[data-appearance="seasonal"] .weather-alert-bar{align-items:center!important}
  html[data-appearance="seasonal"] .top-alert-details{margin-left:10px!important}
  html[data-appearance="seasonal"] .alert-detail-drawer{padding:16px!important}
  html[data-appearance="seasonal"] .alert-detail-grid{grid-template-columns:1fr!important;gap:16px!important}
  html[data-appearance="seasonal"] .alert-detail-grid>div:nth-child(3){grid-column:auto!important}
}