.film-availability[hidden] { display: none; }
/* The live region stays in the tree; it only takes space while it carries a message */
.film-status { margin: 0; font-size: .95rem; line-height: 1.5; color: #1d1d1f; }
.film-status:not(:empty) { margin-top: .75rem; }
.film-availability { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; padding: .75rem 1.25rem; margin: .5rem 0 0; border: 1px solid #d2d2d7; border-radius: 16px; background: #f5f5f7; color: #1d1d1f; }
.film-retry { flex: 0 0 auto; min-height: 44px; padding: .6rem 1rem; border: 1px solid currentColor; border-radius: 999px; background: #fff; color: #1d1d1f; font: inherit; cursor: pointer; }
.film-retry:focus-visible { outline: 3px solid #065ecc; outline-offset: 3px; }
@media (max-width: 600px) { .film-availability { align-items: flex-start; flex-direction: column; } }
@media (forced-colors: active) { .film-availability, .film-retry { border-color: CanvasText; background: Canvas; color: CanvasText; } .film-status { color: CanvasText; } .film-stage video:focus-visible { outline-color: Highlight; } }
/* The stage clips overflow, so the ring is drawn inside the video */
.film-stage video:focus-visible { outline: 3px solid var(--link, #065ecc); outline-offset: -6px; }