/* Unruly Weather channel 2, 1672 x 941 master ratio, approved cream/navy/coral visual system.
   This overlay is confined to the TV viewport. It does not restyle the TV shell. */
.unruly-weather{position:absolute;inset:0;z-index:7;overflow:hidden;background:#112d3c;color:#0d293c;container-type:size}
.unruly-weather[hidden]{display:none!important}
.unruly-weather[data-content-type="logo"]{display:grid;place-items:center;background:radial-gradient(circle at 75% 45%,#234e64,#102a39 70%)}
.weather-intro-logo{display:block;max-width:60%;max-height:70%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 0 1.1cqw rgba(210,232,234,.13))}
.weather-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100cqw,177.6833cqh);height:auto;aspect-ratio:1672/941;container-type:inline-size;isolation:isolate;overflow:hidden;background:#f4eede}
.weather-scene{position:absolute;top:0;right:0;width:55.63%;height:100%;object-fit:cover;object-position:center;display:block}
.weather-panel{position:absolute;inset:0 auto 0 0;width:55.65%;display:flex;flex-direction:column;clip-path:polygon(0 0,90% 0,92% 57%,87% 100%,0 100%);background:#f4eede}
.weather-header{background:#102d3e;color:#f9f6e9;display:flex;align-items:center;gap:2cqw;height:23%;padding:1.25cqw 4cqw;box-sizing:border-box;border-top:.42cqw solid #db5237}
.weather-brand{height:90%;max-width:50%;width:auto;object-fit:contain;object-position:left center;display:block}
.weather-mode{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(7px,1.65cqw,30px);font-weight:800;letter-spacing:.06em;white-space:nowrap;text-align:right}
.weather-details{flex:1;min-height:0;display:flex;flex-direction:column;padding:1.2cqw 5.7cqw 1.3cqw 3.9cqw;box-sizing:border-box}
.weather-location{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(13px,4.55cqw,77px);letter-spacing:-.015em;line-height:1.04;white-space:nowrap;text-transform:uppercase;overflow:hidden;margin:0;font-stretch:condensed;font-weight:900}
.weather-card[data-destination-id="san-francisco"] .weather-location,.weather-card[data-destination-id="rio-de-janeiro"] .weather-location{font-size:clamp(12px,3.9cqw,62px)}
.weather-subtitle{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(7px,1.35cqw,23px);font-weight:700;color:#68717a;line-height:1.05;margin:.25cqw 0 .7cqw;letter-spacing:.015em;white-space:nowrap;overflow:hidden}
.weather-card[data-destination-id="lunar-shackleton"] .weather-subtitle,.weather-card[data-destination-id="europa-conamara"] .weather-subtitle,.weather-card[data-destination-id="titan-kraken"] .weather-subtitle{font-size:clamp(6px,1.12cqw,19px)}
.weather-current{flex:1;min-height:0;border-top:1px solid #beb6a4;border-bottom:1px solid #beb6a4;display:flex;align-items:center;gap:.6cqw;justify-content:space-between;padding:0 0 0 .15cqw}
.weather-temperature{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(21px,8.3cqw,130px);font-stretch:condensed;letter-spacing:-.05em;white-space:nowrap;color:#d95036;font-weight:900;line-height:1}
.weather-card[data-destination-id="mars-gale"] .weather-temperature,.weather-card[data-destination-id="europa-conamara"] .weather-temperature,.weather-card[data-destination-id="ganymede-aurora"] .weather-temperature{font-size:clamp(18px,7.5cqw,124px)}
.weather-condition{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:21%;max-width:31%;padding-right:1.5cqw;box-sizing:border-box}
.weather-condition-icon{width:clamp(24px,6cqw,105px);aspect-ratio:1;display:block}
.weather-condition-icon svg{width:100%;height:100%;display:block}
.weather-condition-name{display:block;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(6px,1.28cqw,21px);font-weight:900;line-height:1.05;margin-top:.5cqw;max-width:100%;text-transform:uppercase;overflow-wrap:normal}
.weather-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6cqw;min-height:24%;margin:1cqw 0 0;padding:0}
.weather-metric{min-width:0;border-right:1px solid #adaeae;padding:.2cqw .65cqw 0 0}
.weather-metric:last-child{border-right:0}
.weather-metric-name{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:800;font-size:clamp(6px,1.22cqw,20px);white-space:normal;line-height:1.03;color:#59656b;text-transform:uppercase}
.weather-metric-value{font-family:Impact,"Arial Narrow",Arial,sans-serif;margin:.5cqw 0 0;font-weight:900;font-size:clamp(8px,1.65cqw,27px);white-space:nowrap}
.weather-footer{height:12.7%;background:#102d3e;color:#f4eede;padding:1.05cqw 4cqw;box-sizing:border-box;display:flex;flex-direction:column;gap:.25cqw;justify-content:center;min-width:0}
.weather-data-class{color:#ef8466;font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(6px,1.25cqw,21px);line-height:1;font-weight:800;white-space:nowrap}
.weather-sourceline,.weather-source-note{font-family:Arial,sans-serif;font-size:clamp(5px,.66cqw,12px);line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weather-source-note{opacity:.75}
@media (prefers-reduced-motion:reduce){.unruly-weather *{transition:none!important;animation:none!important}}

.weather-card[data-destination-id="solar-l1"] .weather-temperature,.weather-card[data-destination-id="lunar-shackleton"] .weather-temperature{font-size:clamp(15px,5.2cqw,90px)}

.weather-unfilled-break{color:#f7eee2;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(12px,3cqw,60px);letter-spacing:.04em;text-align:center;max-width:85%;}
/* The site's .imprint h2 and .imprint p selectors previously overrode these
   sizes, clipping titles and subtitles at the picture seam. Scope to Channel 2. */
.tv-scene #unruly-weather-layer .weather-location{
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  font-size:clamp(13px,4.55cqw,77px);
  font-weight:900;
  line-height:1.04;
  letter-spacing:-.015em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  margin:0;
}
.tv-scene #unruly-weather-layer .weather-subtitle{
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  font-size:clamp(7px,1.35cqw,23px);
  line-height:1.05;
  margin:.25cqw 0 .7cqw;
  color:#68717a;
  font-weight:700;
  letter-spacing:.015em;
  white-space:nowrap;
  overflow:hidden;
}
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="san-francisco"] .weather-location,
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="rio-de-janeiro"] .weather-location{
  font-size:clamp(12px,3.9cqw,62px);
}
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="lunar-shackleton"] .weather-subtitle,
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="europa-conamara"] .weather-subtitle,
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="titan-kraken"] .weather-subtitle{
  font-size:clamp(6px,1.12cqw,19px);
}

/* Broadcast legibility pass. TV viewport is about 489x275 CSS pixels on desktop.
   Everything important must read at that actual size, not only at design resolution. */
.weather-header{height:20%;padding:1cqw 3.6cqw;gap:2.2cqw}
.weather-brand{height:100%;max-width:52%}
.weather-mode{font-size:clamp(9px,2.05cqw,32px);letter-spacing:0.02em}
.weather-details{padding:0.65cqw 5.7cqw 0.6cqw 3.9cqw}
.tv-scene #unruly-weather-layer .weather-location{
  font-size:clamp(20px,7.2cqw,84px);line-height:1;letter-spacing:-.02em;
}
.tv-scene #unruly-weather-layer .weather-subtitle{
  font-size:clamp(10px,2.3cqw,24px);font-weight:800;
  color:#354e5b;line-height:1.1;margin:.15cqw 0 .45cqw;
  letter-spacing:0;
}
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="san-francisco"] .weather-location,
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="rio-de-janeiro"] .weather-location{
  font-size:clamp(18px,6.15cqw,72px);
}
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="lunar-shackleton"] .weather-subtitle,
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="europa-conamara"] .weather-subtitle,
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="titan-kraken"] .weather-subtitle{
  font-size:clamp(9px,1.95cqw,23px);
}
.weather-current{padding-left:.1cqw;gap:.6cqw}
.weather-temperature{font-size:clamp(40px,11.5cqw,145px);min-width:0}
.weather-card[data-destination-id="mars-gale"] .weather-temperature,
.weather-card[data-destination-id="europa-conamara"] .weather-temperature,
.weather-card[data-destination-id="ganymede-aurora"] .weather-temperature{
  font-size:clamp(34px,9.4cqw,124px)
}
.weather-card[data-destination-id="solar-l1"] .weather-temperature,
.weather-card[data-destination-id="lunar-shackleton"] .weather-temperature{
  font-size:clamp(32px,8.6cqw,112px)
}
.weather-condition{min-width:25%;max-width:39%;padding-right:.35cqw}
.weather-condition-icon{width:clamp(32px,8cqw,115px)}
.weather-condition-name{
  font-size:clamp(9px,1.9cqw,24px);font-weight:900;
  line-height:1.09;margin-top:.15cqw;letter-spacing:0;
  overflow-wrap:break-word
}
.weather-metrics{min-height:24%;margin:.65cqw 0 0;gap:.38cqw}
.weather-metric{padding:.2cqw .35cqw 0 0}
.weather-metric-name{font-size:clamp(9px,1.95cqw,28px);line-height:1.08;color:#465b67}
.weather-metric-value{font-size:clamp(11px,2.65cqw,35px);line-height:1.12;margin:.33cqw 0 0}
.weather-footer{height:10%;padding:.5cqw 3.9cqw;gap:.12cqw}
.weather-data-class{font-size:clamp(10px,1.95cqw,23px)}
.weather-sourceline,.weather-source-note{font-size:clamp(8px,.8cqw,12px)}
@container (max-width:650px){
 .weather-sourceline,.weather-source-note{display:none}
 .weather-footer{justify-content:center}
}
.weather-info-dialog{
  box-sizing:border-box;position:fixed;border:2px solid #183c4e;
  background:#f4eede;color:#122f40;border-radius:5px;
  width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);
  max-height:min(88vh,800px);overflow:auto;padding:0;
  box-shadow:0 20px 75px rgba(0,0,0,.58);font-family:Arial,sans-serif;
}
.weather-info-dialog::backdrop{background:rgba(3,16,22,.78)}
.weather-info-header{display:flex;justify-content:space-between;align-items:center;
  background:#102d3e;color:#fff;padding:16px 20px;gap:14px}
.weather-info-heading{font:800 25px/1.08 Impact,"Arial Narrow",Arial,sans-serif;
  margin:0;letter-spacing:.025em}
.weather-info-close{border:1px solid #b3cbcf;border-radius:3px;
  background:#f4eede;color:#102d3e;padding:9px 13px;cursor:pointer;
  font:700 15px/1 Arial,sans-serif}
.weather-info-body{padding:19px 22px 23px}
.weather-info-context{font-weight:700;font-size:15px;margin:0 0 13px;color:#466174}
.weather-info-reading{font:900 44px/1 Impact,"Arial Narrow",Arial,sans-serif;
  color:#d95036;margin:6px 0 14px}
.weather-info-reading span{display:block;font:700 21px/1.3 Arial,sans-serif;color:#123446;margin-top:6px}
.weather-info-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px;margin:14px 0}
.weather-info-item{background:#e8e0cf;border:1px solid #d8cbb6;padding:11px}
.weather-info-item dt{font:800 13px/1.2 Arial,sans-serif;color:#536b77;margin:0 0 5px}
.weather-info-item dd{font:800 20px/1.2 Arial,sans-serif;margin:0}
.weather-info-note{font-size:14px;line-height:1.45;margin:12px 0}
.weather-info-source{font-size:14px;line-height:1.4;margin:8px 0;overflow-wrap:anywhere}
.weather-info-source a{color:#145c80;text-decoration:underline}
.weather-info-warning{font-weight:800;color:#ac432b}
@media (max-width:480px){
 .weather-info-heading{font-size:22px}
 .weather-info-reading{font-size:38px}
 .weather-info-body{padding:14px}
}

/* Reserve fixed, predictable widths so flexbox cannot shrink the number to
   its own measured text width during the automatic fit calculation. */
.weather-current .weather-temperature{flex:0 0 64%;width:64%;min-width:0}
.weather-current .weather-condition{flex:0 0 34%;width:34%;min-width:0;max-width:34%}

/* The built-in television can be only 255 x 153 on phones. At that size
   a three-column data table is not readable in an eight-second broadcast.
   Keep the approved scene, logo and primary conditions; the faceplate opens
   a fully readable data table on demand, with playback paused. */
.tv-scene #unruly-weather-layer .weather-mobile-subtitle{display:none}
@container (max-width:400px){
  .weather-card .weather-metrics{display:none}
  .tv-scene #unruly-weather-layer .weather-subtitle{display:none}
  .tv-scene #unruly-weather-layer .weather-mobile-subtitle{
    display:block;font-family:Impact,"Arial Narrow",Arial,sans-serif;
    font-size:clamp(11px,3.15cqw,16px);font-weight:900;
    letter-spacing:.02em;color:#354e5b;
    margin:.25cqw 0 .55cqw;line-height:1.08;
    white-space:nowrap;overflow:hidden
  }
  .weather-card .weather-details{padding-top:1.3cqw;padding-bottom:1.1cqw}
  .weather-card .weather-current{border-bottom:0;min-height:0}
  .weather-card .weather-condition{padding-right:0}
  .weather-card .weather-condition-name{
    font-size:clamp(10px,2.75cqw,16px);line-height:1.08;
    max-width:100%;overflow-wrap:break-word
  }
  .weather-card .weather-condition-icon{width:clamp(27px,9.1cqw,39px)}
  .weather-card .weather-footer{height:13%;padding:.4cqw 3.9cqw}
  .weather-card .weather-data-class{font-size:clamp(10px,2.45cqw,16px)}
}

/* On a quarter-width phone CRT, suppress long header captions and allow
   complete weather words, without leaving orphan letters over the footer. */
.weather-mode-small{display:none}
@container (max-width:400px){
 .weather-card .weather-mode-full{display:none}
 .weather-card .weather-mode-small{display:inline}
 .weather-card .weather-current .weather-temperature{flex:0 0 57%;width:57%}
 .weather-card .weather-current .weather-condition{
   flex:0 0 41%;width:41%;min-width:0;max-width:41%
 }
 .weather-card .weather-condition-name{
   font-size:clamp(9px,2.4cqw,12px);
   overflow-wrap:normal;word-break:normal;white-space:normal;
   hyphens:none;max-width:100%;
 }
}

.weather-condition-small{display:none}
@container (max-width:400px){
 .weather-card .weather-condition-name{display:none}
 .weather-card .weather-condition-small{
   display:block;font:900 clamp(9px,2.4cqw,12px)/1.02 Impact,"Arial Narrow",Arial,sans-serif;
   text-align:center;max-width:100%;margin-top:.15cqw;
   overflow-wrap:normal;word-break:normal;hyphens:none
 }
}
@container (max-width:230px){
 .weather-card .weather-condition-icon{width:16px}
 .weather-card .weather-condition-small{font-size:clamp(8px,4.0cqw,9px);line-height:1.0;margin-top:0}
 .weather-card .weather-details{padding-top:.8cqw;padding-bottom:.55cqw}
}

/* OCT 28 BROADCAST LEGIBILITY CORRECTION
   A data table and microprint cannot be read on the physical CRT in the
   page. Display only logo, destination, reading, condition and demo marker.
   Full location, 3 metrics, source and classification remain in the
   accessible Click for Details dialog. Original art/branding unchanged. */
.weather-card .weather-header{
  height:21%;min-height:0;flex:0 0 21%;
  padding:.9cqw 3.5cqw 1.05cqw 3.7cqw;
  gap:0;justify-content:space-between;align-items:center;
}
.weather-card .weather-brand{height:96%;max-width:65%;width:auto;object-fit:contain;object-position:left center}
.weather-card .weather-mode,
.tv-scene #unruly-weather-layer .weather-subtitle,
.tv-scene #unruly-weather-layer .weather-mobile-subtitle,
.weather-card .weather-metrics,
.weather-card .weather-footer{display:none!important}
.weather-card .weather-demo-tag{
  display:block;margin-left:auto;
  font:900 clamp(11px,2.5cqw,30px)/1 Impact,"Arial Narrow",Arial,sans-serif;
  color:#ffae92;letter-spacing:.025em;
}
.weather-card .weather-details{
  height:79%;flex:1 1 auto;min-height:0;
  display:flex;flex-direction:column;
  padding:1.6cqw 6.3cqw 1.2cqw 4.1cqw;
}
.tv-scene #unruly-weather-layer .weather-location{
  display:block;flex:0 0 auto;width:100%;
  font-size:clamp(23px,8.8cqw,105px);
  line-height:1.07;letter-spacing:-.018em;
  margin:0 0 .9cqw 0;padding:0;
  overflow:hidden;white-space:nowrap;
  color:#0e2d41;
}
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="san-francisco"] .weather-location,
.tv-scene #unruly-weather-layer .weather-card[data-destination-id="rio-de-janeiro"] .weather-location{
  font-size:clamp(22px,7.4cqw,88px);
}
.weather-card .weather-current{
  min-height:0;flex:1;display:flex;
  flex-direction:row;align-items:center;justify-content:space-between;
  border-top:1px solid #a8aca5;border-bottom:0;
  padding:1.3cqw 0 0 0;gap:1cqw;
}
.weather-card .weather-current .weather-temperature{
  display:flex;align-items:baseline;justify-content:flex-start;
  flex:0 0 60%;width:60%;min-width:0;max-width:60%;
  padding:0;margin:0;gap:.3cqw;white-space:nowrap;
  color:#d95036;
  font:900 clamp(38px,12.2cqw,148px)/.99 Impact,"Arial Narrow",Arial,sans-serif;
  letter-spacing:-.042em;
}
.weather-value-number{font-size:1em;line-height:1;white-space:nowrap;min-width:0}
.weather-value-unit{font-size:.40em;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.weather-card .weather-current .weather-condition{
  flex:0 0 38%;width:38%;min-width:0;max-width:38%;
  flex-direction:column;display:flex;align-items:center;justify-content:center;
  gap:.2cqw;padding:0;margin:0;text-align:center;
}
.weather-card .weather-condition-icon{
  width:clamp(24px,9cqw,96px);height:auto;flex:0 0 auto;
}
.weather-card .weather-condition-name{
  display:block!important;
  color:#102d3e;
  font:900 clamp(12px,2.9cqw,34px)/1.04 Impact,"Arial Narrow",Arial,sans-serif;
  letter-spacing:0;margin:0;max-width:100%;width:100%;
  white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;
}
.weather-card .weather-condition-small{display:none!important}
@container (max-width:400px){
 .weather-card .weather-header{height:23%;flex-basis:23%}
 .weather-card .weather-details{height:77%;padding:1.3cqw 5.6cqw 1cqw 3.9cqw}
 .tv-scene #unruly-weather-layer .weather-location{
   font-size:clamp(22px,9cqw,42px);margin-bottom:.6cqw;
 }
 .weather-card .weather-current{
   flex-direction:column;justify-content:space-evenly;align-items:flex-start;
   padding:1cqw 0 .6cqw;gap:.5cqw;min-height:0;
 }
 .weather-card .weather-current .weather-temperature{
   flex:0 0 auto;min-width:0;max-width:100%;width:100%;
   font-size:clamp(34px,14.4cqw,62px);line-height:.97;
 }
 .weather-card .weather-current .weather-condition{
   flex:0 0 auto;width:100%;max-width:100%;min-width:0;
   flex-direction:row;justify-content:flex-start;text-align:left;
   gap:1.3cqw;padding:0;margin:0;
 }
 .weather-card .weather-condition-icon{width:clamp(15px,7.5cqw,32px)}
 .weather-card .weather-condition-name{
   width:auto;max-width:calc(100% - 26px);
   font-size:clamp(10px,3.7cqw,17px);
   text-align:left;line-height:1.05;white-space:normal;
 }
 .weather-card .weather-demo-tag{font-size:clamp(10px,2.8cqw,18px)}
}

/* Keep the one-word DEMO label safely inside the angled panel, and show full
   two-line San Francisco at small receiver widths rather than 11px text. */
.weather-card .weather-header{padding-right:9cqw}
.weather-card .weather-demo-tag{font-size:clamp(12px,2.9cqw,28px)}
@container (max-width:400px){
 .tv-scene #unruly-weather-layer .weather-card[data-destination-id="san-francisco"] .weather-location{
   white-space:normal;line-height:.9;overflow:visible;
   font-size:clamp(20px,8.6cqw,35px);
 }
}

/* Preserve full destination names on desktop; use clear abbreviations only
   in the 200-255 pixel mobile television. Full names remain in Details. */
.weather-title-full{display:inline}
.weather-title-compact{display:none}
@container (max-width:400px){
  .weather-card .weather-title-full{display:none}
  .weather-card .weather-title-compact{display:inline}
  .tv-scene #unruly-weather-layer .weather-card[data-destination-id="san-francisco"] .weather-location{
    white-space:nowrap;line-height:1.07;overflow:hidden;
    font-size:clamp(22px,9cqw,42px);
  }
}

/* Approved 2026-10-28 daily geophysical card artwork. These additions are
   inert for the original 17 cards, and only apply when preview opt-in enables
   the separate daily-card entries. Existing microprint hiding remains intact. */
.weather-card--daily .daily-moon-disk{
  position:absolute;z-index:1;left:61.1%;top:9.6%;width:21.9%;height:auto;
  aspect-ratio:1;pointer-events:none;
}
.weather-card--daily .daily-qualifier{
  display:flex;flex-direction:column;gap:.4cqw;max-width:32%;
  font-family:Impact,"Arial Narrow",Arial,sans-serif;text-align:center;
}
.weather-card--daily .daily-qualifier-kind{
  font-weight:800;font-size:clamp(7px,1.5cqw,23px);letter-spacing:.015em;
}
.weather-card--daily .daily-qualifier-id{
  font-weight:800;font-size:clamp(6px,1.05cqw,17px);color:#587083;
}
.tv-scene #unruly-weather-layer .weather-card--daily .weather-location{
  font-size:clamp(14px,6.5cqw,90px);line-height:1.03;
}
.tv-scene #unruly-weather-layer .weather-card--daily .weather-temperature{
  font-size:clamp(20px,7.6cqw,113px);letter-spacing:-.025em;
}

/* The specifically approved Schumann background with an honest placeholder,
   keeping text out of the scenic image and the existing Weather typography. */
.weather-card--schumann-coming .weather-placeholder-reading{
  display:block;
  max-width:100%;
  white-space:normal;
  line-height:1.05;
  font-size:clamp(24px,4.8cqw,69px)!important;
  letter-spacing:-.015em;
  overflow-wrap:normal;
}
.weather-card--schumann-coming .weather-location{
  font-size:clamp(16px,5.2cqw,72px)!important;
}

/* The placeholder is an announcement, not a single numeric measurement.
   The normal CRT's one-line reading treatment must not clip these words. */
#unruly-weather-layer .weather-card--schumann-coming .weather-location{
  white-space:normal!important;
  overflow:visible;
  overflow-wrap:normal;
  font-size:clamp(14px,3.6cqw,52px)!important;
  max-width:100%;
}
#unruly-weather-layer .weather-card--schumann-coming .weather-temperature{
  display:block!important;
  white-space:normal!important;
  overflow-wrap:normal;
  width:100%;
  max-width:100%;
  flex:1 1 auto;
  min-width:0;
  font-size:clamp(13px,3.4cqw,51px)!important;
  line-height:1.16;
  letter-spacing:-.025em;
}


/* The approved Schumann scene and logo remain unchanged; the percentile is
   an independently rendered text layer on the existing Weather panel. */
#unruly-weather-layer .weather-card--schumann-live .weather-location{
  white-space:normal!important;overflow:visible;line-height:1.05;
  font-size:clamp(14px,4.0cqw,56px)!important;
}
#unruly-weather-layer .weather-card--schumann-live .weather-temperature{
  white-space:nowrap;overflow:visible;
  font-size:clamp(23px,9.0cqw,125px)!important;
  line-height:1;
}
#unruly-weather-layer .weather-card--schumann-live .weather-subtitle{
  white-space:normal;line-height:1.05;
  font-size:clamp(7px,1.35cqw,24px);
}

/* Owner-requested card-coverage correction. Original scenic images are untouched.
   This extends the EXISTING clipped card, never the image or its pixel content. */
#unruly-weather-layer .weather-card {
  width:min(100cqw,177.777778cqh);aspect-ratio:16/9;
}
#unruly-weather-layer .weather-card .weather-panel {
  width:56.6%;
}
#unruly-weather-layer .weather-card[data-destination-id="solar-l1"] .weather-panel {
  width:58.5%;
}
#unruly-weather-layer .weather-card[data-destination-id="tokyo"] .weather-panel {
  width:65%;
}
/* Keep the original content column fixed while the existing card covers its edge. */
#unruly-weather-layer .weather-card .weather-details {width:55.65cqw;max-width:100%;}
/* Remove the obsolete top rule that appears as an exposed red sliver. Keep its
   original border width so no header content changes size or position. */
#unruly-weather-layer .weather-card .weather-header {border-top-color:#102d3e;}
/* Same authentic logo and original dimensions, moved inside the actual CRT cutout. */
#unruly-weather-layer .weather-card .weather-brand {transform:translate(9.2cqw,1.4cqw);}
/* Let the existing text-fit routine see the real width of number + unit;
   shrinking flex items otherwise permits those glyphs to overlap. */
#unruly-weather-layer .weather-value-number,
#unruly-weather-layer .weather-value-unit {flex-shrink:0;}
/* Match the card's own underlying color to its header and body. Otherwise the
   clipped navy edge antialiases against cream and leaves a pale one-pixel halo. */
#unruly-weather-layer .weather-card .weather-panel {
  background:linear-gradient(to bottom,#102d3e 0 21%,#f4eede 21% 100%);
}
@container (max-width:400px) {
  #unruly-weather-layer .weather-card .weather-panel {
    background:linear-gradient(to bottom,#102d3e 0 23%,#f4eede 23% 100%);
  }
}