[data-english-free-lesson] .hksi-english-preview-stage{position:relative;aspect-ratio:16/9;background:#10294b}
[data-english-free-lesson] video{display:block;border-radius:0;width:100%;height:100%;max-width:100%;aspect-ratio:16/9;background:#10294b;object-fit:contain}
[data-english-free-lesson] .hksi-english-preview-play{position:absolute;inset:0;display:grid;place-items:end center;width:100%;height:100%;padding:0 16px 7%;border:0;background:#10294b;color:#f5f7fb;cursor:pointer;border-radius:0}
[data-english-free-lesson] .hksi-english-preview-play[hidden]{display:none}
[data-english-free-lesson] .hksi-english-preview-play img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
[data-english-free-lesson] .hksi-english-preview-label{position:relative;display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid #e0d980;border-radius:999px;background:#10294bf2;color:#f5f7fb;font:700 15px/1.3 Arial,sans-serif;box-shadow:0 3px 18px #0006}
[data-english-free-lesson] .hksi-english-preview-label>span{color:#e0d980}
[data-english-free-lesson] .hksi-english-preview-label small{font-size:12px;color:#e0d980;white-space:nowrap}
[data-english-free-lesson] .hksi-english-preview-play:focus-visible{outline:3px solid #e0d980;outline-offset:-5px}
[data-english-free-lesson] .hksi-english-preview-status{margin-top:12px;color:#28345f}
@media(max-width:480px){[data-english-free-lesson] .hksi-english-preview-label{gap:8px;padding:10px 15px;font-size:13px}[data-english-free-lesson] .hksi-english-preview-label small{font-size:11px}}
[data-english-free-lesson].hksi-free-video{position:relative;overflow:hidden;box-sizing:border-box;width:min(100%,720px);max-width:100%;min-width:0;margin-inline:auto;border:1px solid #dfe5ef;border-radius:24px;background:#fff;box-shadow:0 18px 50px #1927461f;text-align:left}
[data-english-free-lesson] .hksi-free-video-copy{box-sizing:border-box;min-width:0;padding:22px 24px 24px}
[data-english-free-lesson] .hksi-free-video-copy .hksi-free-video-kicker{margin:0 0 7px;color:#66738b;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.11em}
[data-english-free-lesson] .hksi-free-video-copy h3{max-width:100%;margin:0 0 9px;color:#28345f;font:600 clamp(19px,2.4vw,25px)/1.35 Arial,sans-serif;overflow-wrap:anywhere;text-transform:none}
[data-english-free-lesson] .hksi-free-video-copy>p:not(.hksi-free-video-kicker){max-width:100%;margin:0;color:#4e5a6d;font:400 15px/1.65 Arial,sans-serif;overflow-wrap:anywhere}
[data-english-free-video-added-tab] .hksi-video-library{box-sizing:border-box;margin-top:24px;padding:26px;border:1px solid #dce5ed;border-radius:18px;background:#f7fafc;text-align:left;font:400 14px/1.5 Arial,sans-serif;color:#40576b}
[data-english-free-video-added-tab] .hksi-video-library>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
[data-english-free-video-added-tab] .hksi-video-library header p{margin:0 0 5px;font-size:11px;letter-spacing:.1em;font-weight:700;color:#62738a}
[data-english-free-video-added-tab] .hksi-video-library h2{margin:0;color:#10294b;font:700 24px/1.3 Arial,sans-serif}
[data-english-free-video-added-tab] .hksi-video-library header>strong{display:block;white-space:nowrap;padding:10px 15px;background:#e0d980;color:#10294b;border-radius:10px;font-size:18px}
[data-english-free-video-added-tab] [data-video-library-preview]{display:grid;grid-template-columns:1fr 1fr;gap:10px;mask-image:linear-gradient(to bottom,#000 calc(100% - 85px),transparent)}
[data-english-free-video-added-tab] .hksi-video-library article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e1e7ed;border-radius:9px;background:#f7f9fb}
[data-english-free-video-added-tab] .hksi-video-library article>span{color:#8292a4;font-size:10px;font-weight:700}
[data-english-free-video-added-tab] .hksi-video-library article>div{flex:1;min-width:0}
[data-english-free-video-added-tab] .hksi-video-library article b{display:block;color:#40576b;font-size:12px}
[data-english-free-video-added-tab] .hksi-video-library article i{display:inline-block;width:42%;height:6px;margin:6px 4px 0 0;border-radius:8px;background:#94a4b5;filter:blur(3px);opacity:.6}
[data-english-free-video-added-tab] [data-video-continuation]{filter:blur(4px);opacity:.75;user-select:none;pointer-events:none}
[data-english-free-video-added-tab] .hksi-video-library>a{color:#014b6b;font-weight:700}
body:has([data-english-free-video-added-tab]) img.wp-image-22732{max-width:100%;height:auto}
@media(max-width:600px){[data-english-free-lesson].hksi-free-video{border-radius:18px}[data-english-free-lesson] .hksi-free-video-copy{padding:18px}[data-english-free-video-added-tab] .hksi-video-library{padding:20px}[data-english-free-video-added-tab] .hksi-video-library>header{display:block}[data-english-free-video-added-tab] .hksi-video-library header>strong{display:inline-block;margin-top:8px}[data-english-free-video-added-tab] [data-video-library-preview]{grid-template-columns:1fr}}