/* Trade2 full-width course classroom. */
:root{--learn-bg:#f1fafc;--learn-ink:#183f50;--learn-muted:#6c8796;--learn-border:#d9e9ee;--learn-accent:#00a99a;--learn-sidebar:360px;--learn-header:64px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--learn-ink);font-family:Heebo,Arial,sans-serif}
.player-topbar{position:sticky;top:0;z-index:40;height:var(--learn-header);display:flex;align-items:center;gap:24px;padding:0 24px;background:linear-gradient(110deg,#064c5b,#087583);color:#fff;border:0;box-shadow:0 2px 12px #053f4c22}.learn-brand{display:flex;align-items:center;gap:9px;flex:none;color:#fff;font-size:26px;font-weight:900;direction:ltr;letter-spacing:-1px;text-decoration:none}.learn-brand b{color:#64e2cd}.learn-brand svg{width:32px;height:32px;padding:6px;border-radius:8px;background:#eafff9}.player-topbar .course-name{flex:1;min-width:0;font-size:14px;font-weight:500;color:#eefbfc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-start:24px;border-inline-start:1px solid #ffffff30}.player-topbar .back-link{order:5;font-size:12px;white-space:nowrap;color:#e7f7fa;text-decoration:none}.player-topbar #progressText{display:none}.learn-header-tools{display:flex;align-items:center;gap:12px;flex:none}.learn-header-progress{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap;color:#e0f7f5}.learn-progress-ring{--progress:0%;width:32px;height:32px;padding:3px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#57e1c9 var(--progress),#ffffff32 0)}.learn-progress-ring span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#086472;font-size:10px;font-weight:800;direction:ltr}.learn-content-toggle{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid #ffffff65;border-radius:6px;background:#ffffff08;color:#fff;font:600 12px Heebo,Arial,sans-serif;cursor:pointer}.learn-content-toggle:hover{background:#ffffff22}.learn-breadcrumb{display:none}
.player-shell{display:grid;direction:rtl;grid-template-columns:var(--learn-sidebar) minmax(0,1fr);align-items:start;gap:0;width:100%;max-width:none;margin:0;padding:0;min-height:calc(100dvh - var(--learn-header))}.player-syllabus{grid-column:1;position:sticky;top:var(--learn-header);height:calc(100dvh - var(--learn-header));max-height:none;display:flex;flex-direction:column;direction:rtl;background:#fff;border:0;border-inline-end:1px solid var(--learn-border);border-radius:0;overflow:hidden;box-shadow:none;min-height:0}.syllabus-head{padding:19px 20px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;border-bottom:1px solid var(--learn-border)}.syllabus-head strong{font-size:16px;font-weight:800;line-height:1.4;color:#173f50}.syllabus-head strong:before{content:none}#lessonIdTop,.learn-course-icon{display:none}.learn-side-close{width:30px;height:30px;flex:none;display:grid;place-items:center;border:0;background:transparent;color:#5e7c8b;font-size:24px;border-radius:5px;cursor:pointer}.learn-side-close:hover{background:#edf7f8}.learn-progress{padding:15px 20px 8px;display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:#648293;flex:none}.progress-track{height:5px;background:#e5f0f3;margin:0 20px 15px;border-radius:99px;overflow:hidden;flex:none}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#16c9b0,#00a296);transition:width .2s}.learn-lesson-search{margin:0 16px 15px;display:flex;align-items:center;gap:8px;border:1px solid #d9e7ec;border-radius:6px;padding:8px 11px;color:#6f929e;background:#fbfefe;flex:none}.learn-lesson-search input{width:100%;min-width:0;border:0;background:transparent;outline:none;color:#234d60;font:400 12px Heebo,Arial,sans-serif}.learn-lesson-search input::placeholder{color:#8ca5af}.learn-search-empty{padding:20px;color:#6c8796;font-size:13px;text-align:center;margin:0}.syllabus-list{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding-bottom:0;scrollbar-width:thin;scrollbar-color:#b9d7df #f8fcfd}.syllabus-section h3{position:static;margin:0;border:0;border-bottom:1px solid #dae8ee;background:#f1f7f9;padding:0;line-height:1.6}.learn-section-toggle{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;text-align:right;border:0;background:transparent;padding:15px 20px;color:#254c5e;font:700 12px/1.7 Heebo,Arial,sans-serif;cursor:pointer}.learn-section-toggle .section-chevron{font-size:16px;line-height:1.4;color:#587e8e;flex:none}.learn-section-toggle small{display:block;color:#819ba8;font-size:10px;font-weight:500}.section-collapsed .syllabus-item{display:none}.syllabus-list.is-searching .section-collapsed .syllabus-item{display:grid}.syllabus-list.is-searching .section-chevron{visibility:hidden}
.syllabus-item,button.syllabus-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) 16px;gap:11px;align-items:start;width:100%;padding:13px 20px;border:0;border-inline-start:3px solid transparent;border-bottom:1px solid #edf3f5;border-radius:0;text-align:right;font:inherit;background:#fff;color:#30566a;cursor:pointer;transition:background .15s}.syllabus-item:hover{background:#f4fbfc}.syllabus-item.active,button.syllabus-item.active{background:#e8f8f5;border-inline-start-color:#00ae97;padding:13px 20px}.lesson-number{display:none}.lesson-check{grid-column:1;grid-row:1;width:16px;height:16px;display:grid;place-items:center;margin-top:3px;border:1.5px solid #96b1bc;border-radius:3px;background:#fff;color:transparent;font-size:11px}.syllabus-item.active .lesson-check{border-color:#00a895}.syllabus-item.done .lesson-check{background:#00a895;border-color:#00a895;color:#fff}.lesson-copy{grid-column:2;grid-row:1;min-width:0}.lesson-copy strong{display:block;font-size:12px;font-weight:500;color:#2c5266;line-height:1.7}.syllabus-item.active .lesson-copy strong{color:#007f77;font-weight:700}.lesson-copy small{display:flex;align-items:center;gap:5px;font-size:10px;color:#7a96a3;margin-top:6px}.lesson-copy small:before{content:'▷';font-size:13px;color:#678c9c}.lesson-symbol{grid-column:3;grid-row:1;font-size:10px;color:#86a8b4;padding-top:5px}.active .lesson-symbol{color:#00a895}.learn-sidebar-footer{display:block;flex:none;padding:12px 20px;background:#f8fcfd;color:#008f9e;border-top:1px solid var(--learn-border);font-size:11px;font-weight:700;text-align:center;text-decoration:none}
.player-main{grid-column:2;display:flex;flex-direction:column;min-width:0;width:100%;direction:rtl;background:#fff;border:0;border-radius:0;padding:0;box-shadow:none;min-height:calc(100dvh - var(--learn-header))}.video-card{position:relative;order:0;width:100%;height:min(68dvh,calc((100vw - var(--learn-sidebar)) * .5625));min-height:260px;aspect-ratio:auto;background:#062d37;border:0;border-radius:0;overflow:hidden;box-shadow:none;margin:0}.video-card iframe{display:block;border:0;width:100%;height:100%}.video-card[hidden],.text-card[hidden],.missing-card[hidden],[hidden]{display:none!important}.text-card,.missing-card{order:0;width:100%;margin:0;border:0;border-bottom:1px solid var(--learn-border);border-radius:0;background:#f5fcfd;color:#254f62;box-shadow:none;min-height:350px;padding:32px 40px}.text-card h3{color:#1e465a;margin-top:0}.text-card p,.text-card li{color:#4f7385;line-height:1.9}.text-card a,.missing-card a{color:#008e9d}.text-card img{max-width:100%;height:auto}.text-card table{max-width:100%;overflow:auto}.missing-card{text-align:center}.missing-card img{max-height:45dvh!important;object-fit:contain!important}.text-card hr{border:0;border-top:1px solid #d9e9ee;margin:24px 0}
.lesson-head{order:1;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0;padding:20px 32px 12px}.lesson-head>div:first-child{min-width:0;flex:1}.lesson-type{font-size:10px;font-weight:800;color:#00a19c;letter-spacing:.02em}.lesson-head h1{font-size:clamp(20px,1.7vw,28px);font-weight:800;line-height:1.45;margin:4px 0;color:#183f50;max-width:none}.lesson-head p{margin:3px 0 0;font-size:11px;color:#7893a1}.lesson-nav-top{display:flex;gap:8px;margin:0;flex:none}.primary-btn,.ghost-btn{min-height:38px;border:0;border-radius:6px;padding:9px 16px;font:700 12px Heebo,Arial,sans-serif;cursor:pointer}.primary-btn{background:#00a99a;color:#fff}.primary-btn:hover:not(:disabled){background:#008e83}.ghost-btn{background:#fff;color:#377083;border:1px solid #cde2e9}.ghost-btn:hover:not(:disabled){background:#eef8fa}.primary-btn:disabled,.ghost-btn:disabled{opacity:.42;cursor:not-allowed}.lesson-toolbar{order:2;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin:0;padding:0 32px 18px;border:0}.lesson-toolbar label{display:flex;gap:8px;align-items:center;font-size:11px;color:#718b98}.lesson-toolbar input{accent-color:#00a99a;width:15px;height:15px}
.learn-detail-tabs{order:3;display:flex;align-items:center;gap:24px;padding:0 32px;border-bottom:1px solid #dbe8ed;background:#fff;min-height:49px;overflow-x:auto}.learn-detail-tabs button{align-self:stretch;flex:none;border:0;border-bottom:3px solid transparent;padding:12px 2px;background:transparent;color:#7d94a1;font:600 13px Heebo,Arial,sans-serif;cursor:pointer;white-space:nowrap}.learn-detail-tabs button[aria-selected=true]{border-bottom-color:#00a99a;color:#106271;font-weight:800}.learn-detail-tabs button:hover{color:#008e88}.learn-tab-count{font-size:10px;background:#edf6f8;padding:1px 6px;border-radius:99px;margin-inline-start:4px}.lesson-info-grid{order:4;width:100%;display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin:0;padding:26px 32px 40px}.lesson-info-grid article,.lesson-facts{background:transparent;border:0;border-radius:0;padding:0}.section-label{font-size:10px;font-weight:800;color:#00a198}.lesson-info-grid h2{font-size:19px;font-weight:700;margin:8px 0 10px;color:#254d60}.lesson-info-grid p{font-size:13px;line-height:1.9;color:#6f8998;margin-bottom:0}.lesson-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-inline-start:1px solid #e2edf1;padding-inline-start:24px;align-content:start}.lesson-facts span{display:block;font-size:10px;color:#829ca9}.lesson-facts strong{display:block;margin-top:5px;font-size:12px;line-height:1.6;color:#355f72}.learn-detail-panel{order:4;padding:26px 32px 38px;min-height:200px}.learn-detail-panel h2{font-size:19px;margin:0 0 10px;color:#244c5f}.learn-detail-panel p{font-size:13px;color:#7893a1;line-height:1.8}.learn-note-label{display:block;font-size:12px;color:#567989;font-weight:600;margin-bottom:8px}.learn-notes-input{display:block;width:100%;min-height:140px;resize:vertical;border:1px solid #d3e5eb;border-radius:7px;background:#fcffff;padding:14px 16px;font:400 14px/1.8 Heebo,Arial,sans-serif;color:#264f62}.learn-note-status{font-size:11px;color:#7b97a4;margin-top:8px;min-height:20px}.learn-resource-list{list-style:none;margin:18px 0 0;padding:0}.learn-resource-list li{border:1px solid #daeaee;margin:8px 0;border-radius:7px}.learn-resource-list a{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;text-decoration:none;color:#008b91;font-size:13px}.learn-resource-list a:hover{background:#effafa}
#quizCard fieldset{border:1px solid #d1e5eb;border-radius:8px;background:#fff;color:#31566a;padding:20px;margin:20px 0}#quizCard legend{font-weight:700;padding:0 8px}#quizCard label{display:flex;gap:10px;color:#31566a;align-items:flex-start;margin:10px 0;padding:8px;border-radius:6px;cursor:pointer}#quizCard input{accent-color:#00a99a;flex:none;margin-top:4px}#quizResult{padding:16px;background:#e1f8ee;color:#17614b;border-radius:7px}#quizCard .answer-feedback{font-size:13px;line-height:1.8}
body.learn-wide .player-shell{grid-template-columns:minmax(0,1fr)}body.learn-wide .player-syllabus{display:none}body.learn-wide .player-main{grid-column:1}body.learn-wide .video-card{height:min(74dvh,56.25vw)}.learn-syllabus-toggle{display:none}:focus-visible{outline:3px solid #23bcae;outline-offset:3px}.syllabus-item:focus-visible{outline-offset:-3px}
@media(min-width:1600px){:root{--learn-sidebar:390px}.video-card{height:min(69dvh,calc((100vw - var(--learn-sidebar)) * .5625))}.lesson-head,.lesson-toolbar,.learn-detail-tabs{padding-inline:40px}.lesson-info-grid,.learn-detail-panel{padding-inline:40px}.lesson-copy strong{font-size:13px}}
@media(max-width:1100px) and (min-width:761px){:root{--learn-sidebar:300px}.player-topbar{padding:0 16px;gap:14px}.player-topbar .course-name{padding-inline-start:14px;font-size:12px}.learn-header-progress>span:last-child{display:none}.player-topbar .back-link{font-size:11px}.syllabus-head{padding-inline:16px}.learn-section-toggle,.syllabus-item,button.syllabus-item,.syllabus-item.active,button.syllabus-item.active{padding-inline:16px}.lesson-head,.lesson-toolbar,.learn-detail-tabs{padding-inline:22px}.lesson-info-grid,.learn-detail-panel{padding-inline:22px}.lesson-info-grid{grid-template-columns:1fr}.lesson-facts{border:0;padding-inline-start:0}.lesson-head{align-items:flex-start;gap:12px}.lesson-nav-top button{padding-inline:11px;font-size:11px}}
@media(max-width:760px){:root{--learn-header:58px;--learn-sidebar:0px}.player-topbar{height:58px;padding:0 12px;gap:10px}.learn-brand{font-size:22px;gap:6px}.learn-brand svg{width:26px;height:26px;padding:5px}.player-topbar .course-name{display:none}.learn-header-tools{flex:1;justify-content:flex-end;gap:8px}.learn-header-progress>span:last-child{display:none}.learn-progress-ring{width:28px;height:28px}.learn-progress-ring span{width:22px;height:22px;font-size:9px}.learn-content-toggle{font-size:11px;min-height:33px;padding:6px 9px}.player-topbar .back-link{font-size:0;order:5;width:30px;height:30px;display:grid;place-items:center}.player-topbar .back-link:before{content:'→';font-size:21px}.player-shell,body.learn-wide .player-shell{display:flex;flex-direction:column;min-height:calc(100dvh - 58px)}.player-main{order:1;min-height:0}.player-syllabus,body.learn-wide .player-syllabus{order:2;position:relative;top:auto;display:none;width:100%;height:auto;max-height:none;border-inline-end:0;border-top:1px solid var(--learn-border)}body.learn-content-open .player-syllabus{display:flex}.player-syllabus .syllabus-list{max-height:55dvh}.player-main .video-card,body.learn-wide .player-main .video-card{width:100%;height:56.25vw;min-height:0}.lesson-head{padding:17px 17px 11px;display:flex;align-items:flex-start;gap:12px}.lesson-head h1{font-size:21px;margin-top:5px}.lesson-nav-top{gap:5px;align-self:center}.lesson-nav-top button{font-size:11px;padding:8px 10px;min-height:35px}.lesson-toolbar{padding:0 17px 15px;align-items:center;flex-direction:row;gap:10px}.lesson-toolbar>button{font-size:11px;padding:8px 12px;white-space:nowrap}.lesson-toolbar label{font-size:10px;line-height:1.6}.lesson-toolbar input{flex:none}.learn-detail-tabs{padding-inline:17px;gap:24px}.learn-detail-tabs button{font-size:12px}.lesson-info-grid{padding:20px 17px 28px;grid-template-columns:1fr;gap:20px}.lesson-facts{border:0;border-top:1px solid #e5eef2;padding:18px 0 0;grid-template-columns:1fr 1fr;gap:16px}.learn-detail-panel{padding:20px 17px 28px}.text-card{padding:23px 17px;min-height:280px}.missing-card img{max-height:34dvh!important}#missingCard>div{padding:20px 17px!important}.learn-notes-input{min-height:150px}body.learn-content-open .learn-content-toggle{background:#ffffff25}}
@media(max-width:420px){.lesson-head{flex-direction:column;gap:10px}.lesson-nav-top{width:100%;align-self:stretch}.lesson-nav-top button{flex:1}.learn-header-tools{gap:6px}.learn-brand{font-size:20px}.lesson-toolbar label{max-width:160px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Existing course attachments are presented in the resources tab. */
#lessonResources{display:none!important}


/* RTL lesson navigation at the video edges. */
.learn-video-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:64px;padding:6px;border:1px solid #ffffff55;background:#009f93e8;color:#fff;cursor:pointer;box-shadow:0 2px 12px #002d3840;transition:background .15s,opacity .15s}
.learn-video-arrow svg{width:24px;height:24px}.learn-video-arrow:hover:not(:disabled){background:#00867e}.learn-video-arrow:focus-visible{outline:3px solid #66f1d8;outline-offset:-3px}.learn-video-arrow:disabled{opacity:.2;cursor:not-allowed}
#learnVideoNext{left:0;border-radius:0 7px 7px 0}#learnVideoPrevious{right:0;border-radius:7px 0 0 7px}
.learn-playback-status{order:1;margin:0;padding:10px 24px;background:#e9faf7;border-bottom:1px solid #cde9e4;color:#246a68;font-size:12px;line-height:1.6}
@media(max-width:760px){.learn-video-arrow{width:30px;height:48px}.learn-video-arrow svg{width:21px;height:21px}.learn-playback-status{padding:10px 17px;font-size:11px}}

/* Keep lesson duration, access and viewing progress on one compact RTL line. */
.syllabus-item .lesson-copy{white-space:nowrap}
.syllabus-item .lesson-copy strong{white-space:normal;margin-bottom:4px}
.syllabus-item .lesson-copy small{display:inline-flex!important;vertical-align:middle;align-items:center;gap:0;margin:0!important;font-size:10px;line-height:1.6;white-space:nowrap}
.syllabus-item .lesson-copy small:before{content:none}
.syllabus-item .lesson-copy small~small:before{content:'|';display:inline-block;margin-inline:5px;color:#a4b8c1;font-size:10px;font-weight:400}
.syllabus-item,button.syllabus-item,.syllabus-item.active,button.syllabus-item.active{padding-block:10px}