.ci-video-section{margin-top:40px;padding-top:32px;border-top:1px solid #d7e3e5}
.ci-video-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ci-video-heading h2{font-size:clamp(25px,3vw,34px);line-height:1.35;margin:0}
.ci-video-section>p{color:#536b72;line-height:1.8;max-width:900px}
.ci-video-status{min-height:28px;font-size:14px}
.ci-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.ci-video-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:24px;border:1px solid #d7e3e5;border-radius:20px;background:#fff;box-shadow:0 8px 28px #153c4606}
.ci-video-number{color:#368388;font:600 14px/1.5 ui-monospace,monospace;letter-spacing:.08em}
.ci-video-card h3{font-size:19px;line-height:1.6;margin:14px 0;overflow-wrap:anywhere}
.ci-video-card time{font-size:13px;color:#5c7278;margin-bottom:20px}
.ci-video-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.ci-video-actions a,.ci-video-actions button,.ci-video-refresh{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:11px 16px;border:1px solid #8bb8b7;border-radius:12px;background:#fff;color:#126168;font:600 15px/1.5 system-ui,sans-serif;text-decoration:none;text-align:center;overflow-wrap:anywhere;cursor:pointer}
.ci-video-actions button{background:#13676b;border-color:#13676b;color:#fff}
.ci-video-actions button[aria-expanded=true]{background:#fff;color:#126168}
.ci-video-refresh:disabled{cursor:wait;opacity:.6}
.ci-video-actions a:focus-visible,.ci-video-actions button:focus-visible,.ci-video-refresh:focus-visible{outline:3px solid #bd8d28;outline-offset:4px}
.ci-video-player:empty{display:none}.ci-video-player{margin:0 0 18px}
.ci-video-player iframe{display:block;box-sizing:border-box;width:100%;aspect-ratio:16/9;min-height:200px;border:0;border-radius:10px;background:#102c35}
.ci-video-skeleton{box-sizing:border-box;min-width:0;min-height:240px;padding:24px;border:1px solid #d7e3e5;border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:16px}
.ci-video-skeleton__line{display:block;border-radius:8px;background:#edf3f3}
.ci-video-skeleton__line--label{width:48px;height:12px}
.ci-video-skeleton__line--title{width:82%;height:20px;margin-top:8px}
.ci-video-skeleton__line--detail{width:42%;height:12px;margin-top:4px}
.ci-video-skeleton__line--action{width:100%;height:48px;margin-top:auto;border-radius:12px}
@media(max-width:1000px){.ci-video-grid{grid-template-columns:minmax(0,1fr)}.ci-video-card{padding:24px}.ci-video-actions{flex-direction:row;flex-wrap:wrap}.ci-video-actions a,.ci-video-actions button{flex:1 1 220px}}
@media(max-width:600px){.ci-video-section{margin-top:32px;padding-top:28px}.ci-video-heading{align-items:stretch;flex-direction:column;gap:16px}.ci-video-card,.ci-video-skeleton{padding:20px}.ci-video-actions{flex-direction:column}.ci-video-actions a,.ci-video-actions button{flex:auto;width:100%}.ci-video-grid{gap:16px}}