/* === Latest news rail =======================================================
   Five stories from the partners as a horizontal, scroll-snapping row. The
   picture is the card; the next card peeks in from the right so the row reads
   as scrollable without arrows. See docs/design-language.md.
   ========================================================================== */

/* The subtitle belongs to the heading, not to the pictures: it hugs the title
   and leaves the room below it. Both selectors are qualified with the panel
   because the theme's generic panel paragraph rule would otherwise win. */
.icrt-partners .icrt-section-title { margin-bottom: .25rem; }

.icrt-partners .icrt-partners__lead {
  margin: 0 0 .9rem;
  font-size: .875rem;
  line-height: 1.4;
  color: var(--icrt-muted);
}

.icrt-partners__rail {
  list-style: none;
  margin: 0 -1.15rem;
  padding: 0 1.15rem .25rem;
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 1.15rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.icrt-partners__rail::-webkit-scrollbar { display: none; }

.icrt-pstory { flex: 0 0 78%; min-width: 0; scroll-snap-align: start; }

.icrt-pstory__link { display: block; color: var(--icrt-ink); text-decoration: none; }

.icrt-pstory__media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 12px;
  background: var(--icrt-mist);
}

.icrt-pstory__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter .25s ease;
}

.icrt-pstory__link:hover .icrt-pstory__img { filter: brightness(.93); }

.icrt-pstory__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: .6rem 0 0;
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.icrt-pstory__by { display: block; margin-top: .2rem; font-size: .8125rem; line-height: 1.4; color: var(--icrt-muted); }

.icrt-pstory__link:focus-visible { outline: 2px solid var(--icrt-accent); outline-offset: 3px; border-radius: 12px; }

@media (prefers-reduced-motion: reduce) {
  .icrt-pstory__img { transition: none; }
  .icrt-partners__rail { scroll-behavior: auto; }
}
