/* Keep the story card's complete content visible when the opening scene is short. */
@media (min-width: 1400px) and (max-height: 760px) {
  main > .hero .scene .sco-board-story:not([data-custom]) {
    padding: 9px 11px 11px;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-kicker {
    font-size: 9px;
    line-height: 1.4;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) h3 {
    margin: 10px 0 6px;
    font-size: clamp(17px, 1.2vw, 20px);
    line-height: 1.35;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-note {
    font-size: 11px;
    line-height: 1.55;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-journey {
    margin-top: 16px;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-step {
    min-height: 60px;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-step-index {
    width: 25px;
    height: 25px;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-step-copy strong {
    font-size: 13px;
    line-height: 1.4;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-step-copy small {
    font-size: 10px;
    line-height: 1.45;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-story-trace {
    margin-bottom: 8px;
    padding: 8px 11px 7px;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-story-trace-lines {
    gap: 3px;
    min-height: 0;
    margin-top: 6px;
  }

  main > .hero .scene .sco-board-story:not([data-custom]) .sco-board-story-trace-lines span {
    font-size: 10px;
    line-height: 1.4;
    transform: translateY(5px);
  }
}