/* Native controls and the whole portrait frame; no cropped or blurred duplicate. */
@font-face { font-family: XiangxiSansPreview400; src: url('/assets/fonts/ui-video/zh-video-regular.woff2') format('woff2'); font-weight: 400; font-display: swap; unicode-range: U+505C,U+5141,U+5207,U+58F0,U+6B21,U+83B7,U+89C2,U+89C6,U+8BB8,U+9891; }
@font-face { font-family: XiangxiSansPreview500; src: url('/assets/fonts/ui-video/zh-video-medium.woff2') format('woff2'); font-weight: 500; font-display: swap; unicode-range: U+505C,U+5141,U+5207,U+58F0,U+6B21,U+83B7,U+89C2,U+89C6,U+8BB8,U+9891; }
.video-section { padding-block: 40px; scroll-margin-top: calc(var(--site-header-height, 100px) + 16px); }
.video-dark { color: #f3f0e8; }
.video-dark [data-video-status] { color: #f3f0e8; }
.video-fallback { display: inline-flex; min-height: 44px; align-items: center; }
.video-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 360px); align-items: center; gap: 40px; }
.video-grid > * { min-width: 0; }
.video-copy h2 { margin-bottom: 16px; }
body.ui-heritage .video-copy h2, body.ui-phase2 .video-copy h2 { font-family: XiangxiSongWeb, 'Source Han Serif SC', 'Songti SC', serif !important; font-weight: 600; }
html[lang=en] body .video-copy h2 { font-family: XiangxiEnglishSerif, Georgia, serif !important; font-weight: 600; }
.video-copy p { line-height: 1.8; overflow-wrap: anywhere; }
[data-video-module] { min-width: 0; }
.video-media { width: min(360px, 100%); margin-inline: auto; }
[data-video-module] video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; background: #252420; border-radius: 4px; }
.video-actions { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 12px; }
[data-video-start] { min-width: 44px; min-height: 44px; padding: 10px 16px; border: 1px solid var(--muted, #706960); border-radius: 4px; background: var(--cream, #f1eee7); color: var(--ink, #373430); font: inherit; cursor: pointer; line-height: 1.5; }
.video-actions [data-video-start] { font-family: XiangxiSansPreview500, 'PingFang SC', sans-serif !important; font-weight: 500; }
html[lang=en] [data-video-start] { font-family: XiangxiEnglishSans, Arial, sans-serif !important; }
[data-video-start]:focus-visible { outline: 3px solid var(--rust-dark, #574739); outline-offset: 4px; }
[data-video-status] { margin-top: 12px; line-height: 1.7; color: var(--ink, #373430); overflow-wrap: anywhere; }
[data-video-module] [hidden] { display: none !important; }
@media (max-width: 760px) {
  .video-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .video-section { padding-block: 28px; }
}