.media-transcript { flex: 1; display: flex; flex-direction: column; min-height: 0; }
.media-transcript__text { padding: 18px 24px 24px; overflow-anchor: none; }
.media-transcript__title { margin: 0 0 20px; color: #536452; font-size: 13px; font-weight: 500; line-height: 1.5; }
.media-transcript__cue { margin: 4px 0; padding: 12px; border-radius: 12px; color: #74806d; font-size: 19px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; transition: color 200ms ease, background-color 200ms ease, box-shadow 200ms ease; }
.media-transcript__cue[aria-current="true"] { color: #253f30; background: #e8edde; box-shadow: inset 3px 0 #6c854c; }
.media-transcript__plain { margin: 0 0 20px; font-size: 15px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.media-transcript__footer { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: calc(53px + var(--content-bottom)); padding: 8px 24px var(--content-bottom); border-top: 1px solid #e7e9df; }
.media-transcript__status { color: #65785a; font-size: 11px; }
.media-transcript__follow { min-height: 44px; padding: 8px 16px; border-radius: 22px; color: #fff; background: #2f5847; font-size: 12px !important; font-weight: 600 !important; }
.media-transcript__footer[hidden], .media-transcript__follow[hidden] { display: none; }
@media (max-width: 699px) {
  .media-transcript__text, .media-transcript__footer { padding-left: max(var(--edge), env(safe-area-inset-left)); padding-right: max(var(--edge), env(safe-area-inset-right)); }
}
@media (prefers-reduced-motion: reduce) { .media-transcript__cue { transition: none; } }