/* Magazine headers and inline videos share the same player and media components. */
.rio-media-header { position:relative; width:100%; height:min(56.25vw,72svh); min-height:200px; overflow:hidden; background:#0c1621; color:#fff; --rio-focus:var(--rio-accent); }
.rio-video-inline { height:auto; aspect-ratio:16/9; }
.rio-media-poster { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
.rio-gallery-cover { display:block; cursor:zoom-in; }
.rio-gallery-cover .rio-card-media-label { left:16px; right:auto; }
.rio-gallery-cover .rio-image-caption { max-width:calc(100% - 208px); }
.rio-video-header:is([data-video-state="playing"],[data-video-state="loading"]) .rio-image-caption { display:none; }
.rio-gallery-cover:focus-visible { outline:3px solid var(--rio-accent); outline-offset:-3px; }
.rio-video-slot { position:absolute; inset:0; z-index:2; background:#0c1621; }
.rio-video-slot>video,.rio-video-slot>iframe { display:block; width:100%; height:100%; max-width:none; border:0; object-fit:contain; }
.rio-video-placeholder { position:relative; display:grid; place-items:center; width:100%; height:100%; padding:24px; background:linear-gradient(180deg,rgba(8,16,25,.2),rgba(8,16,25,.7)); }
.rio-video-start-copy { display:grid; justify-items:center; gap:16px; max-width:520px; text-align:center; }
.rio-video-source { color:#fff; font:600 11px/1.4 var(--rio-font); letter-spacing:.12em; text-transform:uppercase; }
.rio-video-start-copy p { margin:0; color:#fff; font:400 13px/1.65 var(--rio-font); }
.rio-video-header [hidden] { display:none!important; }
.rio-video-status { position:absolute; z-index:3; inset:auto 14px 12px; margin:0; padding:10px 14px; background:rgba(12,22,33,.92); color:#fff; font:400 12px/1.5 var(--rio-font); text-align:center; }
.rio-video-header[data-video-state=loading]::after { content:''; position:absolute; z-index:3; left:calc(50% - 15px); top:calc(50% - 15px); width:30px; height:30px; border:2px solid rgba(255,255,255,.4); border-top-color:var(--rio-accent); border-radius:50%; pointer-events:none; animation:rio-video-load .8s linear infinite; }
@keyframes rio-video-load { to { transform:rotate(360deg); } }
.rio-video-nojs { position:absolute; z-index:4; inset:auto 16px 16px; background:#0c1621; margin:0; padding:12px; color:#fff; font-size:13px; text-align:center; }
.rio-video-nojs a { color:#fff; text-decoration:underline; }
.rio-video-unavailable { display:flex; align-items:center; gap:14px; padding-block:28px; }
.rio-video-unavailable p { margin:0; font-size:14px; }
.rio-video-unavailable>.rio-icon { width:26px; height:26px; flex-shrink:0; }
.rio-media-heading { padding-block:30px 28px; color:var(--rio-ink); border-bottom:1px solid var(--rio-line); }
.rio-media-heading>.rio-hero-category { margin-bottom:14px; }
.rio-media-heading>h1 { margin:0 0 18px; max-width:1120px; font:var(--rio-heading-weight,700) var(--rio-heading-current-size,clamp(34px,3.7vw,58px))/1.08 var(--rio-heading); text-transform:var(--rio-heading-transform,uppercase); }
.rio-media-heading .rio-single-subtitle { margin-inline:0; }
.rio-media-heading .rio-single-meta { justify-content:flex-start; color:var(--rio-ink); gap:12px 24px; margin-bottom:22px; }
.rio-media-heading .rio-single-meta a { color:var(--rio-ink); }
.rio-media-heading .rio-article-actions { justify-content:flex-start; }
.rio-single-media .rio-single-layout { grid-template-columns:minmax(0,1fr) 285px; }
.rio-single-media .rio-single-main { max-width:none; }
@media(max-width:1199px) { .rio-single-media .rio-single-layout { grid-template-columns:minmax(0,1fr) 260px; } }
@media(max-width:959px) {
 .rio-single-media .rio-single-layout { grid-template-columns:minmax(0,1fr); }
 .rio-gallery-cover .rio-card-media-label { inset:12px 12px auto auto; }
 .rio-gallery-cover .rio-image-caption { right:12px; max-width:calc(100% - 24px); }
}
@media(max-width:599px) {
 .rio-video-placeholder { padding:16px; }
 .rio-video-start-copy { gap:10px; }
 .rio-video-start-copy p { font-size:11px; max-width:310px; }
 .rio-video-source { font-size:10px; }
 .rio-media-heading { padding-block:24px; }
 .rio-media-heading .rio-single-meta { gap:10px 16px; font-size:11px; }
 .rio-video-status { inset:auto 8px 6px; padding:6px 10px; font-size:11px; }
 .rio-video-header:has(.rio-video-status:not([hidden])) .rio-video-start-copy>p { visibility:hidden; }
}
@media(prefers-reduced-motion:reduce) { .rio-video-header[data-video-state=loading]::after { animation:none; } }
@media print { .rio-video-header { display:none; }.rio-single-media .rio-single-layout { display:block; } }

/* Video facts use the normal wikibox; only its placement and optional two-column facts differ. */
.rio-video-info-box { margin:0 0 28px; }
.rio-video-info-box .rio-wiki-facts { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); margin-bottom:18px; }
.rio-video-info-box .rio-button { text-decoration:none; }