/* Final result-page photo and tuner contract. Loaded after responsive-qa.css. */
body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) {
  overflow: hidden !important;
}

body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel,
body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-copy {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  justify-items: start !important;
  gap: 10px !important;
}

body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-medal.photo-token.has-photo,
body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel .winner-medal.photo-token.has-photo {
  aspect-ratio: 1 / 1 !important;
  width: clamp(220px, 22vw, 310px) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: min(1120px, calc(100vw - 86px)) !important;
  max-height: none !important;
  align-self: start !important;
  justify-self: start !important;
  background-size: 100% 100%, cover !important;
  background-position: center, center !important;
}

body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-summary-panel {
  height: clamp(220px, 22vw, 310px) !important;
  min-height: 0 !important;
  max-height: clamp(220px, 22vw, 310px) !important;
  overflow: hidden !important;
  align-self: start !important;
}

body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-summary-copy {
  min-height: 0 !important;
  overflow: hidden !important;
}

body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-description {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  overflow: hidden !important;
}

body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-tuner-grid {
  align-content: start !important;
}

@media (min-width: 760px) and (max-width: 1040px) {
  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-medal.photo-token.has-photo,
  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(220px, 28vw, 270px) !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-summary-panel {
    height: clamp(220px, 28vw, 270px) !important;
    max-height: clamp(220px, 28vw, 270px) !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-description {
    -webkit-line-clamp: 5 !important;
  }
}

@media (min-width: 500px) and (max-width: 759.98px) {
  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-medal.photo-token.has-photo,
  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(198px, 34vw, 236px) !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-summary-panel {
    height: clamp(172px, 30vw, 218px) !important;
    max-height: clamp(172px, 30vw, 218px) !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-summary-copy h3 {
    font-size: 1.3rem !important;
    line-height: 1.02 !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-description {
    -webkit-line-clamp: 3 !important;
  }
}

@media (max-width: 499.98px) {
  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) {
    grid-template-areas:
      "winner-media winner-copy"
      "winner-controls winner-controls" !important;
    grid-template-columns: minmax(136px, 41vw) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
    padding: 10px !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel {
    grid-area: winner-media !important;
    gap: 8px !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-copy {
    grid-area: winner-copy !important;
    align-self: end !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .result-tuner {
    grid-area: winner-controls !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel .winner-media-title h2 {
    font-size: clamp(1.34rem, 7vw, 1.8rem) !important;
    line-height: 1 !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-medal.photo-token.has-photo,
  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) > .winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(132px, 39vw, 150px) !important;
    max-width: 100% !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-summary-panel {
    height: auto !important;
    min-height: 132px !important;
    max-height: 154px !important;
    padding: 10px !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .result-summary-copy h3 {
    font-size: 1rem !important;
    line-height: 1.02 !important;
  }

  body[data-step="results"] #app#app#app [data-stage="results"].stage.is-active .winner-spotlight:has(> .result-tuner) .winner-description {
    font-size: 0.72rem !important;
    line-height: 1.14 !important;
    -webkit-line-clamp: 4 !important;
  }
}

/* High-specificity result overrides for the legacy responsive-qa cascade. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  justify-items: start !important;
  gap: 10px !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
  aspect-ratio: 1 / 1 !important;
  width: clamp(220px, 22vw, 310px) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  align-self: start !important;
  justify-self: start !important;
  background-size: 100% 100%, cover !important;
  background-position: center, center !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  height: clamp(220px, 22vw, 310px) !important;
  min-height: 0 !important;
  max-height: clamp(220px, 22vw, 310px) !important;
  overflow: hidden !important;
  align-self: start !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6 !important;
  overflow: hidden !important;
}

@media (min-width: 760px) and (max-width: 1040px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(220px, 28vw, 270px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: clamp(220px, 28vw, 270px) !important;
    max-height: clamp(220px, 28vw, 270px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    -webkit-line-clamp: 5 !important;
  }
}

@media (min-width: 500px) and (max-width: 759.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(198px, 34vw, 236px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: clamp(172px, 30vw, 218px) !important;
    max-height: clamp(172px, 30vw, 218px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: 1.3rem !important;
    line-height: 1.02 !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    -webkit-line-clamp: 3 !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    grid-template-areas:
      "winner-media winner-copy"
      "winner-controls winner-controls" !important;
    grid-template-columns: minmax(136px, 41vw) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
    padding: 10px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
    grid-area: winner-media !important;
    gap: 8px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
    grid-area: winner-copy !important;
    align-self: end !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .result-tuner.result-tuner {
    grid-area: winner-controls !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
    font-size: clamp(1.34rem, 7vw, 1.8rem) !important;
    line-height: 1 !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
    width: clamp(132px, 39vw, 150px) !important;
    max-width: 100% !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: auto !important;
    min-height: 132px !important;
    max-height: 154px !important;
    padding: 10px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: 1rem !important;
    line-height: 1.02 !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: 0.72rem !important;
    line-height: 1.14 !important;
    -webkit-line-clamp: 4 !important;
  }
}

/* Balanced top row: square photo column + matching why panel + dials directly below. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  --dv-final-photo-size: clamp(350px, 30vw, 390px);
  --dv-final-top-gap: 12px;
  display: grid !important;
  grid-template-areas:
    "winner-media winner-copy"
    "winner-controls winner-controls" !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: var(--dv-final-top-gap) clamp(16px, 2.2vw, 28px) !important;
  align-items: start !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  grid-area: winner-media !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  grid-template-rows: auto var(--dv-final-photo-size) !important;
  align-content: start !important;
  justify-items: stretch !important;
  gap: 8px !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title {
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
  font-size: clamp(1.6rem, 3.1vw, 2.1rem) !important;
  line-height: 1 !important;
  text-wrap: balance !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
  width: var(--dv-final-photo-size) !important;
  height: var(--dv-final-photo-size) !important;
  min-width: var(--dv-final-photo-size) !important;
  min-height: var(--dv-final-photo-size) !important;
  max-width: var(--dv-final-photo-size) !important;
  max-height: var(--dv-final-photo-size) !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: start !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
  grid-area: winner-copy !important;
  height: 100% !important;
  align-self: stretch !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  height: calc(var(--dv-final-photo-size) + 54px) !important;
  min-height: calc(var(--dv-final-photo-size) + 54px) !important;
  max-height: calc(var(--dv-final-photo-size) + 54px) !important;
  padding: clamp(18px, 2vw, 28px) !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
  gap: 10px !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  line-height: 1.05 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
  font-size: clamp(0.98rem, 1.55vw, 1.18rem) !important;
  line-height: 1.24 !important;
  -webkit-line-clamp: 8 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .result-tuner.result-tuner {
  grid-area: winner-controls !important;
  margin-top: 0 !important;
}

@media (min-width: 900px) and (max-width: 1179.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-photo-size: clamp(310px, 32vw, 340px);
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    -webkit-line-clamp: 6 !important;
  }
}

@media (min-width: 760px) and (max-width: 899.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-photo-size: clamp(250px, 33vw, 280px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px 18px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: calc(var(--dv-final-photo-size) + 50px) !important;
    min-height: calc(var(--dv-final-photo-size) + 50px) !important;
    max-height: calc(var(--dv-final-photo-size) + 50px) !important;
    padding: 18px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: 1.45rem !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: 0.98rem !important;
    -webkit-line-clamp: 5 !important;
  }
}

@media (min-width: 500px) and (max-width: 759.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-photo-size: clamp(210px, 38vw, 246px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px 14px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: calc(var(--dv-final-photo-size) + 48px) !important;
    min-height: calc(var(--dv-final-photo-size) + 48px) !important;
    max-height: calc(var(--dv-final-photo-size) + 48px) !important;
    padding: 14px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: 1.22rem !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: 0.82rem !important;
    line-height: 1.18 !important;
    -webkit-line-clamp: 5 !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-photo-size: clamp(164px, 44vw, 178px);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px 8px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
    width: 100% !important;
    max-width: none !important;
    grid-template-rows: auto var(--dv-final-photo-size) !important;
    gap: 7px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
    font-size: clamp(1.22rem, 6.3vw, 1.48rem) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    height: calc(var(--dv-final-photo-size) + 42px) !important;
    min-height: calc(var(--dv-final-photo-size) + 42px) !important;
    max-height: calc(var(--dv-final-photo-size) + 42px) !important;
    padding: 10px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
    gap: 5px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: 0.96rem !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: 0.71rem !important;
    line-height: 1.13 !important;
    -webkit-line-clamp: 6 !important;
  }
}

/* True 50/50 result contract: square media on the left, matched summary panel on the right, controls below. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  --dv-final-top-gap: clamp(10px, 1.7vw, 26px);
  --dv-final-photo-size: min(
    calc((100vw - clamp(42px, 5.8vw, 104px) - var(--dv-final-top-gap)) / 2),
    clamp(260px, 45vh, 520px)
  );
  display: grid !important;
  grid-template-areas:
    "winner-media winner-copy"
    "winner-controls winner-controls" !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: clamp(10px, 1.4vw, 18px) var(--dv-final-top-gap) !important;
  align-items: stretch !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  grid-area: winner-media !important;
  display: grid !important;
  grid-template-rows: min-content var(--dv-final-photo-size) !important;
  gap: clamp(6px, 0.9vw, 10px) !important;
  align-content: start !important;
  align-self: stretch !important;
  justify-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title {
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
  font-size: clamp(1.72rem, 2.5vw, 2.55rem) !important;
  line-height: 0.98 !important;
  max-width: 15ch !important;
  text-wrap: balance !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
  width: var(--dv-final-photo-size) !important;
  height: var(--dv-final-photo-size) !important;
  min-width: var(--dv-final-photo-size) !important;
  min-height: var(--dv-final-photo-size) !important;
  max-width: var(--dv-final-photo-size) !important;
  max-height: var(--dv-final-photo-size) !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: start !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo img,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
  grid-area: winner-copy !important;
  display: grid !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-main,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-proof {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-identity:empty {
  display: none !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: clamp(18px, 2.2vw, 34px) !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
  display: grid !important;
  align-content: start !important;
  gap: clamp(8px, 1vw, 12px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
  font-size: clamp(1.5rem, 2.25vw, 2.2rem) !important;
  line-height: 1.05 !important;
  text-wrap: balance !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
  font-size: clamp(1rem, 1.28vw, 1.22rem) !important;
  line-height: 1.23 !important;
  -webkit-line-clamp: 8 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .result-tuner.result-tuner {
  grid-area: winner-controls !important;
  margin-top: 0 !important;
  align-self: start !important;
}

@media (min-width: 761px) and (max-width: 1180px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-photo-size: min(
      calc((100vw - clamp(36px, 5vw, 76px) - var(--dv-final-top-gap)) / 2),
      clamp(250px, 43vh, 410px)
    );
  }
}

@media (min-width: 500px) and (max-width: 760px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-photo-size: min(
      calc((100vw - 42px - var(--dv-final-top-gap)) / 2),
      clamp(210px, 41vh, 300px)
    );
    gap: 9px var(--dv-final-top-gap) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    padding: 14px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: clamp(1.12rem, 3.3vw, 1.46rem) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: clamp(0.78rem, 2.2vw, 0.96rem) !important;
    line-height: 1.16 !important;
    -webkit-line-clamp: 5 !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-top-gap: 8px;
    --dv-final-photo-size: min(
      calc((100vw - 32px - var(--dv-final-top-gap)) / 2),
      clamp(158px, 38vh, 190px)
    );
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
    gap: 6px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title h2 {
    font-size: clamp(1.14rem, 6vw, 1.42rem) !important;
    max-width: 13ch !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    padding: 10px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
    gap: 4px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: clamp(0.94rem, 4.2vw, 1.08rem) !important;
    line-height: 1.02 !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: clamp(0.66rem, 2.8vw, 0.76rem) !important;
    line-height: 1.12 !important;
    -webkit-line-clamp: 6 !important;
  }
}

/* End-of-file 50/50 cleanup: this must stay after all result overrides. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  grid-template-rows: min-content auto !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
  width: min(100%, var(--dv-final-photo-size)) !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
  padding: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-main.winner-main {
  grid-template-areas: none !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-identity.winner-identity {
  grid-area: auto !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-identity.winner-identity:empty,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-identity.winner-identity:not(:has(*)) {
  display: none !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy .winner-proof.winner-proof {
  grid-area: auto !important;
  align-self: stretch !important;
  height: 100% !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Universal result continuity pass: bigger media, fuller explanation, unclipped tuners, readable rail. */
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey {
  min-height: clamp(48px, 5.8dvh, 64px) !important;
  padding: clamp(4px, 0.7vw, 8px) !important;
  gap: clamp(5px, 0.8vw, 10px) !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
  min-height: clamp(38px, 4.6dvh, 50px) !important;
  height: auto !important;
  padding: clamp(6px, 0.8vw, 9px) clamp(9px, 1.2vw, 14px) !important;
  align-content: center !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
  font-size: clamp(0.95rem, 1.28vw, 1.16rem) !important;
  line-height: 1.02 !important;
  font-weight: 850 !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status em,
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
  font-size: clamp(0.72rem, 0.98vw, 0.86rem) !important;
  line-height: 1 !important;
  font-weight: 760 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
  --dv-final-photo-size: min(
    calc((100vw - clamp(36px, 5.6vw, 96px) - var(--dv-final-top-gap)) / 2),
    clamp(320px, 54dvh, 560px)
  );
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  justify-items: stretch !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-medal.photo-token.has-photo,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-medal.photo-token.has-photo {
  width: min(100%, var(--dv-final-photo-size)) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: stretch !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  padding: clamp(24px, 2.5vw, 40px) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
  height: 100% !important;
  align-content: start !important;
  gap: clamp(12px, 1.2vw, 18px) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy .kicker {
  font-size: clamp(0.82rem, 1.05vw, 1rem) !important;
  line-height: 1 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
  font-size: clamp(1.78rem, 2.65vw, 2.7rem) !important;
  line-height: 1.04 !important;
  max-width: 18ch !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
  font-size: clamp(1.12rem, 1.55vw, 1.42rem) !important;
  line-height: 1.27 !important;
  -webkit-line-clamp: 9 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner .result-tuner-grid.result-tuner-grid,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tuner-grid.result-tuner-grid {
  grid-auto-rows: minmax(clamp(100px, 8.5vw, 118px), auto) !important;
  grid-template-rows: none !important;
  align-items: stretch !important;
  gap: clamp(8px, 1vw, 12px) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-card.result-tune-card {
  display: grid !important;
  grid-template-rows: min-content minmax(34px, auto) !important;
  align-content: space-between !important;
  gap: clamp(8px, 0.9vw, 12px) !important;
  height: auto !important;
  min-height: clamp(100px, 8.5vw, 118px) !important;
  max-height: none !important;
  padding: clamp(9px, 1vw, 12px) !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card strong {
  font-size: clamp(0.86rem, 1.05vw, 1rem) !important;
  line-height: 1.06 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-control.result-tune-control,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-control.result-tune-control {
  --dv-final-tune-control-height: clamp(34px, 3.3vw, 42px);
  display: grid !important;
  grid-template-columns: clamp(32px, 3.4vw, 40px) minmax(0, 1fr) clamp(32px, 3.4vw, 40px) !important;
  gap: clamp(6px, 0.75vw, 9px) !important;
  align-items: center !important;
  min-height: var(--dv-final-tune-control-height) !important;
  height: var(--dv-final-tune-control-height) !important;
  width: 100% !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-step.result-tune-step,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-step.result-tune-step {
  box-sizing: border-box !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  block-size: 100% !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  height: 100% !important;
  min-height: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-meter.result-tune-meter,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-meter.result-tune-meter {
  height: 100% !important;
  min-height: 0 !important;
  padding: clamp(3px, 0.45vw, 5px) !important;
}

@media (min-width: 761px) and (max-width: 1180px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) {
    --dv-final-photo-size: min(
      calc((100vw - clamp(34px, 5vw, 78px) - var(--dv-final-top-gap)) / 2),
      clamp(300px, 52dvh, 500px)
    );
  }
}

@media (max-width: 760px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    padding: clamp(10px, 2.2vw, 16px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
    gap: clamp(5px, 1.4vw, 9px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: clamp(1rem, 3.8vw, 1.46rem) !important;
    max-width: none !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: clamp(0.72rem, 2.35vw, 0.96rem) !important;
    line-height: 1.16 !important;
    -webkit-line-clamp: 6 !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
    min-height: 40px !important;
    padding: 6px 7px !important;
  }

  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
    font-size: 0.88rem !important;
  }

  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status em,
  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
    font-size: 0.68rem !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tuner-grid.result-tuner-grid {
    grid-auto-rows: minmax(86px, auto) !important;
    gap: 7px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-card.result-tune-card {
    min-height: 86px !important;
    padding: 7px !important;
    gap: 6px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card strong {
    font-size: clamp(0.72rem, 3vw, 0.82rem) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-control.result-tune-control,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-control.result-tune-control {
    --dv-final-tune-control-height: 30px;
    grid-template-columns: 28px minmax(0, 1fr) 28px !important;
    gap: 5px !important;
  }
}

/* Product-wide result continuity: make the final view read as one system. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  padding: clamp(28px, 2.8vw, 44px) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
  gap: clamp(14px, 1.35vw, 20px) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy .kicker {
  font-size: clamp(0.9rem, 1.08vw, 1.06rem) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
  font-size: clamp(2.05rem, 2.7vw, 3.05rem) !important;
  line-height: 1.02 !important;
  max-width: 19ch !important;
  text-wrap: balance !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
  font-size: clamp(1.18rem, 1.7vw, 1.56rem) !important;
  line-height: 1.24 !important;
  max-width: 44ch !important;
  -webkit-line-clamp: 9 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card strong {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}

@media (min-width: 761px) and (max-width: 1180px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    padding: clamp(22px, 2.4vw, 34px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: clamp(1.8rem, 2.7vw, 2.55rem) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: clamp(1.08rem, 1.7vw, 1.32rem) !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 760px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
    padding: clamp(10px, 2.4vw, 16px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
    gap: clamp(5px, 1.4vw, 9px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy .kicker {
    font-size: clamp(0.66rem, 2.2vw, 0.82rem) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: clamp(1rem, 3.9vw, 1.46rem) !important;
    line-height: 1.02 !important;
    max-width: none !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: clamp(0.72rem, 2.35vw, 0.96rem) !important;
    line-height: 1.15 !important;
    max-width: none !important;
    -webkit-line-clamp: 6 !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card strong {
    font-size: clamp(0.72rem, 2.95vw, 0.8rem) !important;
    line-height: 1.02 !important;
  }
}

/* More data must expand below the result, not reflow the result itself. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight.is-profile-open:has(> .result-tuner.result-tuner) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "winner-media winner-copy"
    "winner-controls winner-controls"
    "winner-profile winner-profile" !important;
  grid-auto-flow: row !important;
  align-items: start !important;
  place-items: start stretch !important;
  width: min(1120px, calc(100vw - 86px)) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: var(--dv-final-top-gap, clamp(12px, 1.8vw, 22px)) !important;
  overflow: visible !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight.is-profile-open:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel {
  grid-area: winner-media !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight.is-profile-open:has(> .result-tuner.result-tuner) > .winner-copy.winner-copy {
  grid-area: winner-copy !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight.is-profile-open:has(> .result-tuner.result-tuner) > .result-tuner.result-tuner {
  grid-area: winner-controls !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight.is-profile-open:has(> .result-tuner.result-tuner) > .profile-drawer-winner.profile-drawer-winner {
  grid-area: winner-profile !important;
  display: grid !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
}

@media (max-width: 899.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight.is-profile-open:has(> .result-tuner.result-tuner) {
    width: calc(100vw - 22px) !important;
    max-width: calc(100vw - 22px) !important;
  }
}

/* Final result fit: fill the proof panel and keep dial bars inside their tracks. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-panel.result-summary-panel {
  padding: clamp(30px, 3vw, 48px) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
  display: grid !important;
  align-content: start !important;
  gap: clamp(18px, 2.2dvh, 26px) !important;
  height: 100% !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy .kicker {
  font-size: clamp(0.95rem, 1.12vw, 1.1rem) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
  font-size: clamp(2.35rem, 3vw, 3.35rem) !important;
  line-height: 1.01 !important;
  max-width: 16ch !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 12 !important;
  font-size: clamp(1.3rem, 1.85vw, 1.66rem) !important;
  line-height: 1.25 !important;
  max-width: min(33ch, 100%) !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner .result-tuner-grid.result-tuner-grid,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tuner-grid.result-tuner-grid {
  grid-auto-rows: minmax(clamp(124px, 9.6vw, 144px), auto) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-card.result-tune-card {
  grid-template-rows: min-content minmax(clamp(48px, 4.2vw, 56px), auto) !important;
  min-height: clamp(124px, 9.6vw, 144px) !important;
  padding: clamp(12px, 1.15vw, 16px) !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-control.result-tune-control,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-control.result-tune-control {
  --dv-result-dial-control-h: clamp(48px, 4vw, 56px);
  --dv-final-tune-control-height: var(--dv-result-dial-control-h);
  grid-template-columns: clamp(38px, 3.5vw, 44px) minmax(0, 1fr) clamp(38px, 3.5vw, 44px) !important;
  align-items: center !important;
  gap: clamp(7px, 0.9vw, 10px) !important;
  height: var(--dv-result-dial-control-h) !important;
  min-height: var(--dv-result-dial-control-h) !important;
  padding: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-step.result-tune-step {
  block-size: calc(var(--dv-result-dial-control-h, 52px) - 6px) !important;
  min-block-size: calc(var(--dv-result-dial-control-h, 52px) - 6px) !important;
  max-block-size: calc(var(--dv-result-dial-control-h, 52px) - 6px) !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-meter.result-tune-meter,
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-meter.result-tune-meter,
html body[data-step="results"] #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .result-tuner.result-tuner.result-tuner .result-tune-meter.result-tune-meter.result-tune-meter {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
  height: var(--dv-result-dial-control-h, 52px) !important;
  min-height: var(--dv-result-dial-control-h, 52px) !important;
  padding: clamp(5px, 0.55vw, 7px) !important;
  column-gap: clamp(4px, 0.55vw, 6px) !important;
  row-gap: 0 !important;
  overflow: hidden !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-meter.result-tune-meter > i,
html body[data-step="results"] #app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .result-tune-meter.result-tune-meter.result-tune-meter > i {
  grid-row: 1 !important;
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
}

@media (min-width: 761px) and (max-width: 1180px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: clamp(2rem, 3.15vw, 2.8rem) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: clamp(1.12rem, 2vw, 1.42rem) !important;
    max-width: min(32ch, 100%) !important;
  }
}

@media (max-width: 760px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy {
    gap: clamp(6px, 1.5vw, 10px) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-summary-copy.result-summary-copy h3 {
    font-size: clamp(1.08rem, 4vw, 1.5rem) !important;
    max-width: none !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .winner-description.winner-description {
    font-size: clamp(0.76rem, 2.45vw, 1rem) !important;
    line-height: 1.16 !important;
    max-width: none !important;
    -webkit-line-clamp: 7 !important;
  }
}

@media (max-width: 499.98px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner .result-tuner-grid.result-tuner-grid,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tuner-grid.result-tuner-grid {
    grid-auto-rows: minmax(96px, auto) !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-card.result-tune-card,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-card.result-tune-card {
    grid-template-rows: min-content minmax(36px, auto) !important;
    min-height: 96px !important;
    padding: 8px !important;
  }

  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tune-control.result-tune-control,
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) .result-tuner.result-tuner[data-factor-count] .result-tune-control.result-tune-control {
    --dv-result-dial-control-h: 36px;
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    gap: 5px !important;
  }
}

/* Final journey rail pass: one clear progress lane instead of stacked underlines. */
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey {
  position: relative !important;
  min-height: clamp(58px, 6.6dvh, 74px) !important;
  height: auto !important;
  padding: clamp(7px, 0.8vw, 10px) clamp(8px, 1vw, 12px) clamp(15px, 1.15vw, 18px) !important;
  gap: clamp(5px, 0.75vw, 10px) !important;
  overflow: hidden !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::before,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 5px !important;
  left: 0 !important;
  height: clamp(5px, 0.55vw, 7px) !important;
  border-radius: 999px !important;
  background: rgba(16, 42, 46, 0.16) !important;
  pointer-events: none !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::after,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::after {
  content: "" !important;
  position: absolute !important;
  right: auto !important;
  bottom: 5px !important;
  left: 0 !important;
  width: var(--journey-progress, 100%) !important;
  height: clamp(5px, 0.55vw, 7px) !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #b12a33 0%, #07545d 100%) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.88), 0 0 12px rgba(7, 84, 93, 0.18) !important;
  pointer-events: none !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-status,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step {
  min-height: clamp(40px, 4.8dvh, 54px) !important;
  height: auto !important;
  padding: clamp(7px, 0.8vw, 10px) clamp(10px, 1.15vw, 15px) !important;
  padding-bottom: clamp(9px, 0.95vw, 12px) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step.is-active,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey > .journey-step.journey-step.is-active {
  box-shadow: none !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
  line-height: 1.02 !important;
}

html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status em,
html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step span,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status em,
html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step span {
  font-size: clamp(0.74rem, 0.98vw, 0.92rem) !important;
  line-height: 1 !important;
}

@media (max-width: 520px) {
  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey,
  html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey {
    min-height: 58px !important;
    padding: 7px 7px 14px !important;
  }

  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::before,
  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::after,
  html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::before,
  html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey::after {
    bottom: 4px !important;
    height: 5px !important;
  }

  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
  html body[data-step] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong,
  html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-status b,
  html body[data-step] #app#app#app#app#app.goat-console.goat-console.goat-console > .journey-rail.decision-journey .journey-step strong {
    font-size: clamp(0.82rem, 3.35vw, 1rem) !important;
  }
}

/* Final result title fit: short winner names use the full title line. */
html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title.winner-media-title,
html body[data-step="results"] #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title.winner-media-title {
  justify-self: stretch !important;
  justify-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title.winner-media-title h2,
html body[data-step="results"] #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title.winner-media-title h2 {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  text-align: left !important;
  text-wrap: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media (min-width: 761px) {
  html body[data-step="results"] .app-shell.app-shell #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title.winner-media-title:not(.is-long-title):not(.is-extra-long-title) h2,
  html body[data-step="results"] #app#app#app#app#app.goat-console.goat-console.goat-console > [data-stage="results"].stage.is-active.stage.is-active .winner-spotlight.winner-spotlight:has(> .result-tuner.result-tuner) > .winner-media-panel.winner-media-panel .winner-media-title.winner-media-title:not(.is-long-title):not(.is-extra-long-title) h2 {
    white-space: nowrap !important;
  }
}