@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f5f0;--ink:#253b33;--muted:#7a8279;--line:#e3e4da;--green:#294d40;--lime:#d2e69a;--orange:#df8e62;--white:#fff;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}aside{background:#fffefb;width:236px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:30px 22px;z-index:5}.brand{font:800 28px Manrope,system-ui;letter-spacing:-1.5px;display:flex;gap:10px;align-items:center}.logo{width:37px;height:40px;background:var(--green);border-radius:13px;color:var(--lime);display:grid;place-items:center;font:italic 37px Georgia;position:relative}.logo span{position:absolute;right:5px;top:-3px;font-size:25px}.overline{font-size:10px;letter-spacing:1.7px;font-weight:700;display:block}.brand-sub{color:#8c9388;margin-top:15px;font-size:8px;letter-spacing:2px}nav{margin-top:43px;display:grid;gap:7px}nav a{padding:13px 14px;display:flex;align-items:center;gap:13px;border-radius:9px;font-size:19px;color:#81877d}nav a span{font-size:13px}nav a.active{background:#e9efdc;color:#304d3d;font-weight:700}nav small{margin-left:auto;font-size:10px;background:white;border-radius:5px;padding:3px 6px}.side-bottom{position:absolute;bottom:20px;left:22px;right:22px}.side-tip{background:#f3f3e9;border-radius:13px;padding:19px;margin-bottom:22px}.side-tip .overline{font-size:8px;color:#8b927d}.side-tip b{display:block;font:18px/1.4 var(--serif);margin:13px 0}.mini-track{height:4px;background:#dfe3d3;border-radius:4px;overflow:hidden}.mini-track span{display:block;height:100%;background:var(--green)}.side-tip small{display:block;font-size:10px;color:var(--muted);margin-top:9px}.profile{background:none;border:0;padding:0;display:flex;text-align:left;align-items:center;gap:9px;font-size:11px;width:100%}.profile small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.avatar{width:32px;height:32px;display:grid;place-items:center;background:#efdeca;border-radius:50%;font-family:var(--serif)}main{margin-left:236px;padding:0 40px;max-width:1650px}header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:9px;letter-spacing:1.3px;color:#969b8f}.breadcrumb span{margin:0 15px;color:#c6c9bf}.breadcrumb b{font-weight:500;color:#5f6e5f}.header-right{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b9387}.status-dot{width:5px;height:5px;background:#87a46e;border-radius:50%}.icon-button{background:white;border:1px solid var(--line);border-radius:50%;height:27px;width:27px;margin-left:12px}h1{font:42px/1.14 var(--serif);letter-spacing:-1.4px;font-weight:400;margin:12px 0}h2{font:25px/1.25 var(--serif);font-weight:400;margin:10px 0}h3{font:600 15px Manrope,system-ui;margin:8px 0}p{color:var(--muted);line-height:1.7;margin:10px 0}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin:34px 0 29px}.page-intro p{margin-bottom:0;font-size:12px}.page-intro .overline{color:#929b84}.date-chip{font-size:10px;border:1px solid var(--line);padding:10px 13px;border-radius:7px;background:#fafbf4;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:25px}.hero{background:#294d40;color:#fff;border-radius:18px;min-height:280px;padding:30px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.hero .overline{color:#c1d69b;font-size:9px}.hero h2{font-size:35px;line-height:1.13;max-width:320px;margin-top:19px}.hero p{color:#c5d2c5;font-size:12px;max-width:280px}.primary,.secondary,.darkbtn{border:0;border-radius:7px;padding:12px 18px;font-size:11px;font-weight:700;display:inline-flex;gap:22px;align-items:center;justify-content:center}.primary{background:var(--lime);color:#294033}.secondary{background:white;border:1px solid var(--line)}.darkbtn{background:var(--green);color:white}.hero .primary{margin-top:15px}.hero-art{position:relative;min-height:220px;display:grid;place-items:center}.hero-art svg{width:100%;height:240px}.floating-label{position:absolute;background:#fffff5eb;color:#47604b;padding:9px 12px;border-radius:8px;font-size:8px;box-shadow:0 5px 18px #0001}.floating-label.top{top:30px;right:0;transform:rotate(4deg)}.floating-label.bottom{bottom:25px;left:0;transform:rotate(-5deg)}.hero-bottom{position:absolute;bottom:19px;right:24px;font-size:8px;color:#c1d2bb}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-head h2{font:600 15px Manrope;margin:0;letter-spacing:-.4px}.text-link{border:0;background:none;padding:0;color:#697c61;font-size:10px;font-weight:600;cursor:pointer}.unit-list{display:grid;gap:10px}.unit-row{background:#fffefb;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:17px;gap:16px;text-align:left;width:100%}.unit-number{height:40px;width:40px;border:1px solid #dfe5d2;border-radius:11px;display:grid;place-items:center;background:#f1f4e8;font:20px var(--serif);flex:none}.unit-row h3{font-size:12px;margin:0 0 5px}.unit-row p{font-size:10px;margin:0}.row-meta{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap}.arrow{font-size:17px;margin-left:10px}.tag{border-radius:5px;padding:5px 7px;font-size:8px;letter-spacing:.4px;background:#ecf1df;color:#68824f}.rail-card{background:#fffefb;border:1px solid var(--line);border-radius:15px;padding:21px;margin-bottom:16px}.rail-card .overline{font-size:8px;color:#8b9682}.ring{width:126px;height:126px;border-radius:50%;margin:23px auto;display:grid;place-items:center;background:conic-gradient(var(--green) var(--angle),#ebeedf 0);position:relative}.ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fffefb}.ring-inner{position:relative;text-align:center}.ring strong{font:30px var(--serif);display:block}.ring small{font-size:8px;color:#8b9584}.metric-line{display:flex;justify-content:space-between;font-size:10px;padding:10px 0;border-top:1px solid var(--line)}.metric-line span{color:var(--muted)}.insight{background:#edeede}.insight h3{font:20px var(--serif);margin:16px 0 10px}.insight p{font-size:11px}.tiny-label{font-size:9px;color:#889179}.practice-banner{display:flex;align-items:center;background:#efe8dc;border-radius:13px;padding:23px;gap:18px;margin-top:20px}.practice-banner .decor{font:35px var(--serif);color:#b78f66}.practice-banner h3{font-size:12px;margin:0}.practice-banner p{font-size:10px;margin:5px 0 0}.practice-banner button{margin-left:auto;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:24px 0}.stat{border:1px solid var(--line);border-radius:13px;padding:20px;background:white}.stat b{font:30px var(--serif);display:block;margin:10px 0}.stat small{font-size:10px;color:var(--muted)}.stat .overline{font-size:8px;color:var(--muted)}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tabs button{border:1px solid var(--line);background:#fffefb;padding:9px 15px;border-radius:7px;font-size:11px}.tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.course-chapter{margin-bottom:30px}.chapter-head{display:flex;align-items:center;gap:16px;margin-bottom:15px}.chapter-head .big-num{font:35px var(--serif);color:#b6bf9f}.chapter-head h2{font-size:24px;margin:0}.chapter-head p{font-size:11px;margin:4px 0}.chapter-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-card{background:#fffefb;border:1px solid var(--line);border-radius:13px;padding:21px;text-align:left;display:flex;flex-direction:column;min-height:180px}.lesson-card:hover,.unit-row:hover{border-color:#a6b88c;transform:translateY(-1px)}.lesson-card .overline{font-size:8px;color:var(--muted)}.lesson-card h3{margin-top:22px}.lesson-card p{font-size:11px;flex:1}.lesson-card .bottom{display:flex;justify-content:space-between;font-size:9px;color:#728365;margin-top:15px}.explorer-grid{display:grid;grid-template-columns:270px 1fr;gap:22px}.panel{background:#fffefb;border:1px solid var(--line);border-radius:16px;padding:25px}.search{width:100%;border:1px solid var(--line);background:#f8f9f2;border-radius:7px;padding:12px;color:var(--ink);margin-bottom:15px}.cue-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cue-btn{border:1px solid var(--line);background:white;border-radius:9px;padding:13px;text-align:left}.cue-btn.active{border-color:var(--green);background:#edf3df}.cue-btn b{font:22px var(--serif);display:block}.cue-btn span{font-size:9px;color:var(--muted);display:block;margin-top:7px}.cue-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cue-big{font:70px var(--serif);color:#466a4b;margin:20px 0}.sound-chips{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.sound{padding:10px 16px;border-radius:7px;background:#eaf0dc;font-size:16px}.example-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.example-row span{color:var(--muted)}.hint{padding:17px;border-radius:9px;background:#f2efe6;font-size:11px;line-height:1.7;color:#7c7d69;margin-top:20px}.face{background:#f0f2e7;border-radius:13px;padding:10px}.face svg{width:100%;height:290px}.face text{font:10px system-ui;fill:#53664b}.place-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.place-buttons button{font-size:10px;padding:10px;border:1px solid var(--line);border-radius:7px;background:white}.place-buttons button.active{background:var(--green);color:white}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mode-card{border:1px solid var(--line);border-radius:16px;padding:27px;background:white;position:relative;overflow:hidden}.mode-card .mode-symbol{font:40px var(--serif);display:block;color:#819864}.mode-card h2{margin-top:20px}.mode-card p{font-size:12px;max-width:330px;min-height:42px}.mode-card .tag{position:absolute;top:24px;right:24px}.mode-card:nth-child(2){background:#f1eddf}.mode-card:nth-child(3){background:#edf0e4}.mode-card:nth-child(4){background:#f5ede7}.sessions{display:grid;gap:8px}.session{display:flex;justify-content:space-between;background:white;padding:15px;border-radius:8px;border:1px solid var(--line);font-size:11px}.empty{padding:35px;text-align:center;border:1px dashed #cdd5bf;border-radius:12px;color:var(--muted);line-height:1.7}.skill-row{margin:20px 0}.skill-row>div:first-child{display:flex;justify-content:space-between;font-size:11px}.track{height:6px;background:#e8ecdc;border-radius:8px;margin:9px 0;overflow:hidden}.track>span{display:block;background:#839d60;height:100%;border-radius:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.note{width:100%;min-height:135px;background:#fafbf5;border:1px solid var(--line);border-radius:8px;padding:14px;resize:vertical;line-height:1.6;font-size:12px}.calendar{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;margin:18px 0}.day{aspect-ratio:1;background:#eaeddf;border-radius:4px}.day.used{background:#7e9860}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);margin-top:35px;padding:22px 0;font-size:8px;color:#929885;letter-spacing:.6px}footer a{color:#657856}dialog{border:0;border-radius:20px;width:min(760px,94vw);padding:38px;color:var(--ink);background:#fffefb;box-shadow:0 25px 100px #172e2833;max-height:90vh}dialog::backdrop{background:#1a332c99;backdrop-filter:blur(5px)}.close{position:absolute;right:16px;top:15px;border:0;width:29px;height:29px;background:#f0f2e8;border-radius:50%;font-size:20px}dialog h2{font-size:32px;margin-top:17px}dialog p{font-size:14px}.lesson-visual{background:#edf1e1;border-radius:14px;padding:25px;margin:25px 0;text-align:center}.lesson-visual .equation{font:26px var(--serif);display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.lesson-visual small{display:block;margin-top:15px;color:var(--muted);font-size:11px}.lesson-copy{line-height:1.9}.modal-actions{display:flex;align-items:center;gap:12px;margin-top:25px;justify-content:space-between}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.choice{padding:20px;border:1px solid var(--line);border-radius:10px;background:white;text-align:left;font-size:13px}.choice.correct{background:#e3edcb;border-color:#7a9659}.choice.wrong{background:#f7e2d9;border-color:#d3a18a}.feedback{font-size:13px;line-height:1.7;padding:15px;background:#f2f3e9;border-radius:9px}.flashcard{border:1px solid #cfd9bf;border-radius:16px;padding:45px 20px;background:#f0f4e5;text-align:center;min-height:240px;width:100%;display:grid;place-items:center;margin:25px 0}.flashcard strong{font:47px var(--serif);display:block}.flashcard span{font-size:12px;display:block;margin-top:18px;color:var(--muted)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.match-col{display:grid;gap:9px}.match{border:1px solid var(--line);border-radius:9px;padding:16px;background:white;font-size:12px}.match.selected{border-color:var(--green);background:#eaf0dc}.match.matched{opacity:.5;background:#e5ebd8}.result-score{font:70px var(--serif);text-align:center;margin:25px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}select{padding:10px;border:1px solid var(--line);border-radius:7px;background:white}.muted{color:var(--muted)}.hidden{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:13px 24px;border-radius:10px;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.chart-frame{width:100%;height:480px;border:1px solid var(--line);border-radius:10px}.error{color:#a4553f}
@media(min-width:1500px){main{padding:0 60px}.hero{min-height:320px}.hero h2{font-size:42px}.hero-art svg{height:270px}}@media(max-width:1100px){.layout{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.rail-card{margin:0}.ring{margin:15px auto}.hero{min-height:270px}.header-right>span{display:none}.explorer-grid{grid-template-columns:230px 1fr}.cue-detail{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.chapter-lessons{grid-template-columns:1fr 1fr}}@media(max-width:760px){aside{width:75px;padding:22px 12px}.brand{font-size:0;justify-content:center}.brand .logo{font-size:35px}.brand-sub,.side-bottom,nav span,nav small{display:none}nav{margin-top:35px}nav a{justify-content:center;padding:13px 8px;font-size:22px}main{margin-left:75px;padding:0 20px}header{height:65px}.breadcrumb{font-size:8px}.breadcrumb span{margin:0 6px}.header-right{display:none}.page-intro{margin:25px 0}.page-intro h1{font-size:32px}.date-chip{display:none}.hero{grid-template-columns:1fr;padding:25px}.hero-art{display:none}.hero-bottom{display:none}.hero h2{font-size:32px}.rail,.two-col,.mode-grid,.chapter-lessons,.explorer-grid{grid-template-columns:1fr}.rail{display:grid}.practice-banner{flex-wrap:wrap}.practice-banner button{margin-left:0}.cue-buttons{grid-template-columns:repeat(4,1fr)}.cue-btn{padding:10px}.cue-btn span{font-size:8px}.unit-row{gap:10px}.row-meta{display:none}.stats-grid{gap:10px}.stat{padding:15px}.stat b{font-size:26px}footer{flex-direction:column;gap:10px}.choices{grid-template-columns:1fr}dialog{padding:30px 22px}.cue-detail{grid-template-columns:1fr}.match-grid{gap:10px}.match{padding:13px 7px}.calendar{gap:3px}h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.hero-art .art-halo{position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid #78907a}.hero-art .art-halo:after{content:'';position:absolute;inset:15px;border:1px dashed #7e937b;border-radius:50%}.hero-person{position:absolute;width:175px;bottom:12px;mix-blend-mode:multiply;filter:drop-shadow(0 5px 10px #16332633);background:white;border-radius:50%;clip-path:ellipse(48% 49% at 50% 50%)}.hero-hand{position:absolute;width:100px;right:-4px;bottom:47px;transform:rotate(-8deg);background:#f9faef;border:5px solid #f9faef;border-radius:18px;box-shadow:0 10px 20px #18312644}.insight-hand{width:95px;float:right;mix-blend-mode:multiply;margin:-15px -4px 0 5px}.cue-thumb{width:100%;height:55px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:8px}.cue-btn b{font-size:14px}.cue-illustration{width:100%;height:215px;object-fit:contain;mix-blend-mode:multiply;margin:15px 0}.lesson-images{display:flex;gap:15px;margin-top:25px;background:#f1f3e9;border-radius:12px;padding:20px}.lesson-images figure{flex:1;min-width:0;margin:0;text-align:center}.lesson-images img{width:100%;height:125px;object-fit:contain;mix-blend-mode:multiply}.lesson-images figcaption{font-size:10px;color:#76846b;margin-top:10px}.flash-image{height:170px;width:100%;object-fit:contain;mix-blend-mode:multiply}.flash-answer{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;background:#eff3e4;padding:25px;border-radius:14px;margin:25px 0}.flash-answer>img{width:100%;height:170px;object-fit:contain;mix-blend-mode:multiply}.feedback-image{width:90px;height:70px;object-fit:contain;float:right;mix-blend-mode:multiply;margin-left:12px}.match-visual img{height:65px;width:100%;object-fit:contain;mix-blend-mode:multiply}.match-col .match{min-height:92px}.hero-person{mix-blend-mode:normal}.match.selected{box-shadow:0 0 0 2px #728a59}.cue-btn:has(.cue-thumb){min-height:126px}@media(max-width:760px){.cue-thumb{height:40px}.cue-btn:has(.cue-thumb){min-height:100px}.cue-btn b{font-size:11px}.flash-answer{grid-template-columns:1fr}.flash-answer>img{height:130px}.lesson-images{padding:12px;gap:5px}.lesson-images img{height:85px}}
.explorer-grid>*,.cue-detail>*,.panel,.rail,.layout>*{min-width:0}.cue-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.cue-btn{overflow-wrap:anywhere}.cue-btn span{line-height:1.5}.header-right{white-space:nowrap}@media(max-width:760px){.cue-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{padding:18px}.cue-btn{padding:8px 5px}.breadcrumb{letter-spacing:.7px}.match-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.brand{font-size:24px;letter-spacing:-1.3px;gap:8px}.logo{flex-shrink:0}@media(max-width:760px){.brand{font-size:0}}

.logo.wink-logo{width:37px;height:42px;display:block;object-fit:contain;background:transparent;border-radius:0;mix-blend-mode:multiply}
/* Learning depth and accessible display controls. */
:root{--muted:#59665b;--read-scale:1}.skip-link{position:fixed;left:15px;top:-80px;z-index:100;background:white;color:#173d30;padding:15px;border:3px solid #173d30;border-radius:8px}.skip-link:focus{top:15px}.mobile-access{display:none}.objective{background:#edf2df;border-left:4px solid #496638;border-radius:8px;padding:18px;margin:20px 0}.objective p{margin:8px 0;font-size:14px}.stepper{list-style:none;padding:0;display:flex;gap:9px;font-size:11px;margin:20px 0}.stepper li{padding:9px;border:1px solid #b9c3af;border-radius:7px;color:#56634e}.stepper li.current{font-weight:700;background:#e4edd4;border:2px solid #3d613e}.recognition-image{display:grid;place-items:center;background:#f0f3e9;border:1px solid #cad3bf;border-radius:14px;padding:18px;margin:20px 0}.recognition-image img{height:170px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.choice{position:relative;min-height:56px}.choice:hover:not(:disabled){border-color:#315640;box-shadow:0 0 0 1px #315640}.choice:disabled{opacity:1;color:var(--ink)}.answer-state{display:block;font-size:12px;font-weight:700;margin-top:12px}.choice.correct{border:3px solid #355b33}.choice.wrong{border:3px dashed #8b422b}.visual-choice{display:flex;flex-direction:column;align-items:center;gap:10px}.visual-choice img{height:100px;width:100%;object-fit:contain;mix-blend-mode:multiply}.comparison-grid{display:flex;gap:15px;padding:20px;background:#f1f4e9;border-radius:12px;margin:25px 0}.comparison-grid figure{margin:0;flex:1;min-width:0;text-align:center}.comparison-grid img{width:100%;height:140px;object-fit:contain;mix-blend-mode:multiply}.comparison-grid figcaption b{font-size:21px;display:block}.comparison-grid figcaption span{font-size:12px;display:block;color:#526343;margin-top:7px}.learning-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.learning-shortcuts a,.learning-shortcuts button{padding:12px;border:1px solid #b8c5aa;border-radius:9px;background:white;color:#31543c;font-weight:600;font-size:12px}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.insight-grid article{padding:18px;border:1px solid #ccd6be;border-radius:10px}.insight-grid strong{font-size:16px;display:block;line-height:1.5}.insight-grid p{font-size:12px}.learning-insights{margin-top:25px}.evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.evidence-grid>div{border:1px solid #d1d8c6;border-radius:9px;padding:15px;text-align:center}.evidence-grid img{width:100%;height:75px;object-fit:contain;mix-blend-mode:multiply}.evidence-grid b,.evidence-grid span{display:block;font-size:12px;line-height:1.6}.evidence-grid span{font-size:11px;color:#53634b}.next-review{margin-top:25px;display:flex;gap:20px;align-items:center;justify-content:space-between}.builder-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px}.builder-grid label{display:block;margin:17px 0 10px}.builder-grid select{width:100%;font-size:14px;white-space:normal}.builder-image{height:155px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin:15px 0}.mouth-target{padding:24px;border:2px solid #6e805d;border-radius:12px;background:#edf2df;margin:25px 0}.mouth-target strong{display:block;font:34px Georgia;margin:17px 0}.mouth-target p{font-size:13px}.word-picker{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.word-picker button{border:1px solid #b7c3ab;background:white;border-radius:8px;padding:12px 20px;font-size:15px}.word-picker button.active{border:3px solid #31563d;background:#e6eed8;font-weight:700}.word-heading{font-size:54px}.phoneme-strip{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:20px 0}.phoneme-strip span{padding:14px 22px;border-radius:9px;background:#e8efda;color:#264936;font-size:23px}.phoneme-strip b{color:#6c7c5b}.word-units{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:20px 0}.cue-unit{padding:20px;border:1px solid #b8c8a6;border-radius:12px}.pair-images{display:flex;align-items:center;gap:9px}.pair-images figure{margin:10px 0;flex:1;min-width:0;text-align:center}.pair-images img{height:110px;width:100%;object-fit:contain;mix-blend-mode:multiply}.pair-images figcaption{font-size:11px;color:#516345;line-height:1.6}.mouth-info{padding:12px;background:#f1f3e8;border-radius:7px;font-size:12px}.feedback p{font-size:14px;margin:10px 0;color:inherit}.feedback small{display:block;color:#526343;font-size:12px;line-height:1.6}.setting-row{gap:20px}.setting-row p{font-size:13px}.setting-row label{min-width:0}.setting-row input[type=checkbox]{height:25px;width:25px;accent-color:#294d40;flex:none}.hint summary{cursor:pointer;font-weight:700}.hint p{color:inherit}.darkbtn:disabled{background:#778274;color:white;opacity:.85}.overline,.tiny-label,.tag,.breadcrumb,.side-tip small{color:#56644c}.hero .overline{color:#d3e5b1}.hero .hero-bottom{color:#d5e0ca}.side-tip .overline{color:#56644c}.mode-card .tag{border:1px solid #c6d2b3}.mobile-access{background:white;color:#294d40;border:1px solid #9daa8b;padding:8px;border-radius:7px}.panel,.cue-unit,.mode-card,.stat{overflow-wrap:anywhere}nav a{min-height:44px}.text-link{min-height:32px;display:inline-flex;align-items:center}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #294d40;outline-offset:4px;box-shadow:0 0 0 6px #fffdf7}
html[data-text=large]{--read-scale:1.2}html[data-text=larger]{--read-scale:1.4}html[data-text=large] body,html[data-text=larger] body{font-size:calc(14px * var(--read-scale))}html[data-text=large] p,html[data-text=larger] p{font-size:calc(14px * var(--read-scale))!important}html[data-text=large] button,html[data-text=larger] button,html[data-text=large] select,html[data-text=larger] select,html[data-text=large] textarea,html[data-text=larger] textarea{font-size:calc(12px * var(--read-scale))}html[data-text=large] nav a span,html[data-text=larger] nav a span{font-size:calc(13px * var(--read-scale))}html[data-text=large] h3,html[data-text=larger] h3{font-size:calc(15px * var(--read-scale))}html[data-text=large] .tiny-label,html[data-text=larger] .tiny-label,html[data-text=large] small,html[data-text=larger] small{font-size:calc(11px * var(--read-scale))!important}html[data-text=large] h1,html[data-text=larger] h1{font-size:calc(38px * var(--read-scale))}html[data-text=large] .overline,html[data-text=larger] .overline{font-size:calc(10px * var(--read-scale))}html[data-text=larger] .layout{grid-template-columns:minmax(0,1fr)}html[data-text=larger] .rail{display:grid;grid-template-columns:1fr 1fr;gap:15px}html[data-text=larger] .side-tip{display:none}
html.high-contrast{--bg:#fff;--ink:#102b1e;--muted:#263b2a;--line:#64765b;--green:#173d2c}html.high-contrast body{background:white}html.high-contrast .panel,html.high-contrast .rail-card,html.high-contrast .lesson-card,html.high-contrast .unit-row,html.high-contrast .stat,html.high-contrast .mode-card{background:white;border-color:#536947}html.high-contrast p,html.high-contrast .tiny-label,html.high-contrast .overline,html.high-contrast .text-link,html.high-contrast small,html.high-contrast nav a,html.high-contrast footer,html.high-contrast .breadcrumb,html.high-contrast .row-meta{color:#203b29!important}html.high-contrast .hero{background:#173d2c}html.high-contrast .hero p,html.high-contrast .hero .overline{color:white!important}html.high-contrast .choice.correct{background:#dcebc8}html.high-contrast .choice.wrong{background:#fae4db}html.high-contrast .hint,html.high-contrast .feedback,html.high-contrast .objective{background:#f1f5eb;color:#172f1e;border:1px solid #566e46}html.high-contrast button:focus-visible,html.high-contrast a:focus-visible{outline-color:#000}html.high-contrast .primary{background:#dfedb8;color:#142a1a}html.high-contrast .darkbtn{background:#173d2c;color:white}
@media(max-width:1100px){.insight-grid{grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr 1fr}.header-right>span{display:none}.header-right{display:flex}}
@media(max-width:760px){nav{gap:5px;margin-top:25px}.mobile-access{display:block;margin-left:8px}.header-right{display:none}.builder-grid{grid-template-columns:1fr}.comparison-grid{gap:8px;padding:14px}.comparison-grid img{height:90px}.comparison-grid figcaption b{font-size:18px}.stepper{flex-wrap:wrap;font-size:10px}.stepper li{padding:7px}.insight-grid{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr 1fr}.next-review{align-items:flex-start;flex-direction:column}.setting-row{flex-wrap:wrap}.word-units{grid-template-columns:minmax(0,1fr)}.word-picker button{padding:10px 14px}.modal-actions{flex-wrap:wrap}.modal-actions>button{max-width:100%}.builder-grid select{min-height:46px}.word-heading{font-size:44px}html[data-text=larger] .rail{grid-template-columns:1fr}html[data-text=large] h1,html[data-text=larger] h1{font-size:calc(29px * var(--read-scale))}.choice{min-width:0}.comparison-grid figcaption span{font-size:11px}.pair-images img{height:95px}.learning-shortcuts{flex-direction:column}.header-right .icon-button{margin:0}.brand-sub{display:none}}
@media(max-height:790px) and (min-width:761px){.side-tip{display:none}nav{margin-top:25px;gap:3px}nav a{padding:10px 14px}.side-bottom{bottom:12px}}
.cue-btn.active::after{content:'✓ Selected';display:block;font-size:10px;font-weight:700;margin-top:8px;color:#294d40}.word-picker button.active::after{content:' ✓'}.match.selected::after{content:'✓ Selected';display:block;font-size:11px;font-weight:700;margin-top:7px}.match.matched::after{content:'✓ Matched';display:block;font-size:11px;font-weight:700;margin-top:7px}.match.selected{border:3px solid #31563d}.match.matched{opacity:1;color:#3d5134;border-style:dashed}.tabs button.active{border:3px solid #294d40}.high-contrast .tabs button.active{background:#173d2c;color:white}.high-contrast .cue-btn.active::after{color:#173d2c}.learning-insights{margin-bottom:24px}.next-review .darkbtn{flex-shrink:0}
nav a{color:#56634f}.text-link{color:#3d5d3c}footer,.header-right,.breadcrumb{color:#59664f}.ring small{color:#59664f}.ring-inner strong span{color:#5b674f!important}.stepper .current{color:#203d29}.high-contrast .mode-symbol{color:#234d30}.word-picker button:focus-visible{outline:3px solid #294d40;outline-offset:4px}
.typed-word-panel{padding:30px}.typed-word-panel form>label{display:block;font-size:16px;margin-bottom:12px}.word-input-row{display:flex;gap:12px}.word-input-row input{border:2px solid #7e9270;border-radius:9px;padding:15px 18px;min-width:0;flex:1;background:#fffefb;font-size:20px;color:var(--ink)}.word-input-row button{flex:none;font-size:14px}.example-words,.recent-words{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0;font-size:12px;color:#53674b}.example-words button,.recent-words button{background:#edf2e1;border:1px solid #9aae83;border-radius:20px;padding:8px 14px;font-size:12px;color:#294d40}.recent-words button{background:#fffdf7}.word-builder-empty{text-align:center;padding:50px 25px;background:#f4f5ec;border:1px dashed #b3c29e;border-radius:12px;margin-top:28px}.word-builder-empty>span{font:35px Georgia;color:#4f714a}.word-builder-empty p{max-width:460px;margin:15px auto}.word-result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 15px;padding-top:25px;border-top:1px solid var(--line)}.word-result-heading .word-heading{margin-top:7px}.pronunciation-choice{display:block;max-width:100%;width:100%;margin:12px 0;font-size:15px}.wh-option{display:flex;gap:12px;align-items:center;line-height:1.6;margin:18px 0}.wh-option input{width:22px;height:22px;accent-color:#294d40;flex:none}.word-step-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 14px}.word-step-heading>div{display:flex;gap:8px}.cue-sequence{display:flex;gap:10px;overflow-x:auto;padding:6px 4px 14px;max-width:100%;scrollbar-color:#7c9462 #e9efde}.cue-sequence button{flex:0 0 150px;text-align:left;background:#fffefb;border:1px solid #9eaf89;border-radius:10px;padding:12px}.cue-sequence button.active{border:3px solid #31543b;background:#edf3df}.cue-sequence button>span{font-size:11px;color:#55684b}.cue-sequence b,.cue-sequence small{display:block;margin-top:7px}.cue-sequence small{font-size:11px;color:#516345;line-height:1.5}.word-focused-cue{max-width:700px;margin:18px auto}.word-focused-cue .cue-unit{padding:25px;background:#fffefb;border:2px solid #617e4c}.word-focused-cue .pair-images img{height:160px}.word-focused-cue .cue-unit>h3{font-size:24px;margin-top:15px}.motion-path{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;background:#e9efda;border:1px solid #a7ba8d;border-radius:8px;padding:14px;font-size:12px;margin-top:12px}.all-cues{padding:18px;border:1px solid #adbd9b;border-radius:10px;margin:22px 0}.all-cues summary,.word-reference-note summary{cursor:pointer;font-weight:700;font-size:13px}.word-reference-note{margin-top:24px}.word-reference-note p{font-size:13px}.word-reference-note p a{text-decoration:underline}.word-reference-note .text-link{margin-top:16px}.lookup-message{margin-top:25px}.lookup-message p{color:inherit}.reference-word-examples{margin-top:30px}.high-contrast .word-builder-empty,.high-contrast .word-focused-cue .cue-unit{background:white;border-color:#304c2b}.high-contrast .cue-sequence button{background:#fff;color:#173d2c}.high-contrast .cue-sequence button.active{background:#e6efda}.high-contrast .word-input-row input{background:white;color:#173d2c;border-color:#173d2c}.high-contrast .motion-path{color:#173d2c}.word-reference-note{overflow-wrap:anywhere}html[data-text=large] .word-input-row input,html[data-text=larger] .word-input-row input{font-size:calc(18px * var(--read-scale))}
@media(max-width:760px){.typed-word-panel{padding:18px}.word-input-row{flex-direction:column}.word-input-row input{width:100%}.word-input-row button{min-height:46px}.word-result-heading{align-items:flex-start;flex-direction:column;gap:0}.word-step-heading{flex-direction:column;align-items:flex-start}.word-focused-cue .pair-images img{height:110px}.word-focused-cue .cue-unit{padding:17px}.word-builder-empty{padding:30px 15px}.motion-path{flex-direction:column;gap:6px}.cue-sequence button{flex-basis:135px}.word-reference-note{padding:20px}.pronunciation-choice{font-size:13px}.word-result-heading .word-heading{font-size:42px;overflow-wrap:anywhere}}
#wordResults:focus{outline:2px solid #617e4c;outline-offset:6px;border-radius:7px}.word-focused-cue:focus{outline:2px solid #617e4c;outline-offset:4px;border-radius:9px}[data-action="cue-prev"]:disabled,[data-action="cue-next"]:disabled{opacity:.45;cursor:default}
.about-document{background:#f6f5f0}.about-shell{max-width:1180px;margin:auto;padding:0 40px}.about-header{height:100px}.about-header .brand{font-size:27px}.about-main{margin:0;padding:0;max-width:none}.creator-profile{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:65px;align-items:center;margin:65px 0}.creator-photo{margin:0;background:#20352e;border-radius:22px;overflow:hidden;box-shadow:0 12px 45px #1b38261a}.creator-photo img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center top}.creator-copy .overline{font-size:10px;color:#4c6848}.creator-copy h1{font-size:48px;margin-top:18px}.creator-role{font-size:14px;color:#5c6b52;margin:15px 0 26px}.creator-bio{font-size:17px;line-height:1.9;color:#43523f}.creator-links{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0}.creator-links a{font-size:13px;padding:14px 20px;min-height:46px}.creator-contact{display:flex;gap:40px;flex-wrap:wrap;border-top:1px solid #cfd8c1;padding-top:23px;margin-top:27px}.creator-contact dt{font-size:9px;letter-spacing:1.5px;color:#596d4d;margin-bottom:9px}.creator-contact dd{margin:0;font-size:14px}.creator-contact a{text-decoration:underline;text-underline-offset:4px}.about-learning{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:35px;background:#eaf0dc;border-radius:18px;margin:55px 0}.about-learning p{max-width:600px;font-size:14px;color:#4d6042}.about-learning a{white-space:nowrap;background:#294d40;color:white}.about-shell footer{font-size:11px;letter-spacing:0;gap:20px}.about-document .brand{font-size:27px}.about-document .logo{width:38px;height:43px}
@media(max-width:900px){.creator-profile{gap:35px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}.creator-copy h1{font-size:39px}.creator-bio{font-size:16px}.about-learning{align-items:flex-start;flex-direction:column}.creator-contact{gap:22px}}
@media(max-width:650px){.about-shell{padding:0 23px}.about-header{height:84px;gap:15px}.about-header .brand{font-size:23px;letter-spacing:-1.3px}.about-header .logo{width:31px}.about-header .secondary{font-size:10px;padding:10px;white-space:nowrap}.creator-profile{grid-template-columns:minmax(0,1fr);margin:32px 0;gap:30px}.creator-photo{max-width:320px;margin:auto}.creator-copy h1{font-size:36px}.creator-bio{font-size:16px}.creator-links{gap:10px}.creator-links a{font-size:12px}.about-learning{padding:25px;margin:35px 0}.about-learning h2{font-size:27px}.creator-contact{gap:25px}.about-shell footer{flex-wrap:wrap}.about-learning a{white-space:normal}.about-document .skip-link{max-width:90vw}}
.speech-intro{margin-top:26px}.speech-intro p{max-width:800px;font-size:14px}.speech-intro h2{font-size:27px}
.brand-wordmark{white-space:nowrap;color:#294d40}.brand-cue,.brand-this{color:#294d40}.brand-got{color:#9b593c}