.video-toolbar,.video-years{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 22px}
.site-shell .video-toolbar button,.site-shell .video-toolbar .button,.site-shell .video-years .button,.site-shell .video-gallery-page .news-card>.button,.site-shell .home-video-gallery .news-card>.button{display:inline-flex;align-items:center;justify-content:center;width:176px;max-width:100%;min-height:34px;padding:6px 10px;font-size:13px;line-height:1.25;background:#992d48;color:white;border:1px solid #84243c}
.video-years a[aria-current=page]{outline:3px solid #bd9b64;outline-offset:3px}
.video-gallery-page #film-admin textarea{font-size:14px;resize:vertical;min-height:72px}
.video-gallery-page #film-admin textarea[name=description]{min-height:130px}
.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.video-grid>*{min-width:0}.video-grid h2{overflow-wrap:anywhere}.video-grid p{white-space:pre-line;overflow-wrap:anywhere}
.video-grid .owned-video video{width:100%;max-height:360px;object-fit:contain;background:#171717}
.video-grid .facebook-video.landscape{max-width:100%;width:100%}.video-grid .facebook-video.landscape iframe{aspect-ratio:16/9;width:100%;height:auto}
.video-unassigned{margin-top:28px}.video-unassigned>summary{cursor:pointer;padding:12px 0;font-weight:bold}
.home-video-gallery{margin:24px 0}.home-video-gallery .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-video-gallery .video-grid h2{font-size:20px}
.site-shell .forest-header nav{grid-template-columns:.72fr 1.12fr .78fr .9fr 1.08fr 1.06fr 1fr .84fr 1.5fr;align-items:stretch}
.site-shell .forest-header #nav>a{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:none;margin:0;padding:3px 6px;text-align:center;white-space:normal;line-height:1.3}
.site-shell .forest-header #nav>a>span:first-child{flex:0 0 18px;justify-content:center;width:18px}
.site-shell .forest-header #nav>a>span:last-child{flex:0 1 auto;min-width:0;text-align:center;white-space:normal}
/* Both controls share the centre line and dimensions, regardless of player ratio. */
.site-shell .video-grid .news-card>details{align-self:center;width:100%;margin:12px auto 0;padding:0;border:0}
.site-shell .video-grid .news-card>details:first-of-type{margin-top:auto;padding-top:14px}
.site-shell .news-page .video-grid .news-card>details>summary,.site-shell .video-grid .news-card>.button{display:flex;align-items:center;justify-content:center;align-self:center;box-sizing:border-box;width:176px;max-width:100%;min-height:34px;margin-inline:auto;padding:6px 10px;font-size:13px;font-weight:500;line-height:1.25;text-align:center;list-style:none;background:#992d48;color:#fff;border:1px solid #84243c}
.site-shell .news-page .video-grid .news-card>details>summary::-webkit-details-marker{display:none}
.site-shell .video-grid .news-card>.button{margin-top:10px}
.site-shell .video-grid [data-video-placeholder]{text-align:center}
#main .news-page .video-grid [data-video-placeholder] button{display:flex;margin:12px auto;min-height:34px}
@media(max-width:1000px){.site-shell .forest-header nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.video-grid,.home-video-gallery .video-grid{grid-template-columns:1fr}.site-shell .forest-header nav{grid-template-columns:repeat(2,minmax(0,1fr))}.video-gallery-page #film-admin textarea,.video-gallery-page #film-admin input,.video-gallery-page #film-admin select{font-size:16px}}
@media(pointer:coarse),(max-width:700px){.site-shell .video-toolbar button,.site-shell .video-toolbar .button,.site-shell .video-years .button,.site-shell .video-grid .news-card>.button,.site-shell .news-page .video-grid .news-card>details>summary{min-height:44px}}
@media(pointer:coarse),(max-width:700px){#main .news-page .video-grid [data-video-placeholder] button{min-height:44px}}

/* Keep each player centred and bounded, independent of the card's width. */
#main :is(.story-news,.news-card) :is(.facebook-video,.owned-video){display:block;align-self:center;width:100%;max-width:320px;margin:14px auto;padding-inline:0;box-sizing:border-box}
#main :is(.story-news,.news-card) .facebook-video.landscape,#main :is(.story-news,.news-card) .owned-video{max-width:480px}
#main :is(.story-news,.news-card) .facebook-video.portrait{max-width:236px}
#main :is(.story-news,.news-card) .facebook-video iframe{display:block;width:100%;height:auto;min-height:0;margin:12px auto 0;border:0;aspect-ratio:9/16}
#main :is(.story-news,.news-card) .facebook-video.landscape iframe{aspect-ratio:16/9}
#main :is(.story-news,.news-card) .facebook-video.facebook-post{max-width:420px}
#main :is(.story-news,.news-card) .facebook-video.facebook-post iframe{aspect-ratio:auto;height:480px}
#main :is(.story-news,.news-card) .owned-video video{display:block;width:100%;max-height:420px;margin:12px auto 0;object-fit:contain}
#main :is(.story-news,.news-card) :is(.facebook-video,.owned-video)>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:176px;max-width:100%;min-height:32px;margin-inline:auto;padding:5px 10px;font:500 12px/1.4 system-ui,sans-serif;text-align:center;list-style:none;border:1px solid #84243c;border-radius:6px!important;background:#992d48;color:#fff;cursor:pointer}
#main :is(.story-news,.news-card) :is(.facebook-video,.owned-video)>summary::-webkit-details-marker{display:none}
@media(pointer:coarse){#main :is(.story-news,.news-card) :is(.facebook-video,.owned-video)>summary{min-height:44px;padding:8px 12px}}
/* Natural card heights, limited to gallery and archive. */
html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-grid{align-items:start}
html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-grid>.news-card{height:auto;min-height:0;align-self:start}
html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-grid>.news-card>h2{min-height:0}
html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-description>p{min-height:0}
html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-grid>.news-card>details:first-of-type{margin-top:0;padding-top:0}

/* Native columns keep cards in document flow, with no measured row spans.
   Desktop reading order is down the first column, then down the second.
   Mobile retains the original catalogue order in one column. */
html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-grid{
 display:block;
 column-count:2;
 column-gap:16px;
 column-fill:balance;
}
html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-grid>.news-card{
 break-inside:avoid;
 page-break-inside:avoid;
 width:100%;
 height:auto;
 min-height:0;
 box-sizing:border-box;
 margin:0 0 16px;
}
@media(max-width:700px){
 html.site-story-frame body.public-content-page .site-shell #main .video-gallery-page .video-grid{column-count:1}
}