/* Click-to-play band of reviewed official footage on the homepage.
   No iframe is loaded until the reader presses play, so the section costs
   nothing on first paint and never depends on a third-party autoplay.
   See scripts/inject_home_official_video_band.py */
.official-video-band{background:#f4f7f9;color:#12222e}
.official-video-band .section__head h2{color:#12222e}
.official-video-band__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.official-video-band__card{display:flex;flex-direction:column;background:#fff;border:1px solid #d6e0e7;box-shadow:0 8px 24px rgba(8,30,44,.07)}
.official-video-band__frame{position:relative;aspect-ratio:16/9;background:#0a1724;overflow:hidden}
.official-video-band__frame img{display:block;width:100%;height:100%;object-fit:cover}
.official-video-band__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0a1724}
.official-video-band__frame.is-playing img{visibility:hidden}
.official-video-band__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:48px;padding:0 20px;border:1px solid rgba(160,210,240,.7);background:rgba(4,14,24,.78);color:#eaf3fa;font:inherit;font-size:14px;font-weight:800;letter-spacing:.05em;cursor:pointer;transition:background .22s,border-color .22s}
.official-video-band__play:hover{background:#167ab4;border-color:#63bde8}
.official-video-band__body{padding:16px 18px 20px}
.official-video-band__body h3{margin:0 0 8px;font-size:17px;line-height:1.6}
.official-video-band__body h3 a{color:#12222e}
.official-video-band__body h3 a:hover{color:#1a5c93;text-decoration:underline}
.official-video-band__body p{margin:0;color:#4f6274;font-size:13px;line-height:1.8}
.official-video-band__note{margin-top:8px!important;color:#5b6d7b!important;font-size:12px!important}
.official-video-band__source{display:inline-block;margin-top:10px;color:#1a5c93;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.official-video-band__disclaimer{margin:16px 0 0;color:#4f6274;font-size:12px;line-height:1.85}
@media(max-width:1120px){.official-video-band__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.official-video-band__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.official-video-band__play{transition:none}}