/* Shared advertisement sizing, matching the legacy side-banner steps. */
@media(min-width:800px){
 .portal-body{--otv-ad-rail:160px}
 .portal-body .portal-frame{grid-template-columns:var(--otv-ad-rail) minmax(0,1fr) var(--otv-ad-rail);gap:20px}
 .portal-body .vertical-ad{display:flex;height:auto;min-height:0;align-self:start}
 .portal-body .vertical-ad>a{display:block;width:100%;min-width:0}
 .portal-body .vertical-ad img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
 .portal-body .welcome,.portal-body .portal-footer{padding-inline:calc(var(--otv-ad-rail) + 20px)}
 .portal-body .library-mobile-ad,.portal-body .stock-mobile-ad,.portal-body .notice-mobile-ad,.portal-body .support-mobile-ad,.portal-body .vademecum-mobile-ad,.portal-body .banner-mobile{display:none!important}
 .portal-body .banner-desktop{display:block}
}
@media(min-width:1200px){.portal-body{--otv-ad-rail:200px}}
@media(min-width:1600px){.portal-body{--otv-ad-rail:220px}}
@media(min-width:1891px){.portal-body{--otv-ad-rail:250px}}
@media(max-width:799px){
 .portal-body .portal-frame{grid-template-columns:minmax(0,1fr)}
 .portal-body .vertical-ad{display:none}
 .portal-body .welcome,.portal-body .portal-footer{padding-inline:0}
 .portal-body .library-mobile-ad,.portal-body .stock-mobile-ad,.portal-body .notice-mobile-ad,.portal-body .support-mobile-ad,.portal-body .vademecum-mobile-ad,.portal-body .banner-mobile{display:block!important}
 .portal-body .banner-desktop{display:none}
}
/* Keep the main content usable while the side rails are still visible. */
@media(min-width:800px) and (max-width:1199px){
 .portal-body .broadcast-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'video' 'schedule' 'quick'}
 .portal-body .below-grid{grid-template-columns:minmax(0,1fr)}
}

.portal-body .home-player-mobile-ad{width:100%;margin:0 0 16px!important}

/* The homepage uses the available screen, then adapts to the actual center width. */
.portal-body.home-body .portal,.portal-body.home-body .page-wrap{width:100%;max-width:none}
.portal-body.home-body .topbar,.portal-body.home-body .sidebar{max-width:none}
.portal-body.home-body .home-content-center{container:home-content / inline-size;display:block}
.portal-body.home-body .broadcast-grid{display:grid;grid-template-columns:clamp(180px,19%,250px) minmax(0,1fr) clamp(200px,20%,250px);grid-template-areas:'quick video schedule';gap:12px;align-items:start}
.portal-body.home-body .quick-column{display:flex;flex-direction:column}
.portal-body.home-body .quick-access{display:flex;flex-direction:column;grid-area:auto}
.portal-body.home-body .featured,.portal-body.home-body .schedule-column{width:100%}
@container home-content (max-width:880px){
 .portal-body.home-body .broadcast-grid{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:'video schedule' 'quick quick'}
 .portal-body.home-body .quick-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
}
@container home-content (max-width:760px){
 .portal-body.home-body .broadcast-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'video' 'schedule' 'quick'}
}
@container home-content (max-width:520px){
 .portal-body.home-body .quick-column{grid-template-columns:minmax(0,1fr)}
}