/* News & Media film archive. Shared type and spacing match the homepage. */
.news-films { padding-block:var(--section-padding); background:var(--navy); color:var(--canvas); }
.news-films-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px 48px; margin-bottom:var(--heading-gap); }
.news-films-heading h2 { font-size:var(--type-feature-title); line-height:1.08; }
.news-films-heading p { max-width:620px; margin-top:20px; color:#c7ccd6; }
.news-films-heading > a { flex-shrink:0; color:var(--yellow); }
.news-films a:focus-visible,.news-films summary:focus-visible { outline:2px solid var(--yellow); outline-offset:5px; }
.news-films-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.news-film-card { min-width:0; }
.news-film-link { display:block; color:inherit; }
/* Wider preview crops away the letterboxing in the channel thumbnails.
   This affects preview cards only; the player keeps its original 16:9 frame. */
.news-film-poster { display:block; position:relative; overflow:hidden; background:var(--deep); aspect-ratio:12/5; }
.news-film-poster > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.news-film-play { position:absolute; inset:0; margin:auto; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:var(--navy); background:var(--yellow); box-shadow:0 2px 16px #0003; transition:transform .18s ease; }
.news-film-play svg { width:20px; height:20px; }
.news-film-link:hover .news-film-play { transform:scale(1.08); }
.news-film-link:hover h3 { text-decoration:underline; text-underline-offset:5px; }
.news-film-duration { position:absolute; right:8px; bottom:8px; padding:2px 6px; background:#12151ee6; color:#fff; font-size:.75rem; font-weight:700; }
.news-film-link h3 { margin-top:12px; font-size:var(--type-item-title); font-weight:700; line-height:1.4; letter-spacing:0; }
.news-films-more { margin-top:36px; }
.news-films-more > summary { display:flex; align-items:center; justify-content:center; gap:16px; width:fit-content; min-height:52px; margin-inline:auto; padding:12px 24px; border:1px solid #747b8c; color:var(--canvas); font-weight:800; cursor:pointer; list-style:none; }
.news-films-more > summary::-webkit-details-marker { display:none; }
.news-films-more > summary:hover { background:var(--panel); }
.news-films-plus { position:relative; width:16px; height:16px; flex-shrink:0; }
.news-films-plus::before,.news-films-plus::after { content:""; position:absolute; background:currentColor; }
.news-films-plus::before { width:16px; height:2px; top:7px; left:0; }
.news-films-plus::after { width:2px; height:16px; left:7px; top:0; }
.news-films-collapse,.news-films-more[open] .news-films-expand,.news-films-more[open] .news-films-plus::after { display:none; }
.news-films-more[open] .news-films-collapse { display:inline; }
.news-films-more > .news-films-grid { margin-top:32px; }
html.news-video-open { overflow:hidden; }
.news-video-dialog { position:fixed; width:min(1120px,calc(100vw - 32px)); max-width:none; max-height:calc(100svh - 32px); margin:auto; padding:0; border:0; background:var(--deep); color:var(--canvas); }
.news-video-dialog:not([open]) { display:none; }
.news-video-dialog::backdrop { background:#0b0d14e6; }
.news-video-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; }
.news-video-bar h2 { margin:0; font-size:var(--type-item-title); line-height:1.35; }
.news-video-bar button { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; padding:10px; background:transparent; color:inherit; border:0; }
.news-video-dialog svg { width:20px; height:20px; }
.news-video-dialog :is(a,button):focus-visible { outline:2px solid var(--yellow); outline-offset:3px; }
.news-video-stage { width:100%; aspect-ratio:16/9; background:#000; }
.news-video-stage iframe { display:block; width:100%; height:100%; border:0; }
.news-video-fallback { margin:0; padding:12px 24px 16px; text-align:right; }
.news-video-fallback a { display:inline-flex; align-items:center; gap:8px; min-height:32px; color:#c7ccd6; font-size:var(--type-label); text-decoration:none; }
@media(max-width:900px) {
 .news-films-heading { align-items:flex-start; flex-direction:column; gap:16px; }
 .news-films-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
 .news-films-heading p { margin-top:20px; }
 .news-films-grid { grid-template-columns:1fr; gap:24px; }
 .news-film-link h3 { margin-top:10px; font-size:var(--type-body); }
 .news-films-more { margin-top:28px; }
 .news-films-more > .news-films-grid { margin-top:28px; }
 .news-video-bar { padding:12px 16px; gap:12px; }
 .news-video-fallback { padding:12px 16px; }
}
@media(prefers-reduced-motion:reduce) {
 .news-film-play { transition:none; }
}
