.subpage-video { background:var(--bg-alt); }
.subpage-video-inner { max-width:960px; margin-inline:auto; min-width:0; }
.subpage-video-heading { margin-bottom:1.5rem; }
.video-eyebrow { color:var(--blue); font-size:.875rem; letter-spacing:.055em; margin:0 0 .8rem; }
.subpage-video-heading h2 { margin:0 0 .75rem; font-size:clamp(1.65rem,3.1vw,2.65rem); line-height:1.18; letter-spacing:-.035em; overflow-wrap:anywhere; }
.subpage-video-heading > p:not(.video-eyebrow) { color:var(--secondary); margin:0; max-width:70ch; font-size:1rem; }
.video-highlights { margin:1.75rem 0 0; display:grid; gap:1rem; }
.video-highlights > div { border-inline-start:2px solid var(--border); padding-inline-start:1rem; }
.video-highlights dt { margin:0 0 .3rem; font-weight:600; font-size:1rem; }
.video-highlights dd { margin:0; color:var(--secondary); font-size:1rem; line-height:1.6; }
.video-panel { margin:0; border:1px solid var(--border); border-radius:.5rem; overflow:hidden; background:var(--surface); }
.video-panel video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:var(--bg); direction:ltr; }
.video-panel video::cue { background-color:rgba(11,24,37,.9); color:white; }
.video-settings { padding:1.1rem 1.4rem; border-top:1px solid var(--border); }
.video-selects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; max-width:620px; }
.video-selects label { display:grid; gap:.4rem; min-width:0; color:var(--ink); font-weight:600; font-size:.875rem; }
.video-selects select { display:block; width:100%; min-width:0; min-height:46px; padding:.6rem 2rem .6rem .75rem; border:1px solid var(--border); border-radius:.3rem; background:var(--surface); color:var(--ink); font:inherit; font-size:1rem; font-weight:400; }
[dir="rtl"] .video-selects select { padding-inline:.75rem 2rem; }
.video-selects select:focus-visible,.video-panel video:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.video-settings p { margin:.8rem 0 0; font-size:.875rem; color:var(--secondary); line-height:1.55; }
.video-status { margin:1rem 0 0; color:var(--secondary); font-size:1rem; }
.video-recovery { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:.75rem; }
.video-recovery[hidden] { display:none; }
@media(min-width:1100px) {
  .subpage-video:not([data-video-layout="wide"]) .subpage-video-inner { max-width:1280px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); grid-template-rows:1fr 1fr auto auto; grid-template-areas:"copy player" "notes player" "status status" "recovery recovery"; column-gap:clamp(2rem,4vw,4rem); align-items:center; }
  .subpage-video:not([data-video-layout="wide"]) .subpage-video-heading { grid-area:copy; align-self:end; margin:0; max-width:30rem; }
  .subpage-video:not([data-video-layout="wide"]) .video-highlights { grid-area:notes; align-self:start; max-width:30rem; }
  .subpage-video:not([data-video-layout="wide"]) .subpage-video-heading h2 { font-size:clamp(1.9rem,2.5vw,2.5rem); }
  .subpage-video:not([data-video-layout="wide"]) .video-panel { grid-area:player; min-width:0; }
  .subpage-video:not([data-video-layout="wide"]) .video-status { grid-area:status; }
  .subpage-video:not([data-video-layout="wide"]) .video-recovery { grid-area:recovery; }
  .subpage-video[data-video-layout="left"] .subpage-video-inner { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); grid-template-areas:"player copy" "player notes" "status status" "recovery recovery"; }
  .subpage-video[data-video-layout="left"] .subpage-video-heading,.subpage-video[data-video-layout="left"] .video-highlights { justify-self:end; width:100%; }
}
@media(max-width:680px) { .subpage-video { padding:2.5rem 0; } .video-settings { padding:1rem; } .video-selects { gap:.75rem; } }
@media(max-width:360px) { .video-selects { grid-template-columns:minmax(0,1fr); } }
@media print { .subpage-video { display:none; } }