/* Shared signature workflow; screenshots remain genuine app frames. */
.signature-story section { scroll-margin-top: 80px; }
.signature-story .sg-film video { width: 300px; }
.signature-story .sg-film figcaption { display: block; text-align: center; line-height: 1.6; }
.signature-story .sg-proof { width: min(100%, 300px); justify-self: center; padding: 0; background: transparent; }
.signature-story .sg-proof .cs-shot { box-shadow: none; }
.signature-story .sg-proof figcaption { display: block; }
.signature-story .cs-reverse .sg-proof { grid-column: 1; grid-row: 1; }
.signature-story :focus-visible, .signature-teaser :focus-visible { outline: 3px solid var(--cs-teal); outline-offset: 4px; }
.signature-story .cs-chapter-copy, .signature-story .cs-hero-copy { min-width: 0; overflow-wrap: break-word; }
@media (max-width: 700px) {
  .signature-story .cs-reverse .sg-proof { grid-column: auto; grid-row: auto; }
}