/* LayoutBlueprint → desktop portal layout CSS overlay (Task41-I) */
:root{--video-layout-blueprint:layout.media-portal.v3;--video-layout-portal-mode:dense-list;--video-layout-shell-gap:var(--video-space-3);--video-layout-main-gap:var(--video-space-6);--video-layout-chrome:dense-list;}.video-shell{display:flex;flex-direction:column;gap:var(--video-layout-shell-gap)}.video-main{gap:var(--video-layout-main-gap)}@media (min-width:48rem){.video-header{align-items:center;flex-wrap:nowrap}.video-header__links{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-inline-start:auto}.video-header__toggle{display:none!important}}@media (min-width:48rem){.video-main{gap:var(--video-space-5)}.video-main .video-hero__slide{min-height:16rem}.video-main .video-hero__slide img,.video-main .video-hero__placeholder{height:clamp(16rem,28vw,22rem)}.video-main .video-media__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));gap:var(--video-space-3)}.video-main .video-media__heading{font-size:1.05rem;margin-bottom:var(--video-space-2)}}.video-breadcrumb--compact{flex:0 0 auto}@media (min-width:48rem){.video-main>.video-breadcrumb{margin-block-end:var(--video-space-2);max-width:100%}.video-main>.video-semantic-outline--after-content,.video-main>.video-internal-links--related{grid-column:1/-1}}@media (max-width:47.999rem){.video-main>.video-breadcrumb--compact{margin-block-end:var(--video-space-2)}}@media (max-width:47.999rem){.video-shell{flex-direction:column}.video-main .video-media__grid{overflow-x:visible}.video-main .video-hero{width:auto;max-width:none;margin-inline:0;border-radius:var(--video-radius-lg)}}
