/* Complete transcripts share the existing field and palette. Columns follow
   source order; short exchanges stay close instead of occupying tall grid rows. */
.story-atlas-page .story-layer .story-layer__body {
  overflow: visible;
  overflow-wrap: break-word;
}
.story-atlas-page .story-atlas__viewport,
.story-atlas-page .story-atlas__plane,
.story-atlas-page .story-layer,
.story-atlas-page .story-layer * {
  -webkit-user-select: none;
  user-select: none;
}
.story-atlas-page:not(.is-story-focused) .story-layer[data-story-id] .story-layer__body {
  display: block;
  columns: var(--transcript-overview-columns, 3);
  column-gap: 20px;
  font-size: var(--story-body-size, 14px);
  line-height: 1.28;
}
.story-atlas-page:not(.is-story-focused) .story-layer[data-story-id="topic-10"] .story-layer__body {
  column-gap: 15px;
  font-size: 9.6px;
  line-height: 1.23;
}
.story-atlas-page:not(.is-story-focused) .story-layer[data-story-id="topic-10"] .story-layer__body p {
  margin-bottom: .78em;
}
.story-atlas-page.is-story-focused .story-layer.is-active[data-story-id] .story-layer__body {
  display: block;
  columns: var(--transcript-reading-columns, 4);
  column-gap: 30px;
  min-height: 0;
  font-size: var(--composition-font-size, 17px);
  line-height: 1.3;
}
.story-atlas-page .story-layer[data-story-id] .story-layer__body p {
  width: auto;
  max-width: none;
  break-inside: avoid-column;
  margin: 0 0 .72em;
  padding: 0;
  text-align: left;
}
.story-atlas-page .story-layer[data-story-id] .story-layer__body p:nth-child(9n + 4) {
  margin-left: 1.2em;
  margin-right: .4em;
}
.story-atlas-page .story-layer[data-story-id] .story-layer__body p:nth-child(13n + 7) {
  margin-top: 1.2em;
  margin-right: 1.6em;
}
.story-atlas-page .story-layer[data-story-id] .story-layer__body .story-paragraph--question {
  width: auto;
  max-width: none;
  margin-bottom: .35em;
  text-align: left;
}
.story-atlas-page.is-story-focused .story-layer.is-active[data-story-id] h2 {
  max-width: 76%;
  margin-bottom: 20px;
}

/* Keep the surrounding field perceptible when one story comes forward. */
.story-atlas-page.is-story-focused .story-layer:not(.is-active) {
  opacity: .13;
  filter: blur(.12px) saturate(.7);
}
.story-atlas-page.is-story-focused .story-layer.is-near:not(.is-active) {
  opacity: .18;
  filter: blur(.08px) saturate(.78);
}
@media (prefers-reduced-motion: reduce) {
  .story-atlas-page .story-layer,
  .story-atlas-page .story-layer .story-layer__body { transition: none; }
}