/*
 * Self-hosted video aspect ratio (ClickUp 869dxvc7r).
 *
 * blocks.hexcore.build.css forces `.video-selfhosted { aspect-ratio: 16/9 }`
 * (and the click-to-play `.video-container .hidden-video` wrapper too), so any
 * vertical/portrait or square video gets letterboxed into a landscape box.
 *
 * Loaded AFTER the block build CSS in master.cshtml, so these rules win. We let
 * the <video> keep its own intrinsic ratio and merely bound it (never crop / no
 * black bars): it shrinks to fit the column width and a sane max-height, and
 * centers. Landscape behaves as before; portrait/square now scale correctly.
 */
.video-selfhosted {
    aspect-ratio: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 85vh;
    margin-inline: auto;
    display: block;
}

/* The BlockList self-hosted view reveals the real video inside a wrapper that
   also pins 16:9 — release it so the (now natural-ratio) video isn't clipped. */
.video-container .hidden-video {
    aspect-ratio: auto;
}