/* Scoped add-on: use existing production SPA Shell; no restyling of other tabs. */
#trading-school #schoolLivePath{
 position:relative;border-color:#b88b40;background:linear-gradient(135deg,#282014,#121811 85%);
}
#trading-school #schoolLivePath h3{color:#f3d48d}
#trading-school .school-live-path-link{display:inline-block;margin-top:10px;color:#f2d28c;text-decoration:none;font-weight:700;font-size:12px}
#trading-school .school-live-catalog{margin:22px 0 34px;border-radius:17px;padding:23px;border:1px solid #765b2e;background:linear-gradient(145deg,#1c1a12,#0c130e);color:#e9dfcb}
#trading-school .school-live-catalog>small{color:#c9a258;font-size:11px;letter-spacing:.06em}
#trading-school .school-live-catalog>h2{font-size:23px;margin:5px 0 8px;color:#f0d086}
#trading-school .school-live-description{font-size:13px;line-height:2;color:#c3b7a0;max-width:780px}
#trading-school .school-live-copyright{font-size:11px;line-height:1.9;color:#cab78b;margin:12px 0 0}
#trading-school .video-course-grid{margin:16px 0}
#trading-school .school-live-reader{min-width:0;padding:8px 3px 24px}
#trading-school.school-video-reading > :not(#schoolLiveReader){display:none!important}
#trading-school.school-video-reading #schoolLiveReader{display:block!important}
#trading-school .school-live-reader-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid #57482f;border-radius:13px;padding:13px 17px;margin:0 0 10px;background:#171913}
#trading-school .school-live-reader-head small{font-size:10px;color:#d1ad61}
#trading-school .school-live-reader-head h2{margin:1px 0 0;color:#ebce8e;font-size:18px}
#trading-school .school-live-reader-actions{display:flex;gap:9px;flex-wrap:wrap}
#trading-school .school-live-reader-actions a,#trading-school .school-live-reader-actions button{
 padding:9px 13px;border:1px solid #ae8a46;border-radius:9px;color:#ebd29b;background:#292217;text-decoration:none;font:700 12px Vazirmatn,Inter,sans-serif;cursor:pointer;
}
#trading-school .school-live-reader-frame{display:block;width:100%;height:min(1250px,79vh);min-height:600px;border-radius:12px;border:1px solid #655231;background:#10120e}
#trading-school .school-live-catalog :is(a,button):focus-visible,#trading-school .school-live-reader-actions :is(a,button):focus-visible{outline:2px solid #f3d38b;outline-offset:3px}
@media (max-width:800px){
 #trading-school .school-live-catalog{padding:16px 12px}
 #trading-school .school-live-catalog>h2{font-size:20px}
 #trading-school .school-live-reader-frame{height:78vh;min-height:520px}
 #trading-school .school-live-reader-head{padding:12px}
}
@media (max-width:600px){#trading-school .video-course-grid{grid-template-columns:1fr}#trading-school .school-live-reader-frame{height:74vh;min-height:480px}}

/* Mobile fix: keep the learning player full-width even where the legacy SPA
 * allocates a narrow content column beside the mobile navigation.
 * The reader is appended to body; existing SPA and lesson progress are untouched. */
body > #schoolLiveReader.school-live-reader {
 position: fixed !important; inset: 0 !important;
 z-index: 8500; box-sizing: border-box; width: 100vw;
 padding: max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));
 overflow-y: auto; overscroll-behavior: contain;
 background: #0d120f; color: #ece3d0; direction: rtl;
 font-family: Vazirmatn, Inter, system-ui, sans-serif;
}
body > #schoolLiveReader .school-live-reader-head {
 display: flex; align-items: center; justify-content: space-between;
 flex-wrap: wrap; gap: 10px; padding: 12px 15px;
 border: 1px solid #57482f; border-radius: 12px;
 margin-bottom: 10px; background: #171913;
}
body > #schoolLiveReader .school-live-reader-head small {color:#d1ad61;font-size:11px}
body > #schoolLiveReader .school-live-reader-head h2 {color:#ebce8e;font-size:18px;margin:2px 0}
body > #schoolLiveReader .school-live-reader-actions {display:flex;gap:8px;flex-wrap:wrap}
body > #schoolLiveReader .school-live-reader-actions a,
body > #schoolLiveReader .school-live-reader-actions button {
 display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #ae8a46;
 border-radius:9px;background:#292217;color:#ebd29b;text-decoration:none;
 font:700 12px Vazirmatn,Inter,sans-serif;cursor:pointer;
}
body > #schoolLiveReader .school-live-reader-frame {
 display:block;box-sizing:border-box;width:100%!important;
 height:calc(100dvh - 105px)!important;min-height:350px!important;
 border:1px solid #655231;border-radius:12px;background:#10120e;
}
@media(max-width:550px) {
 body > #schoolLiveReader.school-live-reader{padding:8px}
 body > #schoolLiveReader .school-live-reader-head{padding:10px}
 body > #schoolLiveReader .school-live-reader-head h2{font-size:15px}
 body > #schoolLiveReader .school-live-reader-frame {height:calc(100dvh - 126px)!important;min-height:300px!important}
}