.sj-video{width:100%;margin:20px 0;border:1px solid #d1d5db;border-radius:20px;background:#fff;color:#202735;overflow:hidden;box-shadow:0 12px 36px #17253b12;text-align:right}.sj-vstage{aspect-ratio:16/9;background:#101720;display:grid;place-items:center;color:white;min-height:200px}.sj-vstage iframe{width:100%!important;height:100%!important;border:0}.sj-video button{font:inherit;cursor:pointer}.sj-vstart{background:#eac675;color:#182132;border:0;border-radius:14px;padding:20px 32px;font-size:1.2rem;font-weight:800}.sj-vtools{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px}.sj-vtools button{background:#edf0f4;border:0;border-radius:9px;padding:9px 14px;color:#17253b}.sj-vstatus{padding:0 16px;color:#556070;font-size:.95rem}.sj-vlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:16px}.sj-vlist button{display:grid;gap:6px;text-align:start;border:1px solid #d4d9df;border-radius:12px;background:#f5f6f8;color:#273345;padding:14px}.sj-vlist button[aria-pressed=true]{border-color:#b88932;background:#fff7e7}.sj-vlist small{color:#626d7b}.sj-video.sj-theatre{position:fixed;inset:12px;z-index:9990;width:auto;margin:0;overflow:auto;box-shadow:0 0 0 100vmax #000b}.sj-theatre .sj-vstage,.sj-video:fullscreen .sj-vstage{height:min(72vh,calc(100vw * .5625));aspect-ratio:auto}.sj-video:fullscreen{overflow:auto;width:100%;background:#101720;color:white}.sj-exam-form{display:grid;gap:16px}.sj-exam-question{padding:22px;border:1px solid #d9dee6;border-radius:16px;background:white;color:#202735}.sj-exam-question label{display:block;padding:10px;border-radius:9px;background:#f3f5f8;margin:7px 0}.sj-exam-question input[type=text]{font:inherit;padding:12px;border:1px solid #adb8c6;border-radius:9px;max-width:100%;width:340px}.sj-exam-feedback{padding:12px;border-radius:10px;background:#f0f6ed;margin-top:12px}.sj-exam-result{padding:24px;background:#17253b;color:#fff;border-radius:16px;font-size:1.2rem}.sj-exam-units{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.sj-exam-units label{padding:10px;background:#f0f2f6;border-radius:10px}.sj-archive-dialog{position:fixed;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);max-width:none;max-height:none;border:0;border-radius:16px;padding:20px;background:#f5f6f8;color:#17253b;z-index:9991;overflow:auto}.sj-archive-dialog::backdrop{background:#0b172acc}.sj-archive-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.sj-archive-card{background:white;border:1px solid #dde2e8;border-radius:14px;padding:18px}.sj-archive-dialog button,.sj-archive-dialog select{font:inherit;padding:10px 14px;border:1px solid #c9d0d9;border-radius:9px;cursor:pointer;margin:4px}.sj-archive-reader{width:100%;height:78vh;border:0;background:white}.sj-archive-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.sj-pdf-page{display:block;max-width:100%;height:auto;margin:0 auto 16px;background:white;box-shadow:0 4px 20px #0002}
@media(min-width:1100px){.sj-video{width:min(1240px,calc(100vw - 80px));position:relative;right:50%;left:auto;transform:translateX(50%);direction:rtl}.sj-video.sj-theatre,.sj-video:fullscreen{left:12px;right:12px;transform:none;width:auto}}@media(max-width:600px){.sj-vlist{grid-template-columns:1fr}.sj-video.sj-theatre{inset:0;border-radius:0}.sj-vtools{padding:10px}.sj-vstage{min-height:0}.sj-archive-dialog{inset:0;width:100%;height:100%;border-radius:0;padding:12px}}@media print{.sj-video,.sj-exam-controls{display:none!important}.sj-exam-question{break-inside:avoid;border-color:#aaa;box-shadow:none}}
.sj-archive-dialog{font:16px/1.6 Tajawal,'Segoe UI',Arial,sans-serif}.sj-archive-dialog>p{font-size:13px;margin:6px 0 12px}.sj-archive-tools{gap:6px}.sj-archive-tools button,.sj-archive-tools select{padding:7px 10px;font-size:14px}.sj-archive-tools [data-pdf-counter]{font-size:14px;white-space:nowrap}.sj-archive-tools label{font-size:14px}@media(max-width:600px){.sj-archive-tools{margin-bottom:8px}.sj-archive-tools b{font-size:15px}.sj-archive-dialog>p{font-size:12px}}

/* Visible inside legacy engines whose generic section selector hides tabs. */
.sj-video{display:block;box-sizing:border-box;max-width:none;clear:both}
.sj-vstage{position:relative;width:100%;overflow:hidden;min-width:0}
.sj-vstage iframe,.sj-vstage>div{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;border:0}
.sj-vlist{min-width:0}.sj-vlist button{min-width:0;overflow-wrap:anywhere}
@media(min-width:1100px){.sj-video{width:min(1440px,calc(100vw - 64px))}}
@media(max-width:600px){.sj-video{width:100%;margin:12px 0;border-radius:12px}.sj-vstage{aspect-ratio:16/9;min-height:0}.sj-vtools>span{display:flex;gap:6px;flex-wrap:wrap}.sj-vtools button{min-height:44px}.sj-vstart{padding:14px 20px;font-size:1rem}.sj-vlist{padding:10px}}

/* Desktop study view opens automatically when playback starts. */
@media(min-width:768px){
 .sj-video{width:calc(100vw - 32px);position:relative;right:50%;left:auto;transform:translateX(50%);direction:rtl}
 .sj-video.sj-theatre{display:flex;flex-direction:column;position:fixed;inset:8px;left:8px;right:8px;transform:none;width:auto;height:calc(100dvh - 16px);margin:0;border-radius:12px;overflow:auto;z-index:2147483000;background:#111923;color:#fff}
 .sj-video.sj-theatre .sj-vtools{order:-1;flex-shrink:0;position:sticky;top:0;z-index:2;background:#111923;color:#fff;min-height:64px;padding:8px 16px}
 .sj-video.sj-theatre .sj-vstage{flex:0 0 auto;height:calc(100dvh - 180px);min-height:280px;width:100%;aspect-ratio:auto}
 .sj-video.sj-theatre .sj-vstatus{color:#d5dde9;margin:8px 16px;padding:0}
 .sj-video.sj-theatre .sj-vlist{flex-shrink:0;padding:8px 16px}
 .sj-video.sj-theatre .sj-vtools button{min-height:44px;font-weight:700}
}

/* Comfortable desktop player and full-width primary lesson/unit videos. */
.vids{grid-template-columns:minmax(0,1fr)!important}
.vids .vid{width:100%;min-width:0;margin:0}
.vids .vf{width:100%;aspect-ratio:16/9;min-height:0}
.vids .vf iframe{width:100%!important;height:100%!important;max-width:none!important}
@media(min-width:768px){
 .sj-video{width:min(1200px,92vw)}
 #app .card:has(.sj-video),#app .card:has(.vids){box-sizing:border-box;width:min(1232px,94vw);max-width:none;position:relative;right:50%;left:auto;transform:translateX(50%);overflow:visible}
 #app .card .sj-video:not(.sj-theatre):not(:fullscreen){width:100%;position:relative;right:auto;left:auto;transform:none}
 .sj-video.sj-theatre{inset:5vh auto auto 50%;left:50%;right:auto;transform:translateX(-50%);width:min(1280px,92vw);height:90dvh}
 .sj-video.sj-theatre .sj-vstage{height:min(62dvh,calc(92vw * .5625));min-height:240px}
 #app .card:has(.sj-theatre){transform:none;position:static}
 .sj-video:fullscreen{position:fixed;inset:0;transform:none;width:100%;height:100%;margin:0}
}
/* Exam reader: compact centred desktop dialog, fit full page by default. */
.sj-archive-dialog{box-sizing:border-box;width:min(1120px,94vw);height:92dvh;inset:0;margin:auto;padding:16px}
[data-pdf-host]{min-width:0}
[data-pdf-stage]{height:calc(92dvh - 185px);min-height:220px;overflow:auto;direction:ltr;background:#dfe3e8;border-radius:10px;padding:12px;box-sizing:border-box;overscroll-behavior:contain}
[data-pdf-stage] .sj-pdf-page{display:block;margin:0 auto;max-width:none;box-shadow:0 3px 14px #0003}
.sj-pdf-toolbar{justify-content:center;position:sticky;top:0;background:#f5f6f8;padding:6px 0;z-index:2}
.sj-pdf-toolbar button{min-width:42px;min-height:40px}.sj-pdf-toolbar [data-pdf-plus],.sj-pdf-toolbar [data-pdf-minus]{font-size:22px;font-weight:800}
[data-pdf-percent]{min-width:42px;font-size:13px;color:#4c5c70;direction:ltr}
@media(max-width:600px){.sj-archive-dialog{width:100%;height:100dvh;margin:0;padding:10px;border-radius:0}.sj-pdf-toolbar{gap:2px}.sj-pdf-toolbar button,.sj-pdf-toolbar select{margin:2px;padding:7px 8px}[data-pdf-stage]{height:calc(100dvh - 245px);padding:8px}.sj-pdf-toolbar label{font-size:12px}}

/* Subscription information stays below, never over, the free YouTube player. */
.sj-video-offer{box-sizing:border-box;max-width:720px;width:100%;margin:22px auto;padding:24px;border:1px solid #d9bd77;border-radius:20px;background:#f8fafc;color:#152641;text-align:right;line-height:1.8;font-family:Tajawal,Tahoma,sans-serif;box-shadow:0 8px 24px #1024420a}
.sj-video-offer .sj-video-rights{padding:14px 16px;background:#eaf6ef;border-radius:12px;color:#175638}.sj-video-offer p{margin:8px 0;font-size:15px}.sj-video-offer h3{font-size:21px;line-height:1.6;margin:20px 0 12px;color:#102442}.sj-video-offer ul{padding-inline-start:24px;margin:0 0 16px;font-size:16px}.sj-video-offer li{margin:6px 0}.sj-video-offer li::marker{color:#aa781c}.sj-video-offer .sj-video-update{border-top:1px solid #dce3ec;padding-top:14px;color:#42546c}.sj-video-offer .sj-video-order{display:block;text-align:center;background:#102442;color:#fff!important;text-decoration:none;border-radius:12px;padding:13px 16px;font-size:17px;font-weight:700;margin-top:16px}.sj-video-offer .sj-video-order:hover{background:#1c3e69}.sj-video-offer .sj-video-order:focus-visible{outline:3px solid #c79530;outline-offset:3px}.sj-video-offer .sj-video-free-note{text-align:center;color:#52647a;font-size:13px;margin-top:10px}
@media(max-width:600px){.sj-video-offer{padding:16px;margin:16px auto;border-radius:16px}.sj-video-offer h3{font-size:19px}.sj-video-offer ul{font-size:15px}.sj-video-offer .sj-video-order{font-size:16px}}