/* Keep the customer outcome and the next step ahead of detailed evidence. */
.story-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 1.5rem; }
.story-actions a, .story-reading a { display: inline-flex; align-items: center; min-height: 44px; }
.story-reading { font-size: .875rem; color: var(--text-soft); margin: .5rem 0; }
.story-result { border-left: 3px solid var(--jade, #19765b); padding: 1rem 1.5rem; margin: 0 0 2rem; background: var(--white, #fff); }
.story-result h3, .supporting-story h3 { font-size: 1.25rem; line-height: 1.4; margin-bottom: .75rem; }
.story-result p { margin: 0; }
.supporting-story { border-top: 1px solid var(--border, #d8e1dc); margin-top: 3rem; padding-top: 2rem; }
.supporting-story .eyebrow { display: block; margin-bottom: .5rem; }
.story-scope { font-size: .875rem; line-height: 1.6; color: var(--text-soft); margin-top: .75rem; }
.story-watch { margin-top: 1rem; }
.story-watch > summary { min-height: 44px; }
#policy-review-film video::cue, #supporting-files-film video::cue, #employee-offboarding-film video::cue, #stopped-action-film video::cue {
  font-size: clamp(14px, 1.5vw, 24px);
}
#policy-review-film video:fullscreen::cue, #supporting-files-film video:fullscreen::cue, #employee-offboarding-film video:fullscreen::cue, #stopped-action-film video:fullscreen::cue {
  font-size: 85%;
}
#use-cases .persona-tab { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .story-result { padding: 1rem; }
  .story-watch[open] { padding-inline: 0; border-inline: 0; border-radius: 0; }
  .story-watch[open] > summary { padding-inline: .75rem; }
  .story-watch > .detail-body { padding-inline: 0; }
}