:root { --logic-ink:#173d40; --logic-muted:#5c7775; --logic-gold:#edbd55; --logic-blue:#69b9df; --logic-green:#9ccc75; --logic-coral:#e99c7a; --logic-paper:#fffaf0; }
body[data-learning-portal="reading-logic"] { background: radial-gradient(circle at 12% 7%,#e8f5fa 0,transparent 29rem),radial-gradient(circle at 91% 24%,#eaf3d7 0,transparent 26rem),linear-gradient(180deg,#f4fbfb,#edf3e9); }
body[data-learning-portal="reading-logic"] .learning-portal-shell { width:min(1540px,calc(100% - 32px));padding-top:24px; }
body[data-logic-view="lesson"] .learning-portal-shell,body[data-logic-view="exercise"] .learning-portal-shell{width:min(1680px,calc(100% - 32px));}
.logic-app{color:var(--logic-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;}
.logic-app--wide{max-width:none;}
.logic-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 18px;padding:0 4px;color:#607878;font-size:12px;font-weight:850;letter-spacing:.08em;}
.logic-topline a{color:inherit;text-decoration:none}.logic-topline a:hover{text-decoration:underline}
.logic-kicker{color:#25657a;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}
.logic-primary,.logic-secondary{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:49px;padding:12px 21px;border:1px solid transparent;border-radius:15px;text-decoration:none;font-weight:850;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.logic-primary{color:white;background:#176869;box-shadow:0 6px 0 #0c4647}.logic-primary:hover,.logic-primary:focus-visible{transform:translateY(-3px);box-shadow:0 9px 0 #0c4647;background:#125a5b}.logic-secondary{border-color:#a6c8c6;color:#245457;background:white;box-shadow:0 4px 0 #d5e8e5}.logic-secondary:hover,.logic-secondary:focus-visible{transform:translateY(-2px);box-shadow:0 6px 0 #d5e8e5}.logic-secondary:disabled{opacity:.45;cursor:default;transform:none}
.logic-primary:focus-visible,.logic-secondary:focus-visible,.logic-option:focus-visible,.logic-map-node:focus-visible,.logic-rail-node:focus-visible,.logic-fruit-box button:focus-visible,.logic-mini button:focus-visible,.logic-check button:focus-visible{outline:3px solid #df8f37;outline-offset:3px}
.logic-hero{min-height:425px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;padding:clamp(32px,5vw,72px);border:2px solid #d2e4df;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.65) 0 9%,transparent 10%),linear-gradient(146deg,#fefbf0 0%,#dcefe9 55%,#c4e6ee 100%);box-shadow:0 28px 70px #2a646025}
.logic-hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(44px,5vw,78px);line-height:1.07;margin:0;color:#1b4648}.logic-hero__en{font-family:Georgia,serif;font-size:clamp(19px,2.2vw,29px);color:#8d7042;margin:14px 0 22px}.logic-hero__copy>p:last-of-type{max-width:600px;font-size:18px;line-height:1.8;color:#456261}.logic-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.logic-hero__art{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:270px}.logic-art-arrow{font-size:72px;color:#27666f;filter:drop-shadow(0 4px #a7ced1)}
.logic-piece{display:inline-grid;place-items:center;flex:0 0 auto;background:var(--logic-gold);color:#173d40;font-family:Georgia,serif;font-weight:900;text-shadow:0 1px #fff8;box-shadow:0 10px 0 #a47931,0 17px 22px #174f4e40;clip-path:polygon(15% 0,41% 0,41% 8%,48% 11%,55% 8%,55% 0,85% 0,100% 15%,100% 41%,92% 41%,89% 48%,92% 55%,100% 55%,100% 85%,85% 100%,55% 100%,55% 92%,48% 89%,41% 92%,41% 100%,15% 100%,0 85%,0 55%,8% 55%,11% 48%,8% 41%,0 41%,0 15%)}
.logic-piece--hero{width:clamp(130px,14vw,210px);height:clamp(130px,14vw,210px);font-size:clamp(25px,3vw,42px);transform:rotate(-7deg);animation:logic-float 4s ease-in-out infinite}.logic-piece--blue{background:var(--logic-blue);box-shadow:0 10px 0 #397fa2,0 17px 22px #174f4e40;transform:rotate(8deg);animation-delay:-2s}.logic-piece--small{width:72px;height:72px;font-size:28px;box-shadow:0 5px 0 #a47931,0 9px 15px #174f4e26}.logic-color-0{--node:#edbd55;--node-shadow:#b2863b}.logic-color-1{--node:#69b9df;--node-shadow:#3d88aa}.logic-color-2{--node:#9ccc75;--node-shadow:#6a9b48}.logic-color-3{--node:#e99c7a;--node-shadow:#b87359}
@keyframes logic-float{50%{translate:0 -10px}}
.logic-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.logic-home-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;min-height:175px;padding:25px;border:1px solid #c9ddd8;border-radius:25px;text-decoration:none;color:var(--logic-ink);background:#fffdf7;box-shadow:0 10px 25px #2a646014;transition:transform .2s,box-shadow .2s}.logic-home-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #2a646026}.logic-home-card--practice{background:#f0f9fb}.logic-number{display:grid;place-items:center;width:67px;height:67px;border-radius:19px;background:#edbd55;font-family:Georgia,serif;font-size:27px;font-weight:bold}.logic-home-card--practice .logic-number{background:#69b9df}.logic-home-card small,.logic-home-card strong,.logic-home-card em{display:block}.logic-home-card small{font-weight:900;letter-spacing:.1em;color:#488087;font-size:11px}.logic-home-card strong{font-family:Georgia,"Noto Serif TC",serif;font-size:27px;margin:7px 0}.logic-home-card em{font-style:normal;color:#5b7573;line-height:1.5}.logic-home-card b{font-size:28px}.logic-save-note{font-size:13px;color:#587673;margin:20px 5px}
.logic-lesson-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.logic-lesson-rail{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;padding:26px;border-radius:25px;border:1px solid #cbded8;background:#fffdf8;box-shadow:0 14px 30px #245b5816}.logic-lesson-rail h1{font-family:Georgia,"Noto Serif TC",serif;font-size:34px;margin:0}.logic-lesson-rail h1 span{color:#d98659}.logic-lesson-rail>p:not(.logic-kicker){color:var(--logic-muted);line-height:1.65}.logic-rail-progress{display:flex;justify-content:space-between;font-size:13px;font-weight:850;margin:21px 0 8px}.logic-progress-track{height:9px;overflow:hidden;border-radius:99px;background:#dbeae6}.logic-progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e3aa43,#66bed4,#79b466);transition:width .4s ease}.logic-lesson-rail nav{display:grid;gap:5px;margin-top:18px}.logic-rail-node{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#627b78;text-align:left;cursor:pointer;font-size:13px;font-weight:750}.logic-rail-node span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e7f2ed;color:#31675f;font-size:11px}.logic-rail-node:hover,.logic-rail-node.is-current{background:#e7f4f0;border-color:#bbdbd1;color:#194e4e}.logic-rail-node.is-done span{background:#bfe5ca}
.logic-lesson-card{--theme:#edbd55;min-height:570px;padding:clamp(25px,4vw,60px);border-radius:30px;border:2px solid #d5e4da;background:radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--theme) 33%,transparent),transparent 19rem),#fffefa;box-shadow:0 25px 55px #235d5a20}.logic-theme--blue{--theme:#69b9df}.logic-theme--green{--theme:#9ccc75}.logic-theme--coral{--theme:#e99c7a}.logic-stage-header{display:flex;align-items:center;gap:23px;padding-bottom:24px;border-bottom:1px solid #d7e8de}.logic-stage-header .logic-piece{background:var(--theme)}.logic-stage-header h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(30px,3.4vw,52px);margin:0}.logic-beats{display:grid;gap:15px;min-height:240px;padding:28px 0}.logic-beat{display:flex;align-items:start;gap:18px;max-width:880px;padding:20px 22px;border-radius:19px;border:1px solid #dfebe3;background:white;box-shadow:0 6px 0 color-mix(in srgb,var(--theme) 35%,#e9eee7);animation:logic-reveal .48s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--beat-index)*35ms)}.logic-beat:nth-child(even){margin-left:clamp(0px,4vw,48px)}.logic-beat__number{flex:none;color:#aa7831;font-family:Georgia,serif;font-size:15px;font-weight:bold}.logic-beat p{margin:0;font-size:clamp(17px,1.6vw,23px);line-height:1.68}.logic-beat strong{color:#185f62}.logic-formula{display:block;padding:10px 15px;border-radius:13px;background:#e7f4f1;font-family:Georgia,serif;font-weight:800;letter-spacing:.02em}.logic-formula span{color:#c57848;margin:0 8px}.logic-lesson-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid #d7e8de;padding-top:22px}@keyframes logic-reveal{from{opacity:0;transform:translateY(17px) scale(.98)}to{opacity:1;transform:none}}
.logic-fruit-box,.logic-mini{padding:22px;border-radius:19px;background:#eaf4ee;border:1px solid #c9decf}.logic-fruit-box p,.logic-mini p{font-weight:900;letter-spacing:.05em;margin:0 0 14px}.logic-fruit-box>div{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.logic-fruit-box button,.logic-mini button{min-height:44px;padding:9px 18px;border:2px solid #9cc9ad;border-radius:14px;background:#fffef8;color:#1c5354;cursor:pointer;font-weight:850}.logic-fruit-box button:hover,.logic-fruit-box button.is-picked,.logic-mini button:hover{background:#c7e7cc}.logic-fruit-box strong,.logic-mini strong{display:block;min-height:23px;color:#206269}.logic-mini button{margin:0 8px 12px 0}
.logic-exercise-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:22px 31px;margin-bottom:20px;border-radius:25px;background:linear-gradient(118deg,#fff9e9,#def1ee);border:1px solid #cbddd5}.logic-exercise-head h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(31px,3.3vw,49px);margin:0 0 9px}.logic-exercise-head p:last-child{margin:0;color:#557473}.logic-exercise-layout{display:grid;grid-template-columns:minmax(290px,380px) minmax(0,1fr);gap:20px;align-items:start}.logic-map{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;padding:22px;border-radius:23px;border:1px solid #bed8d4;background:linear-gradient(175deg,#e6f6f5,#fdf8e6 55%,#e4f1d9);box-shadow:0 17px 37px #245b5819}.logic-map-top strong{display:block;font-size:16px;margin-bottom:11px}.logic-map-group{margin-top:22px}.logic-map-group h2{font-size:12px;letter-spacing:.05em;color:#50706b;margin:0 0 11px}.logic-map-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.logic-map-node{position:relative;aspect-ratio:1/1;display:grid;place-items:center;isolation:isolate;border:0;background:var(--node);color:#214e51;clip-path:polygon(13% 0,41% 0,41% 7%,50% 13%,59% 7%,59% 0,87% 0,100% 13%,100% 41%,93% 41%,87% 50%,93% 59%,100% 59%,100% 87%,87% 100%,59% 100%,59% 93%,50% 87%,41% 93%,41% 100%,13% 100%,0 87%,0 59%,7% 59%,13% 50%,7% 41%,0 41%,0 13%);cursor:pointer;transition:transform .2s,filter .2s}.logic-map-node:hover{transform:translateY(-4px);filter:brightness(1.08)}.logic-map-node span{display:grid;place-items:center;width:62%;height:62%;border:2px solid #ffffffb5;border-radius:50%;background:#fff7df;font-family:Georgia,serif;font-size:18px;font-weight:bold}.logic-map-node.is-current span{outline:3px solid #1d6867;outline-offset:2px}.logic-map-node.is-solved:after{content:'✓';position:absolute;right:6%;top:2%;color:#12543e;font-size:15px;font-weight:900}
.logic-question-wrap{scroll-margin-top:16px;padding:clamp(24px,3.5vw,50px);border:2px solid #cddfd9;border-radius:26px;background:#fffef9;box-shadow:0 25px 55px #245b581b}.logic-question-meta{display:flex;align-items:center;gap:15px;color:#557470;font-size:12px;font-weight:900;letter-spacing:.05em}.logic-question-meta span:last-child{margin-left:auto}.logic-question-meta .logic-piece{background:var(--node,#edbd55)}.logic-question-wrap h2{font-family:Georgia,serif;font-size:clamp(27px,2.6vw,38px);margin:24px 0 14px}.logic-question-en{font-family:Georgia,serif;font-size:clamp(20px,2vw,29px);line-height:1.48;font-weight:700;margin:0;padding:22px;border-radius:19px;background:#e8f4f0;border-left:5px solid #4ba69b}.logic-question-zh{font-size:15px;line-height:1.7;color:#5a706e;margin:12px 0 22px}.logic-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.logic-option{min-height:160px;padding:0;border:0;border-radius:19px;background:transparent;text-align:left;cursor:pointer;perspective:900px}.logic-option-inner{position:relative;display:block;width:100%;min-height:160px;transform-style:preserve-3d;transition:transform .57s cubic-bezier(.2,.65,.2,1)}.logic-option.is-flipped .logic-option-inner{transform:rotateY(180deg)}.logic-option-front,.logic-option-back{position:absolute;inset:0;display:flex;gap:13px;padding:19px;border:2px solid #cbded9;border-radius:18px;backface-visibility:hidden;box-shadow:0 6px 0 #e2ebe7;background:#fff}.logic-option-front b,.logic-option-back b{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:#d5efec;color:#176664}.logic-option-front strong,.logic-option-back strong{display:block;color:#1c4445;font-size:17px;line-height:1.36}.logic-option-front small,.logic-option-back small{display:block;margin-top:9px;color:#5a7470;font-size:13px;line-height:1.5}.logic-option-front:hover{border-color:#70b7a6;background:#f7fffc}.logic-option-back{transform:rotateY(180deg);background:#fff2e2;border-color:#d8a475;box-shadow:0 6px 0 #e4c8ab}.logic-option-back strong{color:#945530}.logic-option-back em{display:block;font-style:normal;margin-top:10px;font-size:12px;font-weight:800;color:#a66e48}.logic-option.is-correct .logic-option-back{background:#e2f3de;border-color:#82bd83;box-shadow:0 6px 0 #b5d8b3}.logic-option.is-correct .logic-option-back strong{color:#2c713a}.logic-answer-status{min-height:26px;color:#617b76;font-size:13px;font-weight:750;margin:19px 0}.logic-question-actions{display:flex;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #dce9e2}
@media(max-width:980px){.logic-lesson-layout,.logic-exercise-layout{grid-template-columns:1fr}.logic-lesson-rail,.logic-map{position:static;max-height:none}.logic-lesson-rail nav{grid-template-columns:repeat(3,1fr)}.logic-map-nodes{grid-template-columns:repeat(10,minmax(0,1fr))}.logic-map-group{margin-top:16px}}
@media(max-width:680px){.logic-topline{font-size:10px}.logic-hero{grid-template-columns:1fr;min-height:0;padding:27px}.logic-hero__art{min-height:160px}.logic-piece--hero{width:125px;height:125px}.logic-home-grid,.logic-option-grid{grid-template-columns:1fr}.logic-lesson-rail nav{grid-template-columns:repeat(2,1fr)}.logic-lesson-card{padding:22px;min-height:0}.logic-stage-header{gap:12px}.logic-stage-header .logic-piece{width:55px;height:55px;font-size:21px}.logic-beat{padding:16px}.logic-beat:nth-child(even){margin-left:0}.logic-exercise-head{display:block}.logic-exercise-head .logic-secondary{margin-top:15px}.logic-map-nodes{grid-template-columns:repeat(5,minmax(0,1fr))}.logic-question-meta{flex-wrap:wrap}.logic-question-meta span:last-child{margin-left:0}.logic-lesson-actions,.logic-question-actions{flex-wrap:wrap}.logic-lesson-actions>* ,.logic-question-actions>*{flex:1}}
@media(prefers-reduced-motion:reduce){.logic-piece,.logic-beat{animation:none}.logic-option-inner,.logic-map-node,.logic-primary,.logic-secondary,.logic-home-card,.logic-progress-track i{transition:none}html{scroll-behavior:auto}}
@media(max-width:980px){.logic-lesson-card,.logic-question-wrap{order:1}.logic-lesson-rail,.logic-map{order:2}}
.logic-question-statement{margin:0 0 20px;border-left:5px solid #4ba69b;border-radius:19px;background:#e8f4f0;overflow:hidden}
.logic-question-statement .logic-question-en{margin:0;padding:22px 22px 8px;border:0;border-radius:0;background:transparent}
.logic-question-statement .logic-question-zh{margin:0;padding:0 22px 22px;color:#385e5d;font-size:22px;line-height:1.55}
.logic-option,.logic-option-inner{min-height:170px}
.logic-option-front,.logic-option-back{padding:21px}
.logic-option-front strong{font-size:clamp(26px,2.015vw,30px);line-height:1.35}
.logic-option-front small{font-size:clamp(21px,1.456vw,23px);line-height:1.45}
.logic-option-back strong{font-size:clamp(22px,1.755vw,26px);line-height:1.4}
.logic-option-back small{font-size:clamp(20px,1.352vw,22px);line-height:1.5}
.logic-question-heading-row{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:0}
.logic-question-heading-row h2{font-size:clamp(27px,2.4vw,35px);margin-bottom:14px}
.logic-question-heading-row span{font-size:clamp(20px,1.6vw,24px);font-weight:800;line-height:1.3;color:#28696a;white-space:nowrap}
.logic-order-switch{display:flex;gap:5px;margin-top:14px;padding:4px;border:1px solid #bed8d4;border-radius:13px;background:#ffffffbd}
.logic-order-switch button{flex:1;min-height:42px;border:0;border-radius:9px;background:transparent;color:#245557;font-size:14px;font-weight:850;cursor:pointer}
.logic-order-switch button[aria-pressed="true"]{background:#176869;color:white;box-shadow:0 3px 0 #0c4647}
.logic-order-switch button:focus-visible{outline:3px solid #df8f37;outline-offset:2px}
.logic-answer-status:empty{display:none}
@media(max-width:680px){.logic-question-statement .logic-question-zh{font-size:21px}.logic-option-front strong{font-size:26px}.logic-option-front small{font-size:21px}.logic-option-back strong{font-size:22px}.logic-option-back small{font-size:20px}}
.logic-home-intro{padding:clamp(30px,4vw,58px);border:1px solid #c9dfd8;border-radius:27px;background:linear-gradient(120deg,#fffaf0,#e3f4f0);box-shadow:0 16px 36px #245b5815}
.logic-home-intro h1{margin:0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(36px,4vw,58px)}
.logic-home-intro>p:last-child{margin:16px 0 0;color:#577371;font-size:18px}
.logic-module-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:22px;padding:clamp(25px,3vw,42px);border:1px solid #c8ddd5;border-radius:27px;background:#fffdf7;color:var(--logic-ink);text-decoration:none;box-shadow:0 16px 36px #245b5815;transition:transform .2s ease,box-shadow .2s ease}
.logic-module-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px #245b5824}
.logic-module-card small,.logic-module-card strong,.logic-module-card em{display:block}
.logic-module-card small{color:#5b817d;font-size:13px;font-weight:850;letter-spacing:.08em}
.logic-module-card strong{margin:7px 0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(26px,3vw,42px);line-height:1.25}
.logic-module-card strong span{font-size:.68em;color:#356968;white-space:nowrap}
.logic-module-card em{margin:8px 0 18px;font-size:clamp(19px,2vw,27px);font-style:normal;color:#b47742;font-weight:800}
.logic-module-card>b{font-size:32px}
.logic-module-heading{margin-bottom:20px;padding:clamp(25px,3vw,40px);border:1px solid #c9dfd8;border-radius:26px;background:linear-gradient(120deg,#fffaf0,#e5f4f1)}
.logic-back-home{display:inline-flex;align-items:center;gap:9px;min-height:42px;margin:0 0 22px;padding:8px 15px;border:1px solid #a6c8c6;border-radius:999px;background:#fff;color:#245457;text-decoration:none;font-size:15px;font-weight:850;box-shadow:0 3px 0 #d5e8e5;transition:transform .2s ease,box-shadow .2s ease}
.logic-back-home:hover{transform:translateY(-2px);box-shadow:0 5px 0 #d5e8e5}
.logic-back-home:focus-visible{outline:3px solid #df8f37;outline-offset:3px}
.logic-module-heading h1{margin:0;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(32px,3.4vw,48px);line-height:1.24}
.logic-module-heading h1 span{font-size:.57em;color:#356968;white-space:nowrap}
.logic-module-heading>p:not(.logic-kicker){margin:10px 0 22px;font-size:clamp(19px,2vw,26px);font-weight:800;color:#ae7440}
.logic-module-heading nav{display:flex;flex-wrap:wrap;gap:10px}
.logic-module-heading nav a{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:10px 18px;border:1px solid #a6c8c6;border-radius:13px;background:#fff;color:#245457;text-decoration:none;font-weight:850}
.logic-module-heading nav a[aria-current="page"]{background:#176869;color:#fff;border-color:#176869}
.logic-lesson-rail h2{font-family:Georgia,"Noto Serif TC",serif;font-size:32px;margin:0}
.logic-lesson-rail h2 span{color:#d98659}
.logic-lesson-stream{display:grid;gap:24px;min-width:0}
.logic-scroll-stage{--theme:#edbd55;scroll-margin-top:22px;padding:clamp(25px,3vw,45px);border:2px solid #d5e4da;border-radius:28px;background:radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--theme) 28%,transparent),transparent 19rem),#fffefa;box-shadow:0 18px 40px #235d5a16}
.logic-scroll-stage.logic-theme--blue{--theme:#69b9df}.logic-scroll-stage.logic-theme--green{--theme:#9ccc75}.logic-scroll-stage.logic-theme--coral{--theme:#e99c7a}
.logic-scroll-stage .logic-piece{background:var(--theme)}
.logic-scroll-ideas{display:grid;gap:18px;padding-top:25px}
.logic-scroll-idea{display:flex;gap:20px;align-items:flex-start;max-width:930px;padding:clamp(20px,2.4vw,32px);border:1px solid #dcebe3;border-radius:20px;background:#fff;box-shadow:0 6px 0 color-mix(in srgb,var(--theme) 36%,#e9eee7)}
.logic-scroll-idea:nth-child(2){margin-left:clamp(0px,3vw,38px)}
.logic-scroll-idea:nth-child(3){margin-left:clamp(0px,6vw,76px)}
.logic-reveal{opacity:0;visibility:hidden;transform:translateY(28px) scale(.98);pointer-events:none;transition:opacity .72s cubic-bezier(.18,.7,.2,1),transform .72s cubic-bezier(.18,.7,.2,1),visibility 0s}
.logic-reveal.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .72s cubic-bezier(.18,.7,.2,1),transform .72s cubic-bezier(.18,.7,.2,1),visibility 0s}
.logic-scroll-idea p{margin:0;font-size:clamp(20px,1.8vw,27px);line-height:1.6}
.logic-scroll-idea strong{color:#185f62}
.logic-scroll-stage .logic-fruit-box,.logic-scroll-stage .logic-mini,.logic-scroll-stage .logic-check{margin-top:26px}
.logic-check{max-width:930px;padding:clamp(20px,2.5vw,30px);border:1px solid #c8ddd6;border-radius:21px;background:linear-gradient(135deg,#eaf7f2,#fff9ea);box-shadow:0 7px 0 color-mix(in srgb,var(--theme) 33%,#e6eae1)}
.logic-check__eyebrow{margin:0 0 10px;color:#357276;font-size:12px;font-weight:900;letter-spacing:.13em}
.logic-check h3{margin:0 0 17px;font-size:clamp(20px,2vw,27px);line-height:1.5}
.logic-check__choices{display:flex;flex-wrap:wrap;gap:10px}
.logic-check__choices button{min-height:51px;padding:10px 17px;border:2px solid #a8cfc5;border-radius:13px;background:#fffefa;color:#1c5354;font-size:clamp(17px,1.45vw,20px);font-weight:800;text-align:left;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.logic-check__choices button:hover:not(:disabled){transform:translateY(-2px);border-color:#438c83;background:#f2fff9}
.logic-check__choices button.is-wrong{border-color:#d5976d;background:#fff0e1;color:#884c2e}
.logic-check__choices button.is-correct{border-color:#70ad78;background:#e5f5e0;color:#276539}
.logic-check__choices button:disabled{cursor:default}
.logic-check__result{min-height:1.5em;margin:15px 0 0;color:#376569;font-size:16px;font-weight:750;line-height:1.5}
.logic-lesson-finish{padding:34px;border:1px solid #cbded8;border-radius:24px;background:#eaf6f2;text-align:center}
.logic-lesson-finish h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(27px,3vw,40px)}
.logic-sentence-line,.logic-verdict,.logic-option-sentence,.logic-feedback-line{display:block}
.logic-sentence-line+.logic-sentence-line{margin-top:8px}
.logic-option-sentence{margin-top:6px}
.logic-feedback-line+.logic-feedback-line{margin-top:7px}
.logic-streak{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:112px;margin:0 0 20px;padding:12px 24px;border:1px solid #cbded8;border-radius:20px;background:#fffefa;overflow:hidden}
.logic-streak-copy{display:flex;align-items:center;gap:18px}
.logic-streak-copy img{width:35px;height:35px;object-fit:contain}
.logic-streak-copy strong,.logic-streak-copy small{display:block}
.logic-streak-copy strong{font-size:18px}.logic-streak-copy small{margin-top:5px;color:#607a76;font-size:13px}
.logic-streak-companion{display:flex;align-items:center;gap:14px}
.logic-streak-sprite{--pose-x:0%;display:block;width:94px;height:94px;flex:none;background-image:url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/polysemy-lab/eddy-streak-six-stages-v5.webp');background-size:600% 200%;background-position:var(--pose-x) 0%;background-repeat:no-repeat}
.logic-streak[data-streak-stage="1"]{--pose-x:20%}.logic-streak[data-streak-stage="2"]{--pose-x:40%}.logic-streak[data-streak-stage="3"]{--pose-x:60%}.logic-streak[data-streak-stage="4"]{--pose-x:80%}.logic-streak[data-streak-stage="5"]{--pose-x:100%}
.logic-streak[data-companion="phoebe"] .logic-streak-sprite{background-image:url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/polysemy-lab/phoebe-cartoon-streak-six-stages-v4.png')}
.logic-streak[data-companion="elsie"] .logic-streak-sprite{background-image:url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/polysemy-lab/elsie-polysemy-eight-poses-v1.png')}
.logic-streak[data-companion="noir"] .logic-streak-sprite{background-image:url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/polysemy-lab/noir-polysemy-eight-poses-v1.png')}
.logic-streak[data-companion="celeste"] .logic-streak-sprite{background-image:url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/polysemy-lab/celeste-polysemy-eight-poses-v1.png')}
.logic-streak[data-companion="elsie"],.logic-streak[data-companion="noir"],.logic-streak[data-companion="celeste"]{--pose-x:0%}
.logic-streak:is([data-companion="elsie"],[data-companion="noir"],[data-companion="celeste"]) .logic-streak-sprite{background-size:400% 200%;background-position:var(--pose-x) var(--pose-y,0%)}
.logic-streak:is([data-companion="elsie"],[data-companion="noir"],[data-companion="celeste"])[data-streak-stage="1"]{--pose-x:33.333%}
.logic-streak:is([data-companion="elsie"],[data-companion="noir"],[data-companion="celeste"])[data-streak-stage="2"]{--pose-x:66.667%}
.logic-streak:is([data-companion="elsie"],[data-companion="noir"],[data-companion="celeste"])[data-streak-stage="3"]{--pose-x:100%}
.logic-streak:is([data-companion="elsie"],[data-companion="noir"],[data-companion="celeste"])[data-streak-stage="4"]{--pose-x:0%;--pose-y:100%}
.logic-streak:is([data-companion="elsie"],[data-companion="noir"],[data-companion="celeste"])[data-streak-stage="5"]{--pose-x:33.333%;--pose-y:100%}
.logic-streak-cheer{padding:7px 12px;border-radius:13px;background:#fff0bd;color:#6b4d19;font-size:14px;font-weight:800;white-space:nowrap}
@media(max-width:980px){.logic-lesson-stream{order:1}.logic-lesson-rail{order:2}}
@media(max-width:680px){.logic-home-intro h1{font-size:30px}.logic-module-card{grid-template-columns:auto minmax(0,1fr);gap:16px}.logic-module-card>b{display:none}.logic-module-card strong span,.logic-module-heading h1 span{display:block;margin-top:4px;white-space:normal}.logic-scroll-idea:nth-child(n){margin-left:0}.logic-scroll-idea{gap:12px}.logic-scroll-idea p{font-size:20px}.logic-streak{padding:10px 12px;gap:6px}.logic-streak-copy{gap:6px}.logic-streak-copy img{width:25px;height:25px}.logic-streak-copy strong{font-size:14px}.logic-streak-copy small{font-size:11px}.logic-streak-companion{gap:3px}.logic-streak-sprite{width:64px;height:64px}.logic-streak-cheer{font-size:11px;padding:5px 7px;white-space:normal;max-width:78px}}
@media(prefers-reduced-motion:reduce){.logic-reveal,.logic-reveal.is-visible,.logic-check__choices button,.logic-module-card{transition:none}}

/* Rich, scroll-led curation cards for modules 2–6. */
.logic-module-list{display:grid;gap:0}
.logic-idea-copy{min-width:0;font-size:clamp(17px,1.55vw,22px);line-height:1.68;color:var(--logic-ink)}
.logic-idea-copy p{margin:0 0 .7em;font-size:inherit;line-height:inherit}
.logic-idea-copy p:last-child{margin-bottom:0}
.logic-idea-copy h3{margin:0 0 .6em;color:#225b60;font-family:Georgia,"Noto Serif TC",serif;font-size:1.12em;line-height:1.35}
.logic-idea-copy blockquote{margin:.5em 0;padding:.42em .85em;border-left:4px solid var(--theme);border-radius:0 10px 10px 0;background:#f2f8f4;color:#214e58;font-weight:750;overflow-wrap:anywhere}
.logic-idea-copy strong{color:#185f62}
.logic-nav-pending{display:inline-flex;align-items:center;padding:10px 15px;color:#706747;font-weight:800}
.logic-pending-note{max-width:680px;color:#6b654c;line-height:1.7}
.logic-question-wrap:has(.logic-option:nth-child(6)) .logic-option-grid{gap:15px}
.logic-question-wrap:has(.logic-option:nth-child(6)) .logic-option-front strong{line-height:1.48}
.logic-question-wrap:has(.logic-option:nth-child(6)) .logic-option-back small{line-height:1.55}
.logic-core-analysis{margin-top:26px;padding:25px;border:1px solid #a8d4bf;border-radius:22px;background:#f3fbf5;color:#213d43}
.logic-core-analysis[hidden]{display:none}
.logic-core-analysis>span{display:block;color:#23685e;font-size:12px;font-weight:900;letter-spacing:.14em}
.logic-core-analysis h3{margin:10px 0 18px;font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(23px,2vw,30px)}
.logic-core-analysis__layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.logic-core-analysis__layers>div{padding:16px;border-radius:14px;background:#fff}
.logic-core-analysis__layers strong{color:#1d6670}
.logic-core-analysis__layers p{margin:9px 0 0;line-height:1.6}
.logic-core-analysis__takeaway{margin:18px 0 0;padding-left:13px;border-left:3px solid #60b599;font-weight:800;line-height:1.7}
@media(max-width:800px){.logic-core-analysis__layers{grid-template-columns:1fr}}
@media(max-width:680px){.logic-idea-copy{font-size:18px}.logic-module-list .logic-module-card{padding:22px}.logic-module-list .logic-module-card strong{font-size:24px}}