/* One lesson shell for Physics, Mathematics and Chemistry. */
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Outfit;src:url('../assets/fonts/Outfit-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body[data-course-ui]{--study-ink:#0b2545;--study-muted:#5a7396;--study-blue:#1557c7;--study-line:#dce6f2}
body[data-course-ui] .eo-study-tabs{display:flex!important;align-items:stretch;gap:4px;margin:22px 0 20px!important;padding:4px!important;border:1px solid var(--study-line)!important;border-radius:9px!important;background:#f3f7fd!important;box-shadow:none!important;flex-wrap:nowrap;overflow-x:auto;min-height:54px;width:100%}
body[data-course-ui] .eo-study-tabs>:is(a,button){display:inline-flex!important;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;flex:0 0 auto;min-width:104px;min-height:44px;height:auto!important;margin:0!important;padding:10px 18px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:6px!important;background:transparent!important;color:var(--study-muted)!important;text-decoration:none!important;font:600 14px/1.5 Inter,'Segoe UI',sans-serif!important;white-space:nowrap;box-shadow:none!important;cursor:pointer}
body[data-course-ui] .eo-study-tabs>[aria-current="page"]{background:#e4eefc!important;border-bottom-color:var(--study-blue)!important;color:#103e85!important;font-weight:700!important}
body[data-course-ui] .eo-study-tabs>:is(a,button):hover{background:#eaf1fc!important;color:#103e85!important}
body[data-course-ui] .eo-study-tabs>:is(a,button):focus-visible{outline:3px solid #83a9e8!important;outline-offset:-3px}
body[data-course-ui] .eo-study-tabs :is(.tab-icon,.tab-badge,.tab-badge-score){display:none!important}
body[data-course-ui] :is(.lesson-header h1,#lessonUnitTitle,.chemistry-lesson-title){font:850 26px/1.3 Outfit,Inter,'Segoe UI',sans-serif!important;color:var(--study-ink)!important;letter-spacing:-.5px;margin:0 0 16px!important}
body[data-course-ui] :is(.lesson-header .intro-text,.chemistry-lesson-lead){font:400 16px/1.65 Inter,'Segoe UI',sans-serif;color:var(--study-muted)}
body[data-course-ui] :is(.course-reading-controls,.font-zoom-control-group){font-family:Inter,'Segoe UI',sans-serif}
body[data-course-ui] :is(.course-reading-controls,.font-zoom-control-group) button{min-width:32px;min-height:32px;padding:4px 7px;font:600 13px/1.4 Inter,'Segoe UI',sans-serif;border:1px solid #c7d7ec;background:white;border-radius:5px;color:#31577f}
body[data-course-ui] :is(.course-reading-controls,.font-zoom-control-group) :is(output,.font-zoom-label){font:600 12px/1.5 Inter,'Segoe UI',sans-serif;color:#5a7396;min-width:42px;text-align:center}
body[data-course-ui="chemistry"]{background:white;color:var(--study-ink);font:400 16px/1.65 Inter,'Segoe UI',sans-serif}
body[data-course-ui="chemistry"] .site-header{height:64px;padding:0 30px;border-bottom:1px solid var(--study-line);background:white}
body[data-course-ui="chemistry"] .brand{font:800 23px/1 Outfit,Inter,sans-serif;letter-spacing:-1px}
body[data-course-ui="chemistry"] .brand span{color:#1b6ef3}
body[data-course-ui="chemistry"] .preview-notice{padding:5px 20px;font-size:11px;line-height:1.5}
body[data-course-ui="chemistry"] .course-shell{display:grid;grid-template-columns:var(--course-directory-size,280px) minmax(0,1fr);align-items:start;min-height:calc(100dvh - 90px)}
body[data-course-ui="chemistry"] #chemistry-directory{position:sticky!important;top:0!important;height:calc(100dvh - 64px)!important}
body[data-course-ui="chemistry"] main{width:100%;max-width:1192px;padding:24px 31px 40px;min-width:0;margin:0 auto}
body[data-course-ui="chemistry"] .course-reading-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;flex-wrap:wrap}
body[data-course-ui="chemistry"] .course-reading-controls{display:flex;align-items:center;gap:6px}
body[data-course-ui="chemistry"] .breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:var(--study-muted);font-size:12px;line-height:1.6}
body[data-course-ui="chemistry"] .breadcrumb a{text-decoration:none;color:var(--study-blue)}
body[data-course-ui="chemistry"] .eyebrow{font:800 11px/1.5 Inter,sans-serif;letter-spacing:.6px;color:#1b6ef3}
body[data-course-ui="chemistry"] .panel{background:white;border:1px solid var(--study-line);border-radius:14px;padding:22px 24px;box-shadow:none;margin:20px 0}
body[data-course-ui="chemistry"] h2{font:800 22px/1.4 Outfit,Inter,sans-serif;color:var(--study-ink)}
body[data-course-ui="chemistry"] h3{font:750 18px/1.4 Outfit,Inter,sans-serif;color:var(--study-ink)}
body[data-course-ui="chemistry"] .directory-inner{padding:22px 15px;background:#f8fbff;overflow:auto}
body[data-course-ui="chemistry"] .directory-home{font-size:12px;font-weight:400;margin:0 0 20px;padding:0;color:var(--study-blue)}
body[data-course-ui="chemistry"] .directory-course{font-size:15px;font-weight:700;line-height:1.5}
body[data-course-ui="chemistry"] .directory-board{font-size:12px;line-height:1.5;color:var(--study-muted);margin:5px 0 22px}
body[data-course-ui="chemistry"] .directory-label{font-size:11px;letter-spacing:1.5px;color:#7a8da7;margin-bottom:12px}
body[data-course-ui="chemistry"] .minimal-topic-container{border:0}
body[data-course-ui="chemistry"] .minimal-topic-header{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;gap:8px;padding:12px 9px;border:0;border-radius:6px;background:transparent;font:800 15.2px/1.5 Inter,sans-serif;color:#42638d}
body[data-course-ui="chemistry"] .minimal-topic-header:hover{background:#eaf2fc}
body[data-course-ui="chemistry"] .minimal-topic-chevron{font-size:11px;flex:0 0 16px}
body[data-course-ui="chemistry"] .minimal-subtopic-item{display:block;padding:10px 12px 10px 18px;margin:3px 0;border-left:3px solid transparent;border-radius:6px;font:400 13px/1.5 Inter,sans-serif;text-decoration:none;color:#5a7396}
body[data-course-ui="chemistry"] .minimal-subtopic-item[aria-current="page"]{background:#cfe0fa;border-left-color:#1b6ef3;color:#0a2f73;font-weight:800}
body[data-course-ui="chemistry"] .minimal-subtopic-item:hover{background:#e7f0fe}
body[data-course-ui="chemistry"] .directory-backdrop{display:none}
body[data-course-ui="chemistry"] .eo-practice-selector{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border:1px solid var(--study-line);border-radius:9px;background:#f4f8fe;margin:0 0 20px}
body[data-course-ui="chemistry"] .eo-practice-selector label{font:600 14px/1.5 Inter,sans-serif}
body[data-course-ui="chemistry"] .eo-practice-selector select{min-height:42px;max-width:100%;padding:7px 12px;border:1px solid #b7c9df;border-radius:6px;background:white;color:var(--study-ink);font:400 15px/1.5 Inter,sans-serif}
body[data-course-ui="chemistry"] .eo-practice-selector .small{margin:0}
body[data-course-ui="chemistry"] .badge{background:#f2f7fe;border-color:var(--study-line);color:#527199}
body[data-course-ui="chemistry"] .course-bottom-nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--study-line);padding-top:20px;margin-top:28px;font-size:14px}
body[data-course-ui] :is(.lesson-body,#lessonViewport){max-width:960px!important;margin-left:0!important;margin-right:0!important}
body[data-course-ui="chemistry"] main{max-width:960px}
body[data-course-ui="chemistry"] .course-directory-layout main.course-directory-main{width:100%!important;max-width:960px}
body[data-course-ui="chemistry"] main>h1{font:850 26px/1.3 Outfit,Inter,sans-serif;letter-spacing:-.5px;color:var(--study-ink)}
body[data-course-ui="chemistry"] button[type="submit"]{background:var(--study-blue);border-color:var(--study-blue);color:white}
body[data-course-ui] .eo-question-navigation{margin:16px 0 20px;border:1px solid var(--study-line);border-radius:10px;padding:14px;background:#f6f9fe}
body[data-course-ui] .eo-question-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:500 14px/1.5 Inter,sans-serif}
body[data-course-ui] .eo-question-toolbar [role="status"]{min-width:110px;text-align:center}
body[data-course-ui] .eo-question-numbers{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
body[data-course-ui] .eo-question-numbers button{min-width:36px;min-height:36px;border:1px solid #c7d7ec;border-radius:6px;background:white;color:#31577f;font:600 13px/1 Inter,sans-serif;cursor:pointer}
body[data-course-ui] .eo-question-numbers button[aria-pressed="true"]{background:#1557c7;border-color:#1557c7;color:white}
body[data-course-ui] .question[hidden],body[data-course-ui] .eo-question-numbers[hidden]{display:none!important}
@media(max-width:760px){body[data-course-ui] .eo-study-tabs{gap:2px;margin:18px 0!important}body[data-course-ui] .eo-study-tabs>:is(a,button){min-width:0;flex:1 0 auto;padding:10px 12px!important;font-size:14px!important}body[data-course-ui] :is(.lesson-header h1,#lessonUnitTitle,.chemistry-lesson-title){font-size:22px!important}body[data-course-ui="chemistry"] .site-header{padding:0 16px}body[data-course-ui="chemistry"] main{padding:22px 18px 36px}body[data-course-ui="chemistry"] .course-shell{display:block}body[data-course-ui="chemistry"] #chemistry-directory{position:fixed!important;top:64px!important;height:calc(100dvh - 64px)!important}body[data-course-ui="chemistry"] .panel{padding:18px 16px}body[data-course-ui="chemistry"] .course-reading-toolbar{gap:10px}body[data-course-ui="chemistry"] .eo-practice-selector{gap:8px;padding:12px}body[data-course-ui="chemistry"] .preview-notice{font-size:10px}}
/* Anchor every mode to the directory edge; content length must not size the shell. */
html:has(body[data-course-ui]){scrollbar-gutter:stable}
body.course-interface[data-course-ui] .course-directory-layout :is(.lesson-body.course-directory-main,main.course-directory-main),
body[data-course-ui] #lessonViewport{box-sizing:border-box;width:100%!important;max-width:960px!important;margin-left:0!important;margin-right:0!important;padding-left:24px!important;padding-right:24px!important;justify-self:start}
@media(max-width:760px){body.course-interface[data-course-ui] .course-directory-layout :is(.lesson-body.course-directory-main,main.course-directory-main),body[data-course-ui] #lessonViewport{padding-left:18px!important;padding-right:18px!important}}
@media print{body[data-course-ui] .eo-study-tabs,body[data-course-ui] .eo-question-navigation,body[data-course-ui] .course-sidebar,body[data-course-ui] .eo-practice-selector{display:none!important}body[data-course-ui] .question[hidden]{display:block!important}}

/* Quiet availability labels for courses being refined. */
.subject-card-title .course-status{display:inline-flex;vertical-align:middle;margin-left:8px;padding:3px 8px;border:1px solid #dce6f2;border-radius:5px;background:#f3f7fd;color:#527199;font:600 11px/1.4 Inter,sans-serif;letter-spacing:.1px;text-decoration:none}

/* Mode changes are immediate; teaching animations remain learner controlled. */
body[data-course-ui] .study-tab-panel{animation:none!important}

/* Shared treatment for existing authored misconception content; no duplicate tips. */
body[data-course-ui] .eo-misconceptions{border:1px solid #cbd9ed!important;border-left:4px solid #1557c7!important;border-radius:9px!important;background:#f5f8fd!important;padding:22px 24px!important;margin:26px 0!important;box-shadow:none!important;animation:none!important;color:#0b2545}
body[data-course-ui] .eo-misconceptions>:is(h2,h3,h4){font:700 21px/1.35 Outfit,Inter,sans-serif!important;letter-spacing:-.25px;margin:0 0 16px!important;color:#0b2545!important}
body[data-course-ui] .eo-misconceptions table{width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:collapse;background:transparent}
body[data-course-ui] .eo-misconceptions :is(th,td){padding:12px!important;white-space:normal!important;overflow-wrap:anywhere;vertical-align:top;text-align:left;border-bottom:1px solid #dce5f0;font:400 14px/1.7 Inter,sans-serif;color:#244365}
body[data-course-ui] .eo-misconceptions th{font-weight:700;background:#eaf1fb}
body[data-course-ui] .eo-misconceptions>p{margin:0;font:400 15px/1.75 Inter,sans-serif}
@media(max-width:760px){body[data-course-ui] .eo-misconceptions{padding:18px 14px!important}body[data-course-ui] .eo-misconceptions :is(th,td){padding:9px!important}}

body[data-course-ui] .eo-misconceptions>:is(h2,h3,h4){border:0!important;padding:0!important}
body[data-course-ui] .eo-misconceptions th:first-child{width:36%}
body[data-course-ui] .course-sidebar button.minimal-topic-header{font:700 15.2px/1.5 Inter,'Segoe UI',sans-serif!important;color:#42638d}