.course-preview-label{position:absolute;left:12px;bottom:14px;max-width:calc(100% - 24px);padding:9px 12px;border-radius:4px;background:#f3f6e9f0;color:#1d2719;font-size:11px;font-weight:600;letter-spacing:.15px;box-shadow:0 2px 12px #0003}
.modal-video{position:relative;flex:none;overflow:hidden;max-height:none}
.archive-preview{display:block;width:100%;height:100%;object-fit:contain;background:#111;aspect-ratio:16/9}
.preview-duration{position:absolute;top:10px;right:10px;padding:5px 8px;font:600 9px/1.3 Arial,sans-serif;letter-spacing:.5px;background:#10150de0;color:#fff;border-radius:3px;pointer-events:none}
.preview-end{position:absolute;inset:0;background:#111b;backdrop-filter:blur(3px);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;gap:10px;text-align:center}
.preview-end[hidden],.preview-status[hidden]{display:none}
.preview-end strong{font-size:24px;font-weight:500}.preview-end p{font-size:12px;color:#e1e8dc;margin:0}
.preview-continue,.preview-replay{cursor:pointer;border-radius:4px;font:600 12px/1.4 Arial,sans-serif;padding:10px 17px}
.preview-continue{background:var(--accent,#d3f59b);color:#182010;border:0}.preview-replay{background:transparent;color:#fff;border:1px solid #fff7}
.preview-status{position:absolute;left:12px;right:12px;top:30px;padding:12px;background:#161c14e8;color:#fff;font-size:12px;pointer-events:none}
@media(max-width:650px){.preview-end{gap:7px}.preview-end strong{font-size:20px}.preview-continue,.preview-replay{padding:7px 12px}.preview-duration{font-size:8px;top:5px;right:5px}.course-preview-label{font-size:11px}}

/* Match portrait media dimensions, including native phone fullscreen playback. */
.modal-video[data-orientation="portrait"]{aspect-ratio:9/16;width:min(100%,calc(70dvh * 9 / 16));margin-inline:auto}
.modal-video[data-orientation="portrait"] .archive-preview{aspect-ratio:9/16}