/* A still preview remains visible even when iOS defers decoding until a tap. */
.post-content video[data-wwe-video]{aspect-ratio:16/9;object-fit:contain;background:#e5ebf3;min-height:180px}
.wwe-video{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:var(--wwe-video-native-ratio,16/9);max-height:70vh;min-height:180px;margin:24px 0;overflow:hidden;border:1px solid var(--border,#e2e7ee);border-radius:12px;background:#e5ebf3 url('video-poster.svg') center/cover no-repeat}
.post-content .wwe-video>video,.wwe-video>video{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;border:0;border-radius:0;background:transparent}
.wwe-video>video:not([poster]){opacity:0}
.wwe-video.is-ready>video,.wwe-video.is-started>video{opacity:1}
.wwe-video-start{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;padding:24px;border:0;border-radius:inherit;background:linear-gradient(180deg,transparent 35%,rgba(30,43,65,.17));color:#fff;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wwe-video-start[hidden]{display:none}
.wwe-video-play{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.93);color:#657e9e;box-shadow:0 8px 28px rgba(43,64,93,.13);transition:transform .15s ease}
.wwe-video-play svg{width:23px;height:23px;margin-left:4px;fill:currentColor}
.wwe-video-label{padding:6px 13px;border-radius:20px;background:rgba(37,51,73,.52);font-size:13px;line-height:1.5;letter-spacing:.04em}
.wwe-video-start:hover .wwe-video-play{transform:scale(1.06)}
.wwe-video-start:focus-visible{outline:3px solid var(--accent,#7891b1);outline-offset:-5px}
.wwe-video-duration{position:absolute;right:14px;bottom:13px;z-index:2;padding:3px 8px;border-radius:5px;background:rgba(37,51,73,.55);color:white;font:12px/1.5 system-ui,sans-serif;pointer-events:none}
.wwe-video-duration[hidden],.wwe-video.is-started .wwe-video-duration{display:none}
.wwe-video.is-started{background:#15191f}
@media(max-width:680px){.wwe-video{border-radius:9px;margin:20px 0;max-height:65vh}.wwe-video-play{width:56px;height:56px}.wwe-video-start{gap:10px}}
@media(prefers-reduced-motion:reduce){.wwe-video-play{transition:none}}

/* Shared grid for saved video groups and the editor's still-image preview. */
.wwe-video-gallery-block{container-type:inline-size;clear:both}
.wwe-video-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin:24px 0;min-width:0}
.wwe-video-layout-1,.wwe-video-count-1{grid-template-columns:minmax(0,1fr)}
.wwe-video-layout-2,.wwe-video-layout-auto.wwe-video-count-2,.wwe-video-layout-auto.wwe-video-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.wwe-video-layout-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wwe-video-layout-featured>.wwe-video-item:first-child{grid-column:1/-1}
.wwe-video-gap-small{gap:8px}.wwe-video-gap-large{gap:22px}
.wwe-video-gallery>.wwe-video-item{min-width:0;margin:0;padding:0;border:0}
.wwe-video-item>.wwe-video,.wwe-video-item>video,.wwe-video-static{margin:0;min-height:0;max-height:none;width:100%;aspect-ratio:16/9;border-radius:9px}
.wwe-video-item>video{display:block;background:#e5ebf3;object-fit:contain}
.wwe-video-ratio-landscape .wwe-video,.wwe-video-ratio-landscape .wwe-video-static,.wwe-video-ratio-landscape .wwe-video-item>video{aspect-ratio:16/9}
.wwe-video-ratio-square .wwe-video,.wwe-video-ratio-square .wwe-video-static,.wwe-video-ratio-square .wwe-video-item>video{aspect-ratio:1}
.wwe-video-ratio-portrait .wwe-video,.wwe-video-ratio-portrait .wwe-video-static,.wwe-video-ratio-portrait .wwe-video-item>video{aspect-ratio:9/16}
.wwe-video-ratio-original .wwe-video{aspect-ratio:var(--wwe-video-native-ratio,16/9)}
.wwe-video-gallery .wwe-video-start{padding:8px;gap:7px}
.wwe-video-gallery .wwe-video-play{width:44px;height:44px}.wwe-video-gallery .wwe-video-play svg{width:17px;height:17px}
.wwe-video-gallery .wwe-video-label{font-size:11px;padding:4px 8px}
.wwe-video-gallery .wwe-video-duration{right:7px;bottom:7px;font-size:11px;padding:2px 5px}
.wwe-video-item>figcaption{margin:8px 0 0;color:var(--muted,#8190a3);font-size:13px;line-height:1.7;text-align:center;overflow-wrap:anywhere}
.wwe-video-static{position:relative;display:block;overflow:hidden;background:#e5ebf3}
.wwe-video-static>img{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:0}
.wwe-video-static-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;padding-left:3px;border-radius:50%;background:rgba(255,255,255,.94);color:#657e9e;box-shadow:0 4px 18px #34495e20;font:16px/1 sans-serif}
#wwe-video-preview .wwe-video-gallery{margin:12px 0 0}
.wwe-video-card>label{margin-top:9px}
@media(max-width:680px){.wwe-video-gallery:not(.wwe-video-layout-1):not(.wwe-video-count-1){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.wwe-video-gallery{grid-template-columns:minmax(0,1fr)!important}}
@container(max-width:680px){.wwe-video-gallery:not(.wwe-video-layout-1):not(.wwe-video-count-1){grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:420px){.wwe-video-gallery{grid-template-columns:minmax(0,1fr)!important}}