/* Stage 9.35 homepage forecast owner.
 * Stage 9.17 hero cards remain canonical and are intentionally not styled here.
 */

[data-canonical-forecast="1"] {
  padding-top: 6px !important;
}

[data-canonical-forecast="1"] .container {
  width: min(1260px, calc(100% - 54px)) !important;
}

@media (min-width: 1600px) {
  [data-canonical-forecast="1"] .container {
    width: min(1520px, calc(100% - 104px)) !important;
  }
}

[data-canonical-forecast="1"] [data-home-forecast-stage="1"] {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Heading -> teams: more separation. */
[data-canonical-forecast="1"] [data-home-forecast-intro="1"] {
  margin: 0 !important;
  padding: 0 0 34px !important;
}

[data-canonical-forecast="1"] [data-stage-923-teams="1"] {
  max-width: none !important;
  margin: 68px auto 0 !important;
  padding-inline: 48px !important;
}

/* Teams -> field: pull scene upward. */
[data-canonical-forecast="1"] [data-stage-923-scene="1"] {
  width: 100% !important;
  max-width: none !important;
  height: clamp(560px, 40vw, 650px) !important;
  margin: -62px auto 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

[data-canonical-forecast="1"] [data-stage-923-pitch="1"] {
  width: min(1180px, 80vw) !important;
  height: clamp(455px, 35vw, 565px) !important;
}

/* Compact summary begins close to the field and contains a single editorial explanation. */
[data-canonical-forecast="1"] [data-stage-923-compact-summary="1"] {
  position: relative;
  width: 100%;
  margin: -54px auto 0 !important;
  padding: 0 16px 8px !important;
}

[data-canonical-forecast="1"] [data-stage-923-compact-summary="1"]::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  width: 1px;
  height: 24px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, transparent, rgba(107,236,221,.42), transparent);
  pointer-events: none;
}

/* Editorial explanation is intentionally open: no outer card shell. */
[data-canonical-forecast="1"] [data-stage-923-explanation-editorial="1"] {
  position: relative !important;
  width: min(1240px, 96%) !important;
  margin: 0 auto !important;
  padding: 0 12px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Decision/result is the strongest visual accent. */
[data-canonical-forecast="1"] [data-stage-923-decision-hero="1"] {
  position: relative;
  padding: 10px 0 24px;
  text-align: center;
}

[data-canonical-forecast="1"] [data-stage-923-decision-hero="1"]::before {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(91,235,219,.18),
    rgba(91,235,219,.72),
    rgba(166,116,255,.62),
    rgba(166,116,255,.18),
    transparent
  );
  box-shadow: 0 0 24px rgba(88,226,212,.12);
}

[data-canonical-forecast="1"] [data-stage-923-decision-hero="1"] > small {
  display: block;
  color: #73eee0;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .20em;
  text-transform: uppercase;
}

[data-canonical-forecast="1"] [data-stage-923-decision-line="1"] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 14px 18px;
  margin-top: 9px;
  flex-wrap: wrap;
}

[data-canonical-forecast="1"] [data-stage-923-decision-line="1"] span {
  color: #63edb7;
  font-size: clamp(14px, 1.15vw, 17px);
  font-weight: 850;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(99,237,183,.16);
}

[data-canonical-forecast="1"] [data-stage-923-decision-line="1"] strong {
  color: #f7fbff;
  font-size: clamp(38px, 4vw, 58px);
  line-height: .98;
  letter-spacing: -.045em;
  text-shadow:
    0 0 28px rgba(122,237,227,.10),
    0 0 48px rgba(155,117,255,.06);
}

[data-canonical-forecast="1"] [data-stage-923-decision-line="1"] em {
  color: rgba(220,231,241,.76);
  font-size: 13px;
  font-style: normal;
  font-weight: 650;
}

/* Explanation heading introduces the reasoning, not another card. */
[data-canonical-forecast="1"] [data-stage-923-explain-head="1"] {
  position: relative;
  margin: 24px 0 22px !important;
  text-align: left !important;
}

[data-canonical-forecast="1"] [data-stage-923-explain-head="1"] small {
  display: block;
  color: #75eee0 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .17em !important;
  text-transform: uppercase;
}

[data-canonical-forecast="1"] [data-stage-923-explain-head="1"] h3 {
  max-width: 820px;
  margin: 7px 0 9px !important;
  color: #f7fbff !important;
  font-size: clamp(30px, 2.55vw, 40px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
}

[data-canonical-forecast="1"] [data-stage-923-explain-lead="1"] {
  max-width: 900px !important;
  margin: 0 !important;
  color: rgba(215,228,239,.72) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

/* Two open editorial columns separated by a luminous axis. */
[data-canonical-forecast="1"] [data-stage-923-editorial-split="1"] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) 54px minmax(0,1fr);
  gap: 24px;
  align-items: start;
  padding: 18px 0 20px;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-side] {
  min-width: 0;
  padding: 0 4px;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-title="1"] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-title="1"] > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #72eee0;
  border: 1px solid rgba(111,236,221,.28);
  background: rgba(111,236,221,.045);
  box-shadow: 0 0 18px rgba(111,236,221,.07);
  font: 900 9px/1 ui-monospace, monospace;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-side="limits"] [data-stage-923-editorial-title="1"] > span {
  color: #c68cff;
  border-color: rgba(198,140,255,.28);
  background: rgba(198,140,255,.045);
  box-shadow: 0 0 18px rgba(198,140,255,.07);
}

[data-canonical-forecast="1"] [data-stage-923-editorial-title="1"] small {
  display: block;
  color: #72eee0;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-side="limits"] [data-stage-923-editorial-title="1"] small {
  color: #c68cff;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-title="1"] strong {
  display: block;
  margin-top: 4px;
  color: #f5fbff;
  font-size: 22px;
  line-height: 1.12;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-list="1"] {
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-list="1"] li {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,.065);
  animation: stage935EditorialRowIn .48s ease both;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-list="1"] li:first-child {
  border-top-color: rgba(111,236,221,.16);
}

[data-canonical-forecast="1"] [data-stage-923-editorial-side="limits"] [data-stage-923-editorial-list="1"] li:first-child {
  border-top-color: rgba(198,140,255,.16);
}

[data-canonical-forecast="1"] [data-stage-923-editorial-list="1"] li:nth-child(2) {
  animation-delay: .07s;
}
[data-canonical-forecast="1"] [data-stage-923-editorial-list="1"] li:nth-child(3) {
  animation-delay: .14s;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-list="1"] li > span {
  color: rgba(114,238,224,.62);
  font: 900 10px/1.4 ui-monospace, monospace;
  letter-spacing: .08em;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-side="limits"] [data-stage-923-editorial-list="1"] li > span {
  color: rgba(198,140,255,.68);
}

[data-canonical-forecast="1"] [data-stage-923-editorial-list="1"] p {
  margin: 0;
  color: rgba(223,233,241,.82);
  font-size: 13.5px;
  line-height: 1.58;
}

/* Central axis connects the two sides instead of enclosing them in cards. */
[data-canonical-forecast="1"] [data-stage-923-editorial-axis="1"] {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  place-items: center;
  align-self: stretch;
  min-height: 230px;
}

[data-canonical-forecast="1"] [data-stage-923-editorial-axis="1"] i {
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgba(126,221,255,.22));
}

[data-canonical-forecast="1"] [data-stage-923-editorial-axis="1"] i:last-child {
  background: linear-gradient(180deg, rgba(198,140,255,.22), transparent);
}

[data-canonical-forecast="1"] [data-stage-923-editorial-axis="1"] b {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: linear-gradient(135deg, #69ead7, #a56ef4);
  box-shadow:
    0 0 0 8px rgba(126,210,255,.025),
    0 0 24px rgba(133,194,255,.20);
}

/* Interpretation is a typographic closing line, not another card. */
[data-canonical-forecast="1"] [data-stage-923-interpretation="1"] {
  display: grid;
  grid-template-columns: 150px minmax(0,1fr);
  gap: 8px 22px;
  margin-top: 2px;
  padding: 18px 0 2px;
  border-top: 1px solid rgba(255,255,255,.08);
}

[data-canonical-forecast="1"] [data-stage-923-interpretation="1"] > span {
  grid-column: 1;
  grid-row: 1 / 3;
  color: #72eee0;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

[data-canonical-forecast="1"] [data-stage-923-interpretation="1"] strong {
  grid-column: 2;
  color: #f5fbff;
  font-size: 17px;
  line-height: 1.3;
}

[data-canonical-forecast="1"] [data-stage-923-interpretation="1"] p {
  grid-column: 2;
  margin: 0;
  color: rgba(209,223,234,.68);
  font-size: 12px;
  line-height: 1.55;
}

@keyframes stage935EditorialRowIn {
  from {
    opacity: 0;
    transform: translateY(7px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-stage-923-editorial-list="1"] li {
    animation: none !important;
  }
}

@media (max-width: 980px) {
  [data-canonical-forecast="1"] [data-stage-923-editorial-split="1"] {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  [data-canonical-forecast="1"] [data-stage-923-editorial-axis="1"] {
    display: none;
  }

  [data-canonical-forecast="1"] [data-stage-923-interpretation="1"] {
    grid-template-columns: 1fr;
  }

  [data-canonical-forecast="1"] [data-stage-923-interpretation="1"] > span,
  [data-canonical-forecast="1"] [data-stage-923-interpretation="1"] strong,
  [data-canonical-forecast="1"] [data-stage-923-interpretation="1"] p {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 920px) {
  [data-canonical-forecast="1"] .container {
    width: calc(100% - 28px) !important;
  }

  [data-canonical-forecast="1"] [data-home-forecast-intro="1"] {
    padding-bottom: 24px !important;
  }

  [data-canonical-forecast="1"] [data-stage-923-teams="1"] {
    margin-top: 38px !important;
    padding-inline: 10px !important;
  }

  [data-canonical-forecast="1"] [data-stage-923-scene="1"] {
    height: auto !important;
    min-height: 520px !important;
    margin-top: -24px !important;
  }

  [data-canonical-forecast="1"] [data-stage-923-compact-summary="1"] {
    margin-top: -18px !important;
    padding-inline: 0 !important;
  }

  [data-canonical-forecast="1"] [data-stage-923-explanation-editorial="1"] {
    width: 100% !important;
    padding-inline: 0 !important;
  }

  [data-canonical-forecast="1"] [data-stage-923-decision-line="1"] {
    flex-direction: column;
    align-items: center;
    gap: 7px;
  }
}