/* Quiet, keyboard-accessible scene navigation below the film, never over text. */
.film-scenes[hidden]{display:none!important}
.film-scenes{box-sizing:border-box;min-width:0;width:100%;padding:14px 18px 10px;color:#36332d;background:#faf7f1;border-top:1px solid #e0d7c8;font:400 13px/1.5 var(--sans,system-ui,sans-serif)}
.film-scenes-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.film-scenes-button,.film-scenes-resume{appearance:none;min-height:44px;padding:9px 14px;border:1px solid #c8b99f;border-radius:999px;background:#fffdf9;color:#403a30;font:500 13px/1.4 var(--sans,system-ui,sans-serif);cursor:pointer;white-space:nowrap}
.film-scenes-resume{margin-left:auto;background:#e9dfcc;border-color:#b99a63}
.film-scenes-count{min-width:74px;text-align:center;font-size:12px;color:#655b4c;font-variant-numeric:tabular-nums}
.film-scenes-button:disabled{opacity:.45;cursor:default}
.film-scenes-button:not(:disabled):hover,.film-scenes-resume:hover{background:#efe6d7}
.film-scenes-select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:44px;margin-top:10px;padding:8px 30px 8px 12px;border:1px solid #d8cebd;border-radius:10px;background:#fffdf9;color:#403a30;font:400 13px/1.5 var(--sans,system-ui,sans-serif);text-overflow:ellipsis}
.film-scenes button:focus-visible,.film-scenes-select:focus-visible{outline:2px solid #806236;outline-offset:3px}
.film-scenes-status{font:400 12px/1.5 var(--sans,system-ui,sans-serif);color:#665a49;margin:8px 0 0;min-height:0}
.film-scenes-status:empty{display:none}
.film-library .film-scenes{max-width:1000px;margin-inline:auto}
.faq-hub .fh-lesson>.film-scenes{grid-column:1/-1}
@media(max-width:480px){.film-scenes{padding:12px}.film-scenes-bar{gap:6px}.film-scenes-button,.film-scenes-resume{font-size:12px;padding:8px 11px}.film-scenes-count{min-width:65px;font-size:11px}.film-scenes-select{font-size:16px}.film-scenes-resume{flex-basis:auto}}
/* Series players use a two-column layout: keep text beside, navigation below. */
@media(min-width:1001px){
.patient-films .pf-player>.pf-screen{grid-column:1;grid-row:1}
.patient-films .pf-player>.film-scenes{grid-column:1;grid-row:2;align-self:start}
.patient-films .pf-player>.pf-meta{grid-column:2;grid-row:1 / span 2}
}