/* ============================================================================
   SADER — s-news-story  (singular: one NEWS STORY, /news.html?id=…)
   A reading column — eyebrow, headline, date, the photo (or the video), the
   story prose — then "More stories" reusing the Newsroom teaser grid
   (.s-newsroom__feed + .news-card, zero new card CSS). Light (white) world.
   Every selector scoped under .s-news-story.
   ============================================================================ */

.s-news-story { background-color: var(--bg); }

.s-news-story__article {
  max-inline-size: var(--container-narrow);
  margin-inline: auto;
}

.s-news-story__back {
  margin-block-end: clamp(var(--space-6), 4vw, var(--space-8));
}
/* the .btn--text arrow points forward; for a back link, flip it to lead */
.s-news-story__back::after { order: -1; transform: scaleX(-1); }
[dir="rtl"] .s-news-story__back::after { transform: none; }

.s-news-story__title {
  font-family: var(--font-display);
  font-size: var(--fs-h1);
  font-weight: var(--fw-semi);
  line-height: var(--lh-display);
  letter-spacing: var(--tracking-display);
  color: var(--text);
  margin-block-start: var(--space-4);
}

.s-news-story__date {
  display: block;
  margin-block-start: var(--space-4);
  font-size: var(--fs-small);
  color: var(--text-muted);
}

.s-news-story__media {
  margin: clamp(var(--space-6), 4vw, var(--space-8)) 0 0;
  background-color: var(--surface);
  border: 1px solid var(--line);
  overflow: hidden;
}
.s-news-story__media[hidden] { display: none; }
.s-news-story__media img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  max-block-size: 80vh;
  object-fit: contain;
}
.s-news-story__media iframe {
  display: block;
  inline-size: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

.s-news-story__prose {
  margin-block-start: clamp(var(--space-6), 4vw, var(--space-8));
  font-size: var(--fs-lead);
  line-height: var(--lh-body);
  color: var(--text);
}
[dir="rtl"] .s-news-story__prose { line-height: var(--lh-body-ar); }

.s-news-story__missing { color: var(--text-muted); }
.s-news-story__missing[hidden] { display: none; }

.s-news-story__more {
  margin-block-start: clamp(var(--space-9), 8vw, var(--space-11));
}
.s-news-story__more[hidden] { display: none; }