@font-face{font-family:Tajawal;src:url('assets/Tajawal-Regular.ttf')}*{box-sizing:border-box}html{background:#0e1824}body{margin:0;color:#ecf1f4;font-family:Tajawal,Tahoma,sans-serif;font-size:17px;line-height:1.65;background:radial-gradient(ellipse at 20% 0,#233b4b66,transparent 55%),#0e1824;min-height:100vh}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #ffffff19;background:#ffffff05;color:inherit;border-radius:12px;padding:10px 17px;transition:background .15s,transform .15s}button:hover{background:#ffffff12}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c6e988;outline-offset:4px}button:disabled{opacity:.5;cursor:default}a{color:#bfe69d}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4vw,60px);line-height:1.3;margin-bottom:14px;font-weight:600}h2{font-size:29px;line-height:1.4;margin-bottom:14px}h3{font-size:23px;line-height:1.4;margin-bottom:10px}p{color:#b7c4d0}header{height:99px;border-bottom:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;gap:20px}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;font-size:29px;text-align:right;padding:0}.brand small{font-size:12px;display:block;color:#aebdca;margin-top:-8px}.brand-mark{display:grid;place-items:center;width:46px;height:48px;border-radius:14px 14px 3px 14px;background:#c4e5a5;color:#233024;font-size:35px}nav{display:flex;gap:20px}nav button{border:0;border-radius:0;color:#91a3b6;font-size:17px;padding:33px 8px}nav button.active{color:#d5ecb5;border-bottom:2px solid #c4e5a5}.tools{display:flex;gap:8px;align-items:center}.tools button{font-size:14px}#xp{color:#d6e9ad;white-space:nowrap;padding-right:12px}main{max-width:1550px;margin:auto;padding:36px 4.2% 50px}.eyebrow{font-size:13px;letter-spacing:1.6px;color:#b5d1bc;display:block;margin-bottom:14px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero p{max-width:490px;margin-bottom:22px}.hero h1 em{font-style:normal;color:#c5e49b}.primary{background:#c4e5a5;color:#1a3023;border-color:transparent;font-weight:bold;padding:12px 25px}.primary:hover{background:#d3efb9}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.map-frame{height:330px;position:relative}.scene{position:relative;width:100%;height:100%;min-height:260px;overflow:hidden;border-radius:22px;touch-action:pan-y}.scene canvas{display:block;width:100%;height:100%}.map-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;color:#8eacbd;font-size:12px;pointer-events:none}.stats-strip{display:flex;gap:25px;align-items:center;padding:16px 0 25px;border-bottom:1px solid #ffffff12;color:#95a9b9;font-size:14px}.stats-strip strong{color:#e4edda;font-size:23px;margin-left:5px}.section-top{display:flex;justify-content:space-between;align-items:center;margin:26px 0 18px}.section-top h2{font-size:23px;margin:0}.section-top small{color:#8699ab}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.world-card{position:relative;overflow:hidden;border:1px solid #ffffff17;border-radius:20px;background:linear-gradient(130deg,#ffffff09,#ffffff02);padding:25px;min-height:268px}.world-card .number{font:38px Georgia;color:var(--accent);position:absolute;left:25px;top:17px;opacity:.5}.world-card h3{margin-top:14px}.world-card p{font-size:15px;min-height:47px;margin-bottom:12px}.tag{font-size:12px;padding:4px 10px;border-radius:7px;background:#ffffff08;color:var(--accent,#c5e49b);display:inline-block}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:10px}.card-footer button{border-color:var(--accent);color:var(--accent);font-size:14px}.progress{height:4px;background:#ffffff0c;border-radius:8px;overflow:hidden}.progress>span{display:block;background:var(--accent,#c5e49b);height:100%;transition:width .4s}.muted{color:#8fa2b4;font-size:14px}.study-layout{display:grid;grid-template-columns:minmax(390px,1fr) minmax(340px,1.06fr);gap:26px}.study-panel{background:#162332;border:1px solid #ffffff16;border-radius:22px;padding:30px;align-self:start}.stage-world{position:sticky;top:22px;height:540px;background:radial-gradient(ellipse at 50% 75%,#24425088,transparent 70%);border:1px solid #ffffff0b;border-radius:24px;overflow:hidden}.stage-world .scene{height:440px}.stage-caption{position:absolute;top:20px;right:24px;z-index:1;pointer-events:none}.stage-controls{position:absolute;bottom:15px;left:18px;right:18px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.stage-controls button{font-size:14px;background:#162b3cef}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9badbc;font-size:14px;margin-bottom:20px}.breadcrumb button{padding:5px 12px}.steps{display:flex;gap:6px;margin:20px 0 25px}.steps span{flex:1;padding:7px;border-radius:7px;background:#ffffff05;font-size:13px;text-align:center;color:#8294a5}.steps .current{color:#d8edbc;background:#c5e49b18}.steps .done{color:#c5e49b}.lesson-kicker{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#acbdce}.explain{font-size:19px;color:#d1dce5;line-height:1.9}.example{border-right:3px solid var(--accent,#c5e49b);padding:15px 18px;background:#0d182580;border-radius:10px;margin:18px 0}.example p{margin-bottom:8px}.formula{font-family:Georgia,'Times New Roman',serif;direction:ltr;unicode-bidi:isolate;text-align:center;font-size:23px;color:#d7eaaa;padding:8px;overflow-wrap:anywhere}.en{direction:ltr;unicode-bidi:isolate;font-family:Tajawal,Georgia,serif}.english-box{background:#ffffff04;padding:15px;border-radius:12px;font-size:16px;line-height:1.7;margin:16px 0}.vocab-inline{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.vocab-inline button{font-size:14px;text-align:right;flex:1}.vocab-inline b{display:block;color:#c8dfb4;direction:ltr;text-align:left;font-weight:normal}.bottom-actions{display:flex;gap:10px;align-items:center;margin-top:22px;flex-wrap:wrap}.question{font-size:24px;color:#e5edf3;line-height:1.6}.answer-grid{display:grid;gap:10px;margin-top:18px}.answer{display:flex;align-items:center;gap:14px;text-align:start;min-height:57px;font-size:17px;padding:12px 16px}.answer .key{display:grid;place-items:center;flex:0 0 26px;height:26px;border:1px solid #ffffff20;border-radius:7px;color:#b1c1cc;font-size:13px}.answer.correct{background:#a0deac20;border-color:#b6e7a9;color:#e0f1cb}.answer.wrong{background:#f7b49a12;border-color:#dc9d86}.feedback{margin-top:18px;padding:15px;border-radius:12px;background:#c5e49b12;color:#d1e9b5}.feedback.retry{background:#f5b08d10;color:#e9c2ae}.lesson-list{display:grid;gap:10px}.lesson-row{display:flex;align-items:center;gap:16px;border:1px solid #ffffff13;padding:15px 20px;border-radius:12px;background:#ffffff03}.lesson-row .index{color:#b7d496;font:24px Georgia;min-width:28px}.lesson-row div{flex:1}.lesson-row p{margin:0;font-size:14px}.lesson-row h3{font-size:19px;margin:0}.lesson-row button{font-size:14px}.overview{display:grid;grid-template-columns:1fr 340px;gap:26px}.side-note{align-self:start;background:#172534;padding:25px;border-radius:18px;position:sticky;top:20px}.side-note p{font-size:15px}.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.word-card{border:1px solid #ffffff15;border-radius:15px;padding:22px;background:#182735}.word-card h3{color:#d2e9b2;font-size:23px}.word-card p{margin:8px 0}.word-card button{font-size:13px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}input,select{background:#172736;color:#e1e8ee;border:1px solid #ffffff25;padding:10px 14px;border-radius:10px}input[type=search]{min-width:260px;flex:1}.result{text-align:center;padding:35px 10px}.result .medal{font-size:64px;color:#c5e49b}.result h2{font-size:32px}.result .primary{margin-top:15px}.focus-mode .stage-world,.focus-mode .tools #xp,.focus-mode nav{display:none}.focus-mode .study-layout{grid-template-columns:minmax(0,680px);justify-content:center}.empty{text-align:center;padding:55px 20px;border:1px dashed #ffffff20;border-radius:20px}dialog{background:#172737;color:#e5eef4;border:1px solid #a9c49444;border-radius:24px;max-width:480px;padding:38px;text-align:center}dialog::backdrop{background:#06121bcd;backdrop-filter:blur(8px)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#c4e5a5;color:#193624;padding:10px 24px;border-radius:12px;z-index:20;display:none;max-width:90vw}#toast.show{display:block}.source-link{font-size:13px;color:#9eb7be}.translation{color:#c5e0a8;margin-top:10px}.summary-strip{display:flex;justify-content:center;gap:20px;margin:25px 0}.summary-strip span{padding:12px 25px;border:1px solid #ffffff18;border-radius:12px}.finish-note{font-size:14px;color:#acc0cc}.fallback{padding:30px;text-align:center;color:#bed7c0}.footer-note{margin-top:25px;font-size:12px;color:#8096a8}.source-note{font-size:14px;color:#b8cabd}.study-panel [hidden]{display:none}.tiny{font-size:12px}.exam-wrap{max-width:740px;margin:auto}.word-test{max-width:670px;margin:25px auto}.check-label{display:inline-flex;align-items:center;gap:8px}.check-label input{accent-color:#bada99}
@media(max-width:1050px){header{padding:0 3%;gap:12px}nav{gap:8px}.brand small{display:none}.tools button{padding:8px}.hero{grid-template-columns:1.1fr 1fr}.study-layout{grid-template-columns:1fr 1fr;gap:16px}.study-panel{padding:23px}.stage-world{height:490px}.stage-world .scene{height:400px}.world-card{padding:20px}.overview{grid-template-columns:1fr 290px}}
@media(max-width:760px){header{height:auto;min-height:85px;flex-wrap:wrap;padding:15px 5% 0;gap:10px}.brand{font-size:24px}.brand-mark{width:37px;height:39px}nav{order:3;width:100%;justify-content:center}nav button{padding:10px 17px}.tools{margin-right:auto}.tools #xp{font-size:13px;padding-right:0}main{padding:25px 5%}.hero{display:flex;flex-direction:column;gap:5px;align-items:stretch}.hero h1{font-size:39px}.map-frame{height:245px;order:2}.stats-strip{gap:15px;flex-wrap:wrap;font-size:12px}.stats-strip strong{font-size:20px}.world-grid,.glossary-grid,.overview{grid-template-columns:1fr}.world-card{min-height:230px}.world-card p{min-height:0}.study-layout{display:flex;flex-direction:column}.stage-world{position:relative;top:0;height:325px;order:-1}.stage-world .scene{height:290px}.stage-caption{font-size:13px;top:10px}.stage-controls{bottom:10px}.study-panel{padding:22px}.breadcrumb{flex-wrap:wrap}.section-top{gap:12px}.section-top small{font-size:11px}.side-note{position:static}.lesson-row{padding:13px;gap:10px}.lesson-row button{padding:8px}.question{font-size:21px}.explain{font-size:18px}.summary-strip{gap:8px}.summary-strip span{padding:10px}.filters input{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.micro-animation{display:flex;align-items:center;gap:8px;direction:ltr;margin:14px 0 24px;flex-wrap:wrap;justify-content:center}.micro-animation span{padding:10px 14px;border:1px solid #bdd59944;border-radius:12px;color:#dceabb;background:#a6d69f12;animation:concept-in .7s both;font-size:17px;max-width:100%;overflow-wrap:anywhere}.micro-animation span:nth-of-type(2){animation-delay:.5s}.micro-animation span:nth-of-type(3){animation-delay:1s}.micro-animation i{color:#779a99;font-style:normal}.narration{display:flex;gap:7px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #ffffff10}.narration button{font-size:13px;padding:8px 12px}.narration #audio-status{width:100%;font-size:12px;min-height:22px}.explain{animation:concept-in .3s both}#sound-dialog select{width:100%;margin:10px 0}#sound-dialog .bottom-actions{justify-content:center}@keyframes concept-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.library-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#c5e49b0b;border:1px solid #c5e49b25;padding:16px 22px;border-radius:16px;margin-top:25px;font-size:15px;color:#c8dcae}.writing-editor{max-width:900px;margin:auto}.writing-editor label{display:block;margin:12px 0}.writing-editor textarea{width:100%;background:#0d1a28;color:#e4edf0;border:1px solid #597080;border-radius:12px;padding:20px;font:19px/1.9 Tajawal,Tahoma,sans-serif;resize:vertical}.writing-editor .steps{flex-wrap:wrap}.writing-editor .steps button{font-size:14px;flex:1;min-width:110px}.draft-preview{white-space:pre-wrap;padding:16px;background:#0d1a28;border-radius:10px}.truth-table{width:100%;border-collapse:collapse;text-align:center}.truth-table td,.truth-table th{padding:10px;border-bottom:1px solid #ffffff15}.table-scroll{overflow:auto}.side-note>button{margin-bottom:12px;width:100%}.library-banner+ .section-top{margin-top:30px}textarea:focus-visible,select:focus-visible{outline:3px solid #c6e988;outline-offset:3px}details{margin:18px 0}summary{cursor:pointer;color:#c9dfa9}.map-frame{height:380px}@media(max-width:700px){.library-banner{flex-direction:column;align-items:start}.lesson-row{flex-wrap:wrap}.lesson-row>div{min-width:180px}.map-frame{height:340px}.truth-table td{padding:6px}.library-banner button{width:100%}}

.teaching-path{display:flex;gap:5px;margin:0 0 20px;flex-wrap:wrap}.teaching-path span{flex:1;text-align:center;font-size:12px;padding:6px 4px;background:#ffffff05;border-radius:8px;color:#8197aa}.teaching-path .selected{background:#c5e49b20;color:#d7ecbc}.micro-note{font-size:14px;color:#98b4bc}.example-position{display:flex;align-items:center;gap:15px;color:#c9dfa7;font-size:14px}.example-position .progress{flex:1}.watch-out{padding:13px 16px;background:#edcc9610;border-right:3px solid #bcad82;border-radius:10px;margin:15px 0}.watch-out strong{font-size:14px;color:#e0cca4}.watch-out p{font-size:15px;margin:6px 0}.simplify-button{margin-top:14px;border-style:dashed;color:#c7ddb3}.simple-help,.quick-check{padding:20px;border-radius:15px;background:#0f1d2b;border:1px solid #a2c08733;margin-top:15px}.simple-help p{color:#c9d8df}.quick-check h3{font-size:20px}.quick-check button{margin-top:8px}.quick-check [hidden]{display:none}.lecture-detail p{font-size:16px}.study-panel .micro-animation{margin:12px 0 18px}.study-panel .micro-animation span{animation-duration:.35s}.study-panel .micro-animation span:nth-of-type(2){animation-delay:.12s}.study-panel .micro-animation span:nth-of-type(3){animation-delay:.24s}@media(prefers-reduced-motion:reduce){.micro-animation span,.explain{animation:none!important}}
.micro-animation.concept-hidden{display:none}

.narration-player audio{width:100%;height:40px;margin-top:12px;color-scheme:dark}.narration-player:empty{display:none}

/* Deliberate, self-paced explanation cards. */
.lesson-tools{display:flex;gap:6px;flex-wrap:wrap}.explain:not(.en){line-height:2.05;font-size:1.24rem;max-width:48ch}.lesson-kicker{gap:12px;flex-wrap:wrap}.example-position{margin:14px 0}.micro-note{line-height:1.7}@media(max-width:600px){.explain:not(.en){font-size:1.15rem}.lesson-tools .tiny{padding:8px}}
/* A calm campus palette keeps the reading area distinct from the interactive worlds. */
:root{--paper:#f4f1e9;--ink:#263c3b;--copper:#ad633d;--line:#d9dfd9;--forest:#193e3f}
html{background:var(--paper)}body{color:var(--ink);background:var(--paper)}p{color:#556966}a{color:#386d63}button{border-color:#c9d3cc;background:#fff9}button:hover{background:#e8eee7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ac5932}header{background:#faf8f2;border-bottom-color:var(--line);height:94px;gap:16px}header .brand small{color:#677976}.brand-mark{background:var(--forest);color:#f0d7ac;border-radius:15px 15px 4px 15px}nav button{color:#667571;padding:28px 8px}nav button.active{color:#234e46;border-bottom-color:#a76644}.tools{gap:5px}.tools button{font-size:12px;padding:8px 10px}.tools #xp{color:#7e5439}main{max-width:1450px;padding-top:22px}.eyebrow{color:#87735d;letter-spacing:.8px}.primary{background:#204c45;color:#fff7e7;box-shadow:0 5px 12px #183f3a12}.primary:hover{background:#306158}.muted,.breadcrumb,.footer-note{color:#687b77}.campus-context{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#687974;margin:0 0 19px}.campus-context i{font-style:normal;margin:0 7px;color:#b17a55}.campus-hero{display:grid;grid-template-columns:1fr 1.08fr;min-height:390px;background:#193e3f;color:#fff5e6;border-radius:28px;overflow:hidden;box-shadow:0 14px 35px #193e3f16}.hero-copy{padding:42px 42px 35px 20px;align-self:center}.hero-copy h1{font-size:clamp(35px,4vw,59px);line-height:1.35;letter-spacing:-1px}.hero-copy h1 em{color:#ebc99b;font-style:normal}.hero-copy .eyebrow{color:#c9b493;margin-bottom:18px}.hero-copy p{color:#c1d4cd;font-size:18px;line-height:1.85}.hero-copy button:not(.primary){color:#dce6de;background:transparent;border-color:#c5d9d344}.hero-copy .primary{color:#254440;background:#ecd1a5}.resume-caption{display:block;font-size:12px;color:#9dbab2;margin-top:16px}.campus-map{position:relative;min-width:0;background:radial-gradient(ellipse at center,#3c6960a0,transparent 70%);border-right:1px solid #ffffff0b}.campus-map .scene{height:380px}.map-topline{display:flex;justify-content:space-between;position:absolute;top:22px;left:25px;right:25px;color:#a6c5b8;font-size:12px;z-index:1;pointer-events:none}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#d7c68f;margin-left:6px}.campus-map .map-caption{color:#b5cfc4;bottom:17px}.journey-strip{display:flex;align-items:center;justify-content:space-between;padding:24px 10px;border-bottom:1px solid #d5ded4;gap:15px}.journey-strip>div{display:flex;align-items:center;gap:12px}.journey-strip b{font:24px Georgia;color:#a77854}.journey-strip span{font-size:17px}.journey-strip small{display:block;font-size:12px;color:#7a8981}.journey-strip i{color:#a2b2a7;font-style:normal}.journey-strip .personal-progress{padding-right:30px;border-right:1px solid #d0dacf;display:block;min-width:130px;text-align:center}.personal-progress strong{font:26px Georgia;color:#315c50}.personal-progress strong small{display:inline;font-size:15px}.personal-progress span{display:block;font-size:12px;color:#7a8981}.section-top{margin:35px 0 19px}.section-top .eyebrow{margin-bottom:4px}.section-top h2{font-size:28px}.subject-search{display:flex;align-items:center;gap:20px;margin-bottom:22px}.subject-search label{font-size:13px;color:#64786b}.subject-search input{max-width:390px;border-color:#d5dfd6;background:#fffaf3;color:#244339;font-size:14px}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.subject-card{background:#fffcf6;border:1px solid #dbe1d6;border-radius:21px;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:campus-enter .5s both;animation-delay:calc(var(--order)*45ms)}.subject-card:hover{transform:translateY(-4px);box-shadow:0 12px 23px #29453712}.subject-art{height:116px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#edf0e6,#f5f3e9);overflow:hidden}.mini-plinth{width:108px;height:76px;position:absolute;top:43px;background:var(--accent);transform:rotateX(58deg) rotateZ(-28deg);box-shadow:0 12px 0 #49675d,0 21px 25px #3e584f22;border-radius:10px}.subject-glyph{font:47px Georgia;color:#2d574d;z-index:1;transform:translateY(-12px);text-shadow:0 3px #ffffff70;transition:transform .3s}.subject-card:hover .subject-glyph{transform:translateY(-18px) rotate(-5deg)}.orbit-dot{width:10px;height:10px;border:2px solid #ab784d;position:absolute;top:33px;left:33%;transform:rotate(30deg);border-radius:3px}.subject-content{padding:20px 23px 0}.subject-code{display:block;color:#7f8c80;font-size:12px;text-align:right;letter-spacing:.6px}.subject-content h3{margin:4px 0 10px;font-size:23px}.subject-content p{font-size:14px;min-height:47px;margin-bottom:14px}.subject-meta{display:flex;justify-content:space-between;color:#718275;font-size:12px;margin:15px 0 8px}.progress{background:#dce5da}.progress>span{background:#47755c}.subject-open{width:calc(100% + 46px);margin:18px -23px 0;border:0;border-top:1px solid #e4e9df;background:transparent;border-radius:0;padding:14px 23px;text-align:right;display:flex;justify-content:space-between;color:#325f4c;font-size:14px}.collection-note{display:flex;align-items:center;gap:15px;padding:25px 28px;border:1px solid #d4ded1;border-radius:20px;margin-top:28px;background:#eaf0e5}.collection-note>div{flex:1}.collection-note h3{font-size:20px;margin-bottom:4px}.collection-note p{font-size:14px;margin:0}.collection-note button{font-size:13px;white-space:nowrap}.site-footer{max-width:1330px;margin:15px auto 0;border-top:1px solid #d1dbd2;padding:28px 4%;display:grid;grid-template-columns:1fr 1fr;gap:45px}.site-footer strong{font-size:22px;color:#294e44}.site-footer strong span{color:#b78355;margin:0 6px}.site-footer p{font-size:12px;color:#7b8980;line-height:1.9;margin:8px 0}.site-footer a{font-size:13px}.subject-heading{display:flex;justify-content:space-between;align-items:center;padding:28px 35px;background:#e8eddf;border-radius:20px}.subject-heading h1{font-size:40px}.subject-heading p{margin-bottom:0}.heading-glyph{font:85px Georgia;color:#335a4b;line-height:1}.lecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lecture-card{background:#fffdf7;padding:27px;border:1px solid #d6dfd2;border-radius:20px}.lecture-card h2{font-size:25px;margin-top:24px}.lecture-card p{font-size:15px}.lecture-card-top{display:flex;justify-content:space-between;align-items:center}.tag{color:#315747;background:#e1eadb}.topic-preview{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 28px}.topic-preview span{font-size:12px;padding:5px 9px;border:1px solid #dbe2d5;border-radius:8px;color:#75816c}.study-panel,.side-note,.word-card{background:#fffdf7;border-color:#d6dfd2}.study-panel{box-shadow:0 6px 22px #34513c05}.explain,.question{color:#314a44}.stage-world{background:radial-gradient(ellipse at 50% 75%,#416861,#193e3f);border:0;color:#e6efe5}.stage-controls button{background:#244d48;color:#e8f0e8;border-color:#adc6b944}.stage-world .muted{color:#c2d7cb}.stage-world .tag{color:#e0dab4;background:#58705b66}.lesson-row{background:#fffcf7;border-color:#d5dfd1}.lesson-row .index{color:#52775a}.lesson-kicker{color:#657d71}.steps span,.teaching-path span{background:#eef2e9;color:#7d8d80}.steps .current,.teaching-path .selected{background:#dce9d1;color:#325f3c}.steps .done{color:#477449}.example-position{color:#527844}.micro-note{color:#819078}.narration{border-color:#dbe2d7}.narration-player audio{color-scheme:light}.vocab-inline b,.translation,.formula{color:#4e7543}.micro-animation span{background:#ebf1e2;color:#4c6b3b;border-color:#bfcfae}.simplify-button{color:#5c7a45}.simple-help,.quick-check{background:#f0f4e8;border-color:#d5e0c7}.simple-help p{color:#456044}.watch-out{background:#f5eedc;border-color:#c7aa77}.watch-out strong{color:#997443}.answer .key{color:#6c8267;border-color:#b6c6ac}.answer.correct{background:#deedcf;color:#2c542a;border-color:#8eae76}.answer.wrong{background:#fae9de;border-color:#c88966}.feedback{background:#e4efdb;color:#496b36}.feedback.retry{background:#f6e8db;color:#8b6346}.source-link{color:#577c62}.example,.english-box{background:#eef1e5}.word-card h3{color:#4c7040}input,select{background:#fffdf6;color:#354d41;border-color:#c7d3bc}.writing-editor textarea,.draft-preview{background:#f5f6ed;color:#3f5847;border-color:#bfccb2}summary{color:#63844c}dialog{background:#fffdf6;color:#344d40;border-color:#c6d3bc;max-width:560px}dialog p{color:#6c7f69}.source-note{color:#687d5e}.summary-strip span{border-color:#cbd7bc}.finish-note{color:#768a69}.library-banner{color:#5b7848;background:#e9efdf;border-color:#cbd7bb}.empty{border-color:#b8c9ae}.truth-table td,.truth-table th{border-color:#d7e0cb}.result .medal{color:#b98d43}.low-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.low-motion .subject-card:hover,.low-motion .subject-glyph{transform:none}.low-motion .mini-plinth{transform:rotateX(58deg) rotateZ(-28deg)}@keyframes campus-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){header{height:auto;flex-wrap:wrap;padding:15px 4%;gap:10px}nav button{padding:10px}.tools{margin-right:auto}.hero-copy{padding:30px}.campus-map .scene{height:390px}.journey-strip{gap:10px}.journey-strip>i{display:none}.journey-strip .personal-progress{padding-right:15px}.collection-note{flex-wrap:wrap}.collection-note>div{min-width:100%}}
@media(max-width:760px){header{padding-bottom:0}.campus-context{flex-direction:column;gap:3px}.campus-hero{grid-template-columns:1fr}.hero-copy{padding:28px 24px 15px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:16px}.campus-map .scene{height:300px}.map-topline{top:4px;font-size:11px}.campus-map .map-caption{bottom:9px}.journey-strip{align-items:flex-start;gap:8px;padding:20px 0;flex-wrap:wrap}.journey-strip>div{gap:7px}.journey-strip b{font-size:19px}.journey-strip span{font-size:13px}.journey-strip small{font-size:10px}.journey-strip .personal-progress{display:none}.subject-grid,.lecture-grid{grid-template-columns:1fr}.subject-card{display:grid;grid-template-columns:100px 1fr}.subject-art{height:100%;grid-column:1;grid-row:1}.subject-content{padding:18px 18px 0;min-width:0}.subject-content p{min-height:0}.subject-content h3{font-size:21px}.subject-glyph{font-size:38px}.mini-plinth{width:74px;height:57px;top:50%;margin-top:-10px}.orbit-dot{top:32%;left:20%}.subject-glyph{transform:translateY(-9px)}.subject-open{width:calc(100% + 36px);margin:14px -18px 0;padding:12px 18px}.subject-search{display:block}.subject-search label{display:block;margin-bottom:8px}.subject-search input{max-width:none;width:100%}.section-top h2{font-size:24px}.collection-note{padding:22px}.site-footer{grid-template-columns:1fr;gap:12px}.subject-heading{padding:22px}.subject-heading h1{font-size:31px}.heading-glyph{font-size:50px}.lecture-card{padding:22px}.stage-world{order:0;height:330px}.study-layout{gap:18px}.tools button{font-size:11px;padding:7px}.study-panel{padding:20px}}

nav button{background:transparent}.tools button[aria-pressed=true]{background:#dce9d1;border-color:#9eaf90}.stage-controls button:hover{background:#3c655b}.subject-grid>.empty{grid-column:1/-1}
/* Clear Arabic navigation and one predictable place for learning preferences. */
.eyebrow{letter-spacing:0}.hero-copy p{max-width:34em}.subject-content .subject-code{margin:0 0 10px;direction:ltr;letter-spacing:0}.subject-content h3{margin:0 0 4px}.display-settings{position:relative;margin:0;z-index:30}.display-settings>summary{list-style:none;padding:10px 15px;border:1px solid #c4d0c8;border-radius:12px;font-size:14px;color:#244b40;background:#fffcf7;white-space:nowrap}.display-settings>summary::-webkit-details-marker{display:none}.display-settings>summary:after{content:'⌄';margin-right:12px}.display-settings[open]>summary{background:#e3eddf}.display-settings>summary:focus-visible{outline:3px solid #ac5932;outline-offset:3px}.settings-menu{position:absolute;top:calc(100% + 10px);left:0;width:270px;padding:15px;background:#fffdf7;border:1px solid #cbd8cc;border-radius:16px;box-shadow:0 15px 40px #1c403225;display:grid;gap:7px}.settings-menu p{margin:0 0 5px;font-size:12px;color:#697d71}.tools .settings-menu button{width:100%;text-align:right;font-size:14px;padding:11px 13px;border-radius:9px}.tools #xp{font-size:13px;color:#687b6d}.teaching-path{margin-bottom:14px}.teaching-path span{flex:none;background:transparent;padding:0;font-size:13px;color:#647e6c}.settings-menu button:hover{background:#e5efdf}.resume-caption{line-height:1.8}.campus-context{font-size:13px}.subject-content p{color:#4c6256}.subject-meta{color:#607665}@media(max-width:760px){.tools{gap:10px}.display-settings>summary{font-size:12px;padding:9px}.settings-menu{left:-35px;width:min(280px,calc(100vw - 35px))}nav button{font-size:14px;padding:10px 8px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:16px}.settings-menu p{font-size:12px}}
/* By Dragon: restrained dark surfaces, with direction isolated for English. */
:root{--paper:#101719;--ink:#edf1ed;--line:#2a3637;--forest:#183236;--copper:#b1cbbb;color-scheme:dark}html,body{background:#101719;color:#edf1ed}p{color:#b2c0bd}a{color:#a9d2c2}header{background:#101719;border:0;height:auto;min-height:88px;padding-top:12px;padding-bottom:12px;gap:14px}header .brand small{color:#9eaaa7;font-size:12px;direction:ltr;text-align:right;margin-top:0}.brand-mark{background:#25443e;color:#d6e9dc}.brand{font-size:28px}nav{gap:9px;flex-wrap:wrap}nav button{color:#a6b7b1;font-size:14px;padding:10px 9px;border-radius:8px}nav button.active{color:#e4eee8;background:#23352f;border:0}button{background:#1b2729;border:1px solid #344345;color:#dde6e2}button:hover{background:#2a3a3a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#c4dcc4}.primary{background:#b8d5bf;color:#18281e;box-shadow:none}.primary:hover{background:#d0e4d4}.eyebrow,.muted,.breadcrumb,.footer-note{color:#95aaa2}.campus-context{color:#8eaaa0;margin-bottom:16px}.campus-hero{background:#182a2d;border-radius:20px;box-shadow:none;min-height:360px}.hero-copy .primary{background:#b8d5bf;color:#14291b}.hero-copy h1 em{color:#bbd7c4}.hero-copy .eyebrow{color:#a0baae}.campus-map{border:0;background:radial-gradient(ellipse at center,#304a4590,transparent 75%)}.hero-copy{padding-top:34px;padding-bottom:28px}.hero-copy p{color:#b6c9c0}.hero-copy button:not(.primary){border-color:#4b635b}.map-topline{color:#9cb7aa}.live-dot:before{display:none}.journey-strip{border:0}.journey-strip b,.journey-strip>i{display:none}.journey-strip span{color:#cddbd3}.journey-strip small,.personal-progress span{color:#819b8e}.journey-strip .personal-progress{border:0}.personal-progress strong{color:#b8d5bf}.subject-search input,input,select{background:#1b2729;color:#e5eee8;border-color:#3c4d47}.subject-search label{color:#a3b8aa}.subject-card{background:#192427;border:0;box-shadow:none}.subject-card:hover{box-shadow:none}.subject-art{background:#202f31}.subject-glyph{color:#e0e9df;text-shadow:none}.mini-plinth{filter:brightness(.8);box-shadow:0 12px 0 #42594e}.orbit-dot{display:none}.subject-content h3{color:#e4ede5}.subject-code{color:#94aaa0}.subject-content p{color:#b0c3b6}.subject-meta{color:#91a996}.subject-open{color:#c8dccb;border:0;background:#23332f}.progress{background:#35433b}.progress>span{background:#9dbc9e}.subject-heading{background:#1c2e2d}.heading-glyph{color:#a9c7ad}.lecture-card,.study-panel,.side-note,.word-card{background:#1a2528;color:#e5ede7;border:0;box-shadow:none}.tag{background:#2b3d33;color:#b9d0b8}.lecture-card .topic-preview span{border:0;background:#27372e;color:#a7bda5}.lesson-row{background:#1b2829;border:0}.lesson-row .index{color:#a7c3a4}.lesson-kicker{color:#a6beb0}.explain,.question{color:#e0eae2}.steps span,.teaching-path span{background:#24332d;color:#9fb6a4}.steps .current{background:#36503b;color:#d6e8d2}.steps .done{color:#b7d8ac}.teaching-path span{background:none}.micro-note{color:#9db39e}.example-position{color:#b5cdae}.narration{border:0}.narration-player audio{color-scheme:dark}.formula,.translation,.vocab-inline b{color:#c6dab4}.micro-animation span{background:#2a3a2c;border:0;color:#cbdcba}.simple-help,.quick-check,.example,.english-box{background:#203029;border:0}.simple-help p{color:#c5d6c3}.watch-out{background:#3b3627;border:0}.watch-out strong{color:#dec89b}.answer .key{color:#b7ceb0;border-color:#53714f}.answer.correct{background:#2e472f;color:#dcf0d4;border-color:#7fac70}.answer.wrong{background:#493128;border-color:#a7775e}.feedback{background:#2a402b;color:#c8e2bc}.feedback.retry{background:#46372c;color:#e1c4a7}.word-card h3{color:#c3dcad}.writing-editor textarea,.draft-preview{background:#14221f;color:#dce9d6;border-color:#495f43}summary{color:#bcd5aa}dialog{background:#1c2a2b;color:#e5ece5;border-color:#425446}dialog p{color:#b3c4b1}.display-settings>summary{background:#1c2b2c;border:0;color:#dce8df}.display-settings[open]>summary{background:#304337}.settings-menu{background:#1d2c2a;border-color:#3d5446;box-shadow:0 15px 35px #0006}.settings-menu p{color:#aec2ac}.settings-menu button:hover,.tools button[aria-pressed=true]{background:#344b37;border-color:#5a7655}.collection-note{background:#1b2b27;border:0}.collection-note h3{color:#e0eade}.site-footer{border:0;gap:40px}.site-footer strong{color:#c6d9c8;font-size:18px}.site-footer strong span{font-size:13px;color:#a8c5ac;margin:0 10px}.site-footer p{color:#8da696}.source-note,.finish-note{color:#b0c4ac}.library-banner{background:#26372a;color:#c0d4b5;border:0}.source-link{color:#b2cfa8}.summary-strip span{border:0;background:#253629}.empty{border-color:#4b6247}.exam-language{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:25px 0}.last-result{color:#c0dbb7}.update-entry{background:#1b292b;border-radius:16px;padding:28px;margin:20px 0;max-width:900px}.update-entry>div{display:flex;gap:20px;align-items:center;margin-bottom:18px;color:#91ada0;font-size:13px}.update-entry h2{font-size:24px}.update-entry ul{padding-inline-start:20px;color:#b9ccbd;line-height:2.1}.release-tag{color:#c4dabc}.en,[lang=en]{letter-spacing:0;line-height:1.8}.site-footer{margin-top:0}.campus-context i{display:none}@media(max-width:760px){header{padding-bottom:0}nav{gap:3px}nav button{font-size:12px;padding:10px 7px}.journey-strip>div{flex:1}.hero-copy h1{font-size:36px}.exam-language{align-items:stretch;flex-direction:column}.exam-language select{width:100%}.site-footer{gap:10px}.update-entry{padding:21px}.hero-copy .eyebrow{font-size:12px}}
/* Wasselha: compact corners, legible reading and purpose-led imagery. */
:root{--paper:#151719;--ink:#edece8;--line:#35383a;--forest:#252b2c;--accent-warm:#d7b993}html,body{background:#151719;color:#edece8}header{background:#151719}.brand-mark{background:#d7b993;color:#24211b;border-radius:5px;font-size:32px;width:43px;height:43px}.brand{font-size:30px}.brand small{direction:rtl!important;font-size:11px!important;color:#a2a7a5!important}.campus-hero{background:#202527;grid-template-columns:1fr 1fr;border-radius:8px;min-height:0}.hero-copy{padding:36px clamp(24px,3.3vw,48px)}.hero-copy h1{font-size:clamp(32px,3.7vw,52px);line-height:1.5;letter-spacing:0}.hero-copy h1 em{color:#dcc4a2}.hero-copy .eyebrow{color:#b1ada3;font-size:13px}.hero-copy p{color:#c0c3be;font-size:17px}.hero-copy .primary,.primary{background:#d7bb97;color:#24221d;border-radius:5px;box-shadow:none}.primary:hover{background:#e4cdae}.hero-copy button:not(.primary){border-color:#626761;color:#d4d8cf}.study-photograph{position:relative;margin:0;min-width:0;min-height:350px;overflow:hidden}.study-photograph img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center}.study-photograph figcaption{position:absolute;inset-inline:20px;bottom:15px;color:#f0e9dd;font-size:14px;text-shadow:0 2px 5px #000;background:#141719b8;padding:10px 14px;border-radius:3px;width:fit-content}.journey-strip{padding:25px 0;gap:25px}.journey-strip>div{gap:0}.journey-strip small{margin-top:3px;color:#919e96}.personal-progress strong{color:#d7bb97}.explore-world{background:#1c2224;border-radius:5px;margin:0 0 22px}.explore-world>summary{padding:14px 18px;color:#c0cac4;font-size:14px}.explore-world>summary span{font-size:12px;color:#84988c;margin-inline-start:10px}.explore-world .campus-map{height:340px}.explore-world .scene{height:320px;min-height:260px}.section-top{margin:27px 0 18px}.section-top h2{font-size:25px}.subject-grid{gap:16px}.subject-card{border-radius:6px;background:#202629;animation:none}.subject-card:hover{transform:translateY(-2px)}.subject-art{height:80px;background:#262e30}.mini-plinth{width:73px;height:48px;top:36px;border-radius:3px;box-shadow:0 7px 0 #46514a}.subject-glyph{font-size:34px;transform:translateY(-9px)}.subject-card:hover .subject-glyph{transform:translateY(-12px)}.subject-content{padding:18px 20px 0}.subject-content h3{font-size:22px}.subject-content .subject-code{color:#9faaa6;font-size:12px}.subject-content p{font-size:15px;line-height:1.85;color:#c0c7be}.subject-open{margin:16px -20px 0;width:calc(100% + 40px);padding:13px 20px;background:#2a3333;border-radius:0;color:#ddded2}.subject-meta{color:#a5b4a8}.progress{border-radius:2px;height:3px;background:#39413a}.progress>span{background:#b9c5ae}.collection-note{border-radius:6px;background:#222b29}.collection-note button{white-space:normal}.site-footer{padding-top:30px}.site-footer p{font-size:13px;line-height:1.9;color:#99a9a0}.site-footer strong{font-size:21px;color:#dfd8c8}button,input,select,textarea,.tag,.topic-preview span,.lesson-row,.study-panel,.side-note,.word-card,.subject-heading,.lecture-card,.update-entry,.stage-world,.scene,.answer,.answer .key,.feedback,.simple-help,.quick-check,.watch-out,dialog,.settings-menu,.display-settings>summary,.steps span,.micro-animation span,.vocab-inline button{border-radius:5px}.tag{border-radius:3px}.study-panel{padding:clamp(20px,2.7vw,35px);background:#20272a}.explain:not(.en){font-size:clamp(18px,1.65vw,21px);line-height:2;max-width:52ch}.lesson-kicker{gap:10px}.lesson-tools .tiny{font-size:13px;padding:8px 11px}.steps{gap:5px;margin:18px 0}.steps span{padding:8px 5px;font-size:12px}.learning-goal{font-size:14px;color:#bec9bd;margin:0 0 24px;padding:12px 14px;background:#2a3530;line-height:1.85}.learning-goal strong{display:block;color:#e0dbc8;font-size:13px;margin-bottom:3px}.lesson-recap{max-width:700px;margin:22px auto;text-align:start;padding:24px;background:#222d29;border-radius:5px}.lesson-recap h2{font-size:23px}.stage-world{background:#222e2f}.bottom-actions{gap:9px}.bottom-actions .primary{min-height:46px}.lecture-card h2{font-size:24px}.lesson-row{padding:17px 19px}.lesson-row h3{line-height:1.6}.breadcrumb{flex-wrap:wrap;line-height:1.8}.settings-menu{max-width:calc(100vw - 30px)}.en,[lang=en],.formula{unicode-bidi:isolate;overflow-wrap:anywhere}.empty{border-radius:5px}a,button,summary{touch-action:manipulation}nav button{border-radius:4px}.narration button{min-height:40px}.exam-language select{max-width:100%}.site-footer strong span{color:#b5aa96}
@media(min-width:1600px){main{max-width:1500px}.hero-copy h1{font-size:55px}.study-photograph{min-height:410px}}
@media(min-width:761px) and (max-width:1100px){header{flex-wrap:wrap}.brand{margin-inline-end:auto}header nav{order:3;width:100%;justify-content:center}.campus-hero{grid-template-columns:1.1fr 1fr}.hero-copy{padding:27px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:16px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-layout{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr)}.overview{grid-template-columns:minmax(0,1fr) 270px}.stage-world{height:450px}.stage-world .scene{height:365px}}
@media(max-width:760px){header{padding:14px 5% 0;gap:10px}.brand{font-size:27px}.brand-mark{width:38px;height:38px}.brand small{display:block}header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:4px 0 9px;max-width:100%;scrollbar-width:thin}nav button{flex:0 0 auto;min-height:44px;padding:9px 11px;font-size:13px}.tools{margin-inline-start:auto;margin-right:0}.display-settings>summary{min-height:44px;display:flex;align-items:center;font-size:12px}.settings-menu{left:0;right:auto;max-width:calc(100vw - 32px)}.tools .settings-menu button{min-height:44px}.campus-context{font-size:12px;flex-direction:row}.campus-hero{display:flex;flex-direction:column}.hero-copy{padding:26px 22px}.hero-copy h1{font-size:clamp(28px,7.6vw,39px);margin-bottom:12px;line-height:1.5}.hero-copy p{font-size:16px}.hero-actions{gap:8px}.hero-actions button{min-height:46px;flex:1;padding:10px 13px;white-space:normal}.study-photograph{min-height:0;height:190px;flex:none}.study-photograph img{object-position:center 61%}.study-photograph figcaption{font-size:12px;bottom:9px;padding:7px 10px}.resume-caption{font-size:12px}.journey-strip{gap:13px;padding:22px 0}.journey-strip>div{min-width:0}.journey-strip span{font-size:13px}.journey-strip small{font-size:11px}.explore-world>summary{font-size:13px;padding:14px}.explore-world .campus-map{height:280px}.explore-world .scene{height:260px}.subject-card{grid-template-columns:74px minmax(0,1fr)}.subject-art{height:100%}.mini-plinth{top:48%;width:56px;height:43px}.subject-glyph{font-size:29px}.subject-content{padding:17px 16px 0}.subject-content h3{font-size:21px}.subject-content p{font-size:14px;margin-bottom:10px}.subject-open{width:calc(100% + 32px);margin:14px -16px 0;min-height:46px;padding:11px 16px}.subject-meta{font-size:11px;gap:8px}.subject-search input{min-height:46px}.study-layout{display:flex;flex-direction:column}.study-panel{padding:19px;min-width:0}.stage-world{order:0;position:relative;height:330px}.stage-world .scene{height:275px}.stage-controls button{min-height:44px}.stage-controls{bottom:10px;gap:6px}.learning-goal{font-size:13px;padding:10px 12px}.lesson-row>div{min-width:0}.lesson-row{gap:10px;padding:15px;flex-wrap:wrap}.lesson-row>div{flex:1 1 170px}.lesson-row button{min-height:44px}.lesson-row h3{font-size:18px}.lesson-row .en{font-size:12px}.overview{display:flex;flex-direction:column}.side-note{position:static}.lesson-kicker{align-items:start}.lesson-tools{gap:5px}.lesson-tools .tiny{font-size:12px;min-height:40px}.narration button{min-height:44px}.bottom-actions{align-items:stretch}.bottom-actions button{min-height:46px;flex:1 1 145px}.explain:not(.en){font-size:18px}.steps span{font-size:11px;padding:9px 3px}.lecture-grid{grid-template-columns:minmax(0,1fr)}.card-footer{flex-wrap:wrap}.card-footer .primary{min-height:44px}.collection-note{padding:21px}.collection-note button{min-height:44px}.site-footer{padding-inline:5%}.subject-heading h1{font-size:28px}.heading-glyph{font-size:42px}.filters>*{max-width:100%}.exam-wrap{min-width:0}.answer{font-size:16px}.update-entry time{font-size:12px}dialog{width:calc(100vw - 32px);padding:25px;max-height:85dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.subject-card:hover,.subject-card:hover .subject-glyph{transform:none}}
@media(max-width:760px){header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:4px;padding-bottom:10px}nav button{font-size:12px;white-space:normal;padding:8px 5px;line-height:1.4}nav button:first-child{grid-column:span 2}.hero-actions button{font-size:14px;white-space:nowrap;padding:10px 9px}.brand small{font-size:10px!important}.hero-copy{padding:23px 20px}.subject-heading{gap:15px}.subject-heading>div{min-width:0}}
/* Keep the explanation readable; exploration follows the text. */
.study-layout.tutor-layout{display:block;max-width:820px;margin:0 auto}
.tutor-layout .study-panel{padding:30px 38px}
.tutor-layout .explain{font-size:25px;line-height:1.95;color:#f2f0e9;max-width:43ch}
.tutor-layout .learning-goal{display:none}
.tutor-layout .lesson-kicker{margin-bottom:16px}
.tutor-layout .micro-animation{display:none}
.tutor-layout .narration{margin-top:20px}.tutor-layout .narration-player{max-width:380px}
.tutor-layout .bottom-actions{justify-content:flex-start}
.optional-scene,.reading-help,.example-context{margin:20px 0;border-top:1px solid #3a4542;padding-top:16px}
.optional-scene summary,.reading-help summary,.example-context summary{cursor:pointer;min-height:44px;color:#d7bb97;line-height:1.8}
.optional-scene .stage-world{margin-top:12px}.reading-help p,.example-context p{font-size:19px;line-height:1.9}
@media(max-width:760px){.tutor-layout .study-panel{padding:20px 18px}.tutor-layout .explain{font-size:23px}.tutor-layout .bottom-actions .primary{width:100%}}
.binary-switches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;width:100%}.binary-switches button{padding:8px 2px;min-width:0;display:grid;gap:8px;text-align:center}.binary-switches button[aria-pressed=true]{background:#d7bb97;color:#18211e}.binary-switches small{font-size:12px}.binary-switches strong{font-size:23px}.lesson-reference{margin:20px 0}.lesson-reference summary{cursor:pointer;padding:14px 0;min-height:44px}.lesson-reference .formula{white-space:pre-wrap;font-size:18px;overflow:auto}

.symbol-guide{margin-block:24px;padding:20px;background:var(--panel);border-inline-start:2px solid var(--accent);border-radius:5px}.symbol-guide dl{display:grid;gap:16px}.symbol-guide dt{font-weight:700}.symbol-guide dt b{display:inline-block;min-width:24px;color:var(--accent)}.symbol-guide dd{margin:5px 0 0;line-height:1.8;color:var(--muted)}

.binary-teaching{margin:20px 0 26px;padding:18px;border:1px solid #c4e5a533;border-radius:6px}.binary-teaching figcaption{font-size:17px;margin-bottom:16px}.binary-teaching-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.binary-teaching-grid>div{padding:12px 5px;border-radius:5px;background:#c4e5a518;display:grid;gap:4px}.binary-teaching-grid .excluded{background:#ffffff04;color:#a3aeb5}.binary-teaching-grid strong,.binary-teaching-grid b{font-size:27px}.binary-teaching-grid span,.binary-teaching-grid small{font-size:13px}.binary-teaching p{text-align:center;margin:16px 0 0;font-size:21px;direction:ltr;unicode-bidi:isolate}