/* A contained viewing panel, inspired by the independent review folio.
   Shared CTA/type roles stay global. Only deliberate hover/focus adds motion. */
.cb-video{margin:0;min-width:0;position:relative;border:1px solid #b7d3dc;background:#edf7f8}
.cb-video [hidden]{display:none!important}
.cb-video:before,.cb-video:after{content:"";position:absolute;pointer-events:none;width:48px;height:3px;background:#169da5;z-index:2}
.cb-video:before{left:-1px;top:-1px}
.cb-video:after{right:-1px;bottom:-1px;background:#3bc5f3}
.cb-video .cb-video-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:16px 22px;color:var(--body-text);font-size:var(--type-secondary-size);line-height:1.6;border-bottom:1px solid #c7dfe5}
.cb-video .cb-video-meta>span:first-child{font-weight:700;color:#0a344a}
.cb-video .cb-video-duration{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.cb-video .cb-video-play{display:block;width:24px;height:24px}
.cb-video .cb-video-window{position:relative;padding:14px;background:linear-gradient(130deg,#e2f1f4,#f6fbfc)}
.cb-video .cb-video-stage{position:relative;aspect-ratio:16/9;background:#071a25;min-width:0;isolation:isolate}
.cb-video .cb-video-stage>img{display:block;width:100%;height:100%;object-fit:contain}
.cb-video .cb-video-entry{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:12px;pointer-events:none;background:linear-gradient(transparent 38%,#0314214d)}
.cb-video .cb-video-load{pointer-events:auto;max-width:100%;box-shadow:0 8px 28px #03142140}
.cb-video button.motion-cta{border:0;cursor:pointer}
.cb-video .cb-video-load:focus-visible{outline:3px solid #fff;outline-offset:5px}
.cb-video .cb-video-player{position:absolute;inset:0;z-index:2;background:#071a25}
.cb-video .cb-video-player>iframe{display:block;width:100%;height:100%;border:0}
.cb-video figcaption{padding:16px 22px;background:#f5fafb;border-top:1px solid #c7dfe5}
.cb-video .cb-video-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;min-width:0}
.cb-video .motion-cta{flex-shrink:0;max-width:100%}
.cb-video .cb-video-close{--cta-bg:#dbeef1;--cta-hover:#c4e8e9;--cta-ink:#0a344a}
.cb-video .cb-video-watch{margin:0;padding-bottom:4px;max-width:100%;color:#147b8d;overflow-wrap:anywhere}
.cb-video .cb-video-watch>.ms-icon{flex-shrink:0;align-self:center}
.cb-video .cb-video-watch:is(:hover,:focus-visible){color:var(--link-hover)}
.cb-video .cb-video-status{font-size:1rem;line-height:1.7;color:var(--body-text);margin:0;overflow-wrap:anywhere}
.cb-video .cb-video-status:not(:empty){margin-top:14px;padding-top:14px;border-top:1px solid #c7dfe5}
@media(max-width:600px){
 .cb-video .cb-video-meta,.cb-video figcaption{padding:14px 16px}
 .cb-video .cb-video-window{padding:8px}
 .cb-video .cb-video-entry{padding:8px}
 .cb-video .cb-video-actions{gap:14px 20px}
}
@media(prefers-reduced-motion:reduce){
 .cb-video :is(.motion-cta,.motion-cta-copy,.motion-cta-copy>span,.motion-cta-icon,.ip-inline-link,.ms-icon){transition:none!important;animation:none!important}
}