/* Desktop only: straight horizontal story rail. Mobile is untouched. */
@media (min-width: 769px) {
  .news-story-viewer,
  .news-story-viewer.active {
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    padding: 0 !important;
    background: rgba(4, 9, 17, .97) !important;
    backdrop-filter: blur(10px) !important;
  }

  .news-story-viewer .news-story-shell,
  .news-story-viewer.active .news-story-shell {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    max-height: none !important;
    padding: 48px 72px 28px !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #0b1423 0%, #060d18 100%) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    display: block !important;
  }

  .news-story-viewer .news-story-stage {
    position: relative !important;
    width: 100% !important;
    height: calc(100vh - 76px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    perspective: none !important;
  }

  .news-story-viewer .news-story-progress {
    top: 14px !important;
    left: 18px !important;
    right: 58px !important;
    z-index: 50 !important;
  }

  .news-story-viewer .news-story-close {
    top: 10px !important;
    right: 14px !important;
    z-index: 51 !important;
  }

  .news-story-viewer .news-story-carousel-wrap,
  .news-story-viewer .news-story-thumbs {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
    pointer-events: none !important;
    perspective: none !important;
  }

  /* Every non-highlight card uses the same rectangular story design. */
  .news-story-viewer .news-story-thumb {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: clamp(190px, 16vw, 250px) !important;
    height: min(68vh, 620px) !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #0f1724 !important;
    opacity: 0 !important;
    filter: none !important;
    pointer-events: none !important;
    box-shadow: 0 22px 52px rgba(0, 0, 0, .34) !important;
    transform: translate(-50%, -50%) !important;
    transition: transform .42s cubic-bezier(.22,.68,.2,1), opacity .26s ease, filter .26s ease !important;
  }

  .news-story-viewer .news-story-thumb::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    pointer-events: none !important;
  }

  .news-story-viewer .news-story-thumb-image,
  .news-story-viewer .news-story-thumb-image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
  }

  .news-story-viewer .news-story-thumb-image img {
    object-fit: cover !important;
  }

  .news-story-viewer .news-story-thumb-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.12) 42%, rgba(0,0,0,.86) 100%) !important;
  }

  .news-story-viewer .news-story-thumb-meta {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    padding: 22px 18px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    text-align: left !important;
  }

  .news-story-viewer .news-story-thumb-kicker {
    align-self: flex-start !important;
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .news-story-viewer .news-story-thumb-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
  }

  /* Straight line positions: no rotation, no circular arrangement, no overlap. */
  .news-story-viewer .news-story-thumb.is-prev-2 {
    opacity: .58 !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    transform: translate(calc(-50% - min(42vw, 620px)), -50%) scale(.88) !important;
    filter: brightness(.78) !important;
  }

  .news-story-viewer .news-story-thumb.is-prev-1 {
    opacity: .9 !important;
    z-index: 4 !important;
    pointer-events: auto !important;
    transform: translate(calc(-50% - min(24vw, 355px)), -50%) scale(.96) !important;
    filter: brightness(.92) !important;
  }

  .news-story-viewer .news-story-thumb.is-next-1 {
    opacity: .9 !important;
    z-index: 4 !important;
    pointer-events: auto !important;
    transform: translate(calc(-50% + min(24vw, 355px)), -50%) scale(.96) !important;
    filter: brightness(.92) !important;
  }

  .news-story-viewer .news-story-thumb.is-next-2 {
    opacity: .58 !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    transform: translate(calc(-50% + min(42vw, 620px)), -50%) scale(.88) !important;
    filter: brightness(.78) !important;
  }

  .news-story-viewer .news-story-thumb.is-current,
  .news-story-viewer .news-story-thumb.is-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Highlight remains in the same horizontal line, only larger. */
  .news-story-viewer .news-story-focus-card {
    position: relative !important;
    width: clamp(330px, 27vw, 440px) !important;
    height: min(82vh, 760px) !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    z-index: 10 !important;
    transform: none !important;
    box-shadow: 0 36px 90px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255,255,255,.1) inset !important;
  }

  .news-story-viewer .news-story-media,
  .news-story-viewer .news-story-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  .news-story-viewer .news-story-media img {
    object-fit: cover !important;
  }

  .news-story-viewer .news-story-content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    padding: 30px 24px 24px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.2) 18%, rgba(0,0,0,.92) 100%) !important;
  }

  .news-story-viewer .news-story-content h2 {
    font-size: clamp(28px, 2.1vw, 37px) !important;
    line-height: 1.06 !important;
    margin: 10px 0 !important;
  }

  .news-story-viewer .news-story-content p {
    font-size: 14px !important;
    line-height: 1.48 !important;
    -webkit-line-clamp: 4 !important;
  }

  .news-story-viewer .news-story-carousel-arrow {
    position: absolute !important;
    top: 50% !important;
    width: 52px !important;
    height: 52px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 30 !important;
    pointer-events: auto !important;
  }

  .news-story-viewer .news-story-carousel-arrow.prev { left: 16px !important; }
  .news-story-viewer .news-story-carousel-arrow.next { right: 16px !important; }
  .news-story-viewer .news-story-tap { display: none !important; }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .news-story-viewer .news-story-shell,
  .news-story-viewer.active .news-story-shell { padding-left: 46px !important; padding-right: 46px !important; }
  .news-story-viewer .news-story-thumb { width: 180px !important; height: min(60vh, 500px) !important; }
  .news-story-viewer .news-story-thumb.is-prev-2,
  .news-story-viewer .news-story-thumb.is-next-2 { display: none !important; }
  .news-story-viewer .news-story-thumb.is-prev-1 { transform: translate(calc(-50% - 190px), -50%) scale(.94) !important; }
  .news-story-viewer .news-story-thumb.is-next-1 { transform: translate(calc(-50% + 190px), -50%) scale(.94) !important; }
  .news-story-viewer .news-story-focus-card { width: 310px !important; height: min(76vh, 640px) !important; }
}