.ct-video{padding-block:clamp(56px,8vw,104px);display:grid;gap:28px}
.ct-video-head{max-width:760px}
.ct-video-head h2{font-size:clamp(30px,3.6vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.04em;color:#e7ebf4;margin:12px 0 0}
.ct-video-head p{color:#c2cbe0;line-height:1.7;margin-top:14px}
.ct-video-frame{position:relative;aspect-ratio:16/9;width:100%;max-width:1040px;border-radius:18px;overflow:hidden;background:#0b0f19;border:1px solid rgba(169,163,221,.22)}
.ct-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ct-video-poster{position:absolute;inset:0;display:block;color:#fff}
.ct-video-poster img{width:100%;height:100%;object-fit:cover;display:block}
.ct-video-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(5,7,13,.78);border:1px solid rgba(231,235,244,.5);transition:transform .2s ease,background .2s ease}
.ct-video-play::after{content:"";position:absolute;left:31px;top:24px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #e7ebf4}
.ct-video-poster:hover .ct-video-play,.ct-video-poster:focus-visible .ct-video-play{transform:scale(1.06);background:rgba(67,110,166,.92)}
.ct-video-poster:focus-visible{outline:2px solid #a9a3dd;outline-offset:-4px}
.ct-video-duration{position:absolute;right:14px;bottom:12px;padding:3px 8px;border-radius:6px;background:rgba(5,7,13,.82);font-size:13px;letter-spacing:.02em}
.ct-video-summary{max-width:860px;color:#c2cbe0;line-height:1.7}
.ct-video-summary h3{color:#e7ebf4;font-size:20px;font-weight:500;margin:0 0 8px}
.ct-video-chapters{list-style:none;padding:0;margin:18px 0;display:grid;gap:14px}
.ct-video-chapters a{color:#e7ebf4;font-weight:500;text-decoration:none}
.ct-video-chapters a:hover{text-decoration:underline}
.ct-video-chapters a span{display:inline-block;min-width:52px;color:#a9a3dd;font-variant-numeric:tabular-nums}
.ct-video-chapters p{margin:2px 0 0 52px}
.ct-video-note{font-size:14px;color:#9aa4bb}
.ct-video-note a{color:#a9a3dd}
@media (max-width:640px){.ct-video-chapters p{margin-left:0}.ct-video-play{width:60px;height:60px;margin:-30px 0 0 -30px}.ct-video-play::after{left:24px;top:18px;border-width:12px 0 12px 18px}}
@media (prefers-reduced-motion:reduce){.ct-video-play{transition:none}}
