.ce-course{--ce-ink:#111827;--ce-muted:#263244;--ce-teal:#2563eb;--ce-line:#c7d2fe;color:var(--ce-ink);max-width:1100px;margin:0 auto;padding:8px}.ce-course *{box-sizing:border-box}.ce-course [hidden]{display:none!important}.ce-course button,.ce-course input,.ce-course select,.ce-course textarea{font:inherit}.ce-course button{border:1px solid transparent;border-radius:12px;background:#2563eb;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer;line-height:1.4}.ce-course button:hover{filter:brightness(.94)}.ce-course button:disabled{opacity:.6;cursor:not-allowed}.ce-course button:focus-visible,.ce-course input:focus-visible,.ce-course select:focus-visible,.ce-course textarea:focus-visible,.ce-course summary:focus-visible{outline:3px solid #d77800;outline-offset:3px}.ce-course .ce-secondary,.ce-lesson-nav button{background:#eef2ff;border-color:#c7d2fe;color:#111827}.ce-hero{padding:40px;border-radius:24px;background:radial-gradient(circle at 100% 0,#2563eb 0,transparent 60%),#111827;color:white;margin-bottom:24px}.ce-hero h2{font-size:clamp(28px,4vw,44px);line-height:1.14;color:white;margin:16px 0;max-width:650px;letter-spacing:-.035em}.ce-hero p{max-width:650px;font-size:18px;line-height:1.65;color:#eef2ff}.ce-badge{font-size:11px;font-weight:800;letter-spacing:.08em;display:inline-block;line-height:1.6}.ce-hero .ce-badge{background:#eef2ff;color:#111827;padding:6px 12px;border-radius:50px}.ce-overview{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:24px;background:white;border:1px solid var(--ce-line);padding:24px;border-radius:18px}.ce-overview p,.ce-note{color:var(--ce-muted);font-size:14px;line-height:1.6}.ce-overview progress{accent-color:#2563eb;width:min(440px,100%);height:12px}.ce-ring{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2563eb var(--ce-progress),#eef2ff 0)}.ce-ring span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:800}.ce-next{margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#eef2ff;border-radius:18px}.ce-next small{font-size:11px;font-weight:800;letter-spacing:.08em}.ce-next h3{margin:6px 0;font-size:21px;color:var(--ce-ink)}.ce-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ce-grid .ce-module{grid-column:1/-1;margin:24px 0 8px;font-size:20px;color:var(--ce-ink)}.ce-course .ce-card{display:flex;align-items:center;gap:16px;text-align:left;background:white;color:var(--ce-ink);border:1px solid var(--ce-line);padding:20px}.ce-card>span:nth-child(2){flex:1}.ce-card strong{display:block;line-height:1.4}.ce-card small{display:block;font-weight:400;margin-top:6px;color:var(--ce-muted);font-size:12px}.ce-number{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:#eef2ff;color:#111827;font-weight:800}.ce-roadmap{margin-top:40px;padding:28px;border:1px dashed #c7d2fe;border-radius:20px;background:#f8fafc}.ce-roadmap h3{font-size:24px;margin:12px 0 24px;color:var(--ce-ink)}.ce-roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ce-roadmap h4{font-size:20px;margin:0;color:var(--ce-ink)}.ce-roadmap p,.ce-roadmap li{line-height:1.7;font-size:14px}.ce-roadmap small{color:var(--ce-muted)}.ce-status:not(:empty){padding:14px 18px;border-left:4px solid #2563eb;background:#eef2ff;margin:16px 0;line-height:1.6}.ce-lesson-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;font-size:14px}.ce-lesson{background:white;border:1px solid var(--ce-line);border-radius:20px;padding:32px}.ce-lesson h3{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:12px 0;color:var(--ce-ink)}.ce-objective{font-size:17px;color:var(--ce-muted);line-height:1.7}.ce-theory{margin:32px 0}.ce-theory h4,.ce-practice h4,.ce-quiz h4{font-size:21px;color:var(--ce-ink);margin:12px 0}.ce-theory p{line-height:1.9;max-width:78ch;font-size:16px;white-space:pre-line}.ce-practice{padding:26px;border-radius:18px;background:#eef2ff;border:1px solid #c7d2fe}.ce-course label{display:block;font-size:14px;font-weight:600;margin:14px 0}.ce-course select,.ce-course textarea{width:100%;border:1px solid #667085;border-radius:8px;background:white;color:#111827;padding:11px;margin-top:7px;min-height:44px}.ce-target{font-size:clamp(23px,3vw,34px);font-weight:800;line-height:1.5;color:#111827;margin:22px 0}.ce-course summary{cursor:pointer;color:#111827;text-decoration:underline;padding:8px 0;line-height:1.6}.ce-voice-options{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:12px}.ce-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.ce-course .ce-consent{font-size:13px;font-weight:400;line-height:1.7;display:flex;gap:10px;align-items:flex-start;padding-top:16px;border-top:1px solid #c7d2fe}.ce-consent input{margin-top:5px;min-width:18px;min-height:18px;accent-color:#2563eb}.ce-feedback:not(:empty){padding:14px;background:white;border-left:4px solid #2563eb;line-height:1.7}.ce-quiz{margin-top:32px}.ce-quiz fieldset{border:1px solid var(--ce-line);border-radius:12px;padding:18px;margin:22px 0}.ce-quiz legend{font-weight:700;line-height:1.6;padding:0 8px;max-width:100%}.ce-quiz label{font-weight:400;background:#eef2ff;padding:12px;border-radius:8px;line-height:1.6}.ce-quiz input{accent-color:#2563eb;min-width:17px;min-height:17px;vertical-align:middle}.ce-quiz [data-ce-result]{line-height:1.7;color:#111827}.ce-finish{border-top:1px solid var(--ce-line);padding-top:24px;margin-top:24px}.ce-finish p{line-height:1.7;color:var(--ce-muted)}.ce-finish button{margin:6px 8px 6px 0}@media(max-width:650px){.ce-hero{padding:26px 22px}.ce-hero p{font-size:16px}.ce-grid,.ce-roadmap-grid{grid-template-columns:1fr}.ce-overview{padding:18px;gap:12px}.ce-next{display:block;padding:20px}.ce-next button{margin-top:12px;width:100%}.ce-lesson{padding:20px 16px}.ce-practice{padding:20px 14px}.ce-voice-options{grid-template-columns:1fr;gap:0}.ce-roadmap{padding:22px}.ce-lesson-nav{flex-wrap:wrap}.ce-course button{min-height:44px}.ce-actions button,.ce-finish button{width:100%}.ce-theory p{font-size:16px}}
.ce-listen-first{font-weight:700;line-height:1.7;color:#111827}.ce-capture{padding:20px;border-radius:14px;background:#111827;color:#fff!important;font-weight:700;line-height:1.7}.ce-capture::before{content:'';display:inline-block;width:12px;height:12px;background:#c7d2fe;border-radius:50%;margin-right:12px;animation:ce-pulse 1s ease-in-out infinite}.ce-recording{padding:20px 0;border-top:1px solid #c7d2fe;margin-top:20px}.ce-recording h5{font-size:19px;color:#111827;margin:0}.ce-recording p{font-size:14px;line-height:1.7}.ce-recording audio{display:block;width:100%;margin:20px 0}.ce-recording button{margin:6px 0}.ce-course [data-ce-text-help]{margin-top:18px}.ce-course [data-ce-reference] .ce-target{font-size:25px}@keyframes ce-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.ce-capture::before{animation:none}}
.ce-lab{margin:32px 0;background:#fff;border:1px solid #c7d2fe;border-radius:20px;padding:28px}.ce-lab h3{font-size:25px;line-height:1.4;color:#111827}.ce-lab p{line-height:1.7}.ce-lab-tabs,.ce-lab-grid{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.ce-lab-activity,.ce-dialogue{padding:22px;background:#eef2ff;border-radius:16px;margin-top:20px}.ce-lab h4{font-size:21px;line-height:1.5;color:#111827}.ce-lab input[type=text]{display:block;width:100%;padding:12px;border:1px solid #667085;border-radius:8px;background:white;color:#111827;margin:10px 0}.ce-lab button{margin:5px 0}.ce-partner{padding:20px;background:#111827;border-radius:16px;color:white}.ce-partner summary{color:#c7d2fe}.ce-partner p[lang=en]{font-size:24px}.ce-ledger{margin:18px 0}.ce-paywall{border:2px solid #2563eb;border-radius:16px;padding:24px;background:#eef2ff;margin:18px 0}.ce-paywall p{line-height:1.7}.ce-paywall button{margin:8px}@media(max-width:650px){.ce-lab{padding:20px 14px}.ce-lab-activity,.ce-dialogue{padding:18px 12px}.ce-lab-tabs button{flex:1}}
.ce-coach{border-bottom:1px solid #c7d2fe;padding-bottom:24px;margin-bottom:22px}.ce-coach-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.ce-coach-steps span{font-size:12px;padding:8px 10px;border-radius:20px;background:#eef2ff;color:#263244}.ce-coach-steps [aria-current=step]{background:#111827;color:white;font-weight:800}.ce-coach-progress{display:flex;align-items:center;gap:14px;margin:18px 0;flex-wrap:wrap}.ce-coach-progress progress{width:min(260px,100%);height:14px;accent-color:#2563eb}.ce-coach small{display:block;line-height:1.7;color:#263244}.ce-practice[data-coach-phase=listen]>[data-ce-record],.ce-practice[data-coach-phase=listen]>.ce-consent{display:none}.ce-extra-practice{margin:18px 0;border-top:1px solid #c7d2fe;padding-top:8px}.ce-coach .ce-actions button{font-size:14px}.ce-practice[data-coach-phase]>.ce-badge,.ce-practice[data-coach-phase]>h4,.ce-practice[data-coach-phase]>.ce-listen-first{display:none}.ce-practice[data-coach-phase]>.ce-note{font-size:12px}.ce-practice[data-coach-phase=guided]>[data-ce-record],.ce-practice[data-coach-phase=recall]>[data-ce-record]{font-size:18px;padding:16px 24px;min-width:240px}@media(max-width:650px){.ce-coach-progress{display:block}.ce-coach-progress strong{display:block;margin-top:8px}.ce-practice[data-coach-phase]>[data-ce-record]{width:100%}}
/* Focused lesson stages */
:is(#ccore-english,#ccore-spanish) [hidden]{display:none!important}
:is(#ccore-english,#ccore-spanish).ce-in-lesson .ce-hero,:is(#ccore-english,#ccore-spanish).ce-in-lesson .ce-overview,:is(#ccore-english,#ccore-spanish).ce-in-lesson [data-english-body]>.ce-note,:is(#ccore-english,#ccore-spanish).ce-in-lesson .ce-ledger{display:none}
:is(#ccore-english,#ccore-spanish) .ce-lesson{max-width:820px;margin:16px auto;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.65}
:is(#ccore-english,#ccore-spanish) .ce-stage-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}
:is(#ccore-english,#ccore-spanish) .ce-stage-nav button{background:#eef2ff;color:#263244;border:1px solid #c7d2fe;padding:14px 8px;border-radius:12px;min-height:48px}
:is(#ccore-english,#ccore-spanish) .ce-stage-nav [aria-current=step]{background:#111827;color:#fff;border-color:#111827;font-weight:750}
:is(#ccore-english,#ccore-spanish) [data-ce-panel]:focus{outline:none}
:is(#ccore-english,#ccore-spanish) button:focus-visible,:is(#ccore-english,#ccore-spanish) summary:focus-visible{outline:3px solid #e0a323;outline-offset:3px}
:is(#ccore-english,#ccore-spanish) .ce-stage-primary{display:block;margin:28px 0 0;min-height:52px}
:is(#ccore-english,#ccore-spanish) .ce-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid #c7d2fe}
:is(#ccore-english,#ccore-spanish) .ce-stage-footer span{font-size:14px;color:#263244}
:is(#ccore-english,#ccore-spanish) .ce-practice{padding:24px;background:#eef2ff}
:is(#ccore-english,#ccore-spanish) .ce-coach h4{font-size:25px;line-height:1.3;margin:16px 0}
:is(#ccore-english,#ccore-spanish) .ce-coach .ce-actions{align-items:center;flex-wrap:wrap}
:is(#ccore-english,#ccore-spanish) .ce-coach-help{flex-basis:100%;font-size:14px;margin-top:12px}
:is(#ccore-english,#ccore-spanish) .ce-coach-help summary{cursor:pointer;color:#263244}
:is(#ccore-english,#ccore-spanish) [data-coach-begin]{background:transparent;color:#111827;box-shadow:none;border:1px solid #667085}
:is(#ccore-english,#ccore-spanish) .ce-consent{font-size:14px;line-height:1.6}
:is(#ccore-english,#ccore-spanish) .ce-theory p{font-size:17px;line-height:1.85}
:is(#ccore-english,#ccore-spanish) .ce-quiz fieldset{margin-bottom:22px}
:is(#ccore-english,#ccore-spanish) .ce-quiz fieldset label{padding:12px;min-height:46px}
:is(#ccore-english,#ccore-spanish) .ce-target{font-size:24px;line-height:1.5}
@media(max-width:600px){:is(#ccore-english,#ccore-spanish) .ce-stage-nav button{font-size:13px;padding:12px 4px}:is(#ccore-english,#ccore-spanish) .ce-practice{padding:18px 14px}:is(#ccore-english,#ccore-spanish) .ce-stage-footer{flex-direction:column;align-items:stretch}:is(#ccore-english,#ccore-spanish) .ce-stage-primary{width:100%}}
/* beta223: one compact speech studio, one tool visible at a time */
:is(#ccore-english,#ccore-spanish) .ce-studio [hidden]{display:none!important}
:is(#ccore-english,#ccore-spanish) .ce-practice:has(.ce-studio){padding:20px;background:#f8fafc;border:1px solid #c7d2fe;border-radius:20px}
:is(#ccore-english,#ccore-spanish) .ce-studio{font-size:15px;line-height:1.55}
:is(#ccore-english,#ccore-spanish) .ce-studio-top{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}
:is(#ccore-english,#ccore-spanish) .ce-studio-top strong{font-size:13px;color:#263244}
:is(#ccore-english,#ccore-spanish) .ce-studio-top nav{display:flex;gap:6px;flex-wrap:wrap}
:is(#ccore-english,#ccore-spanish) .ce-studio-top button{font-size:12px;padding:8px 12px;min-height:38px;background:#fff!important;color:#263244!important;border:1px solid #c7d2fe;border-radius:9px;box-shadow:none}
:is(#ccore-english,#ccore-spanish) .ce-studio-top [aria-pressed=true]{background:#111827!important;color:white!important;border-color:#111827}
:is(#ccore-english,#ccore-spanish) .ce-studio-phrase{text-align:center;background:#fff;border:1px solid #c7d2fe;border-radius:16px;padding:22px 18px;margin-bottom:14px}
:is(#ccore-english,#ccore-spanish) .ce-studio-phrase .ce-target{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.35;margin:0 0 9px;color:#111827}
:is(#ccore-english,#ccore-spanish) .ce-studio-translation{margin:0;color:#667085;font-size:15px}
:is(#ccore-english,#ccore-spanish) [data-coach-instruction]{margin:12px 0;color:#263244;font-size:14px}
:is(#ccore-english,#ccore-spanish) .ce-studio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
:is(#ccore-english,#ccore-spanish) .ce-studio-controls .ce-actions{display:contents}
:is(#ccore-english,#ccore-spanish) .ce-studio-controls button{min-height:48px;padding:12px 18px;font-size:15px;margin:0}
:is(#ccore-english,#ccore-spanish) .ce-studio-controls [data-ce-listen]{background:#fff!important;color:#263244!important;border:1px solid #c7d2fe;box-shadow:none}
:is(#ccore-english,#ccore-spanish) .ce-studio-controls [data-ce-record]{background:#2563eb!important;color:#fff!important;border:1px solid #2563eb}
:is(#ccore-english,#ccore-spanish) .ce-studio .ce-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin:12px 0}
:is(#ccore-english,#ccore-spanish) .ce-studio .ce-consent input{margin-top:3px;flex-shrink:0}
:is(#ccore-english,#ccore-spanish) .ce-studio-feedback .ce-feedback{margin:14px 0;padding:0;background:transparent;min-height:0}
:is(#ccore-english,#ccore-spanish) .ce-studio-feedback .ce-feedback:empty{display:none}
:is(#ccore-english,#ccore-spanish) .ce-studio-feedback .ce-feedback:not(:empty){background:#fff;border:1px solid #c7d2fe;border-radius:12px;padding:14px;font-size:14px}
:is(#ccore-english,#ccore-spanish) .ce-studio-feedback p{margin:8px 0}
:is(#ccore-english,#ccore-spanish) .ce-studio-progress{display:flex;gap:12px;align-items:center;margin:15px 0}
:is(#ccore-english,#ccore-spanish) .ce-studio-progress progress{width:120px;max-width:35%;height:10px;accent-color:#2563eb}
:is(#ccore-english,#ccore-spanish) .ce-studio-progress strong{font-size:12px;color:#263244}
:is(#ccore-english,#ccore-spanish) .ce-studio-navigation{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
:is(#ccore-english,#ccore-spanish) .ce-studio-navigation button{font-size:13px;padding:9px 13px;min-height:40px}
:is(#ccore-english,#ccore-spanish) .ce-studio small{display:block;font-size:11px;color:#667085;margin-top:12px}
:is(#ccore-english,#ccore-spanish) .ce-word-feedback{display:flex;gap:5px;flex-wrap:wrap}
:is(#ccore-english,#ccore-spanish) .ce-word-feedback span{padding:3px 7px;border-radius:5px;border:1px solid}
:is(#ccore-english,#ccore-spanish) .ce-word-ok{background:#e8f6ee;color:#111827;border-color:#aacfb9!important}
:is(#ccore-english,#ccore-spanish) .ce-word-review{background:#fff2de;color:#814a04;border-color:#ddb97c!important;text-decoration:underline;text-decoration-style:dotted}
:is(#ccore-english,#ccore-spanish) .ce-studio [data-studio-pane=recording] h4,:is(#ccore-english,#ccore-spanish) .ce-studio [data-studio-pane=settings] h4{font-size:20px;margin:12px 0}
:is(#ccore-english,#ccore-spanish) .ce-studio .ce-recording{padding:0;border:0;margin:12px 0}
:is(#ccore-english,#ccore-spanish) .ce-studio .ce-recording h5{display:none}
:is(#ccore-english,#ccore-spanish) .ce-studio .ce-recording p{font-size:14px}
:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-lesson>.ce-badge,:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-objective{display:none}
:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-lesson{padding:22px}
:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-lesson>h3{font-size:23px;margin:0 0 12px}
:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-stage-nav{margin:12px 0 18px}
:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-stage-nav button{padding:10px 8px;min-height:42px;font-size:13px}
:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-stage-footer{margin-top:15px;padding-top:14px}
@media(max-width:600px){:is(#ccore-english,#ccore-spanish).ce-speech-focus .ce-lesson{padding:14px}:is(#ccore-english,#ccore-spanish) .ce-practice:has(.ce-studio){padding:14px}:is(#ccore-english,#ccore-spanish) .ce-studio-controls button{flex:1}:is(#ccore-english,#ccore-spanish) .ce-studio-top nav{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}:is(#ccore-english,#ccore-spanish) .ce-studio-top button{padding:8px 4px;font-size:11px}:is(#ccore-english,#ccore-spanish) .ce-studio-phrase{padding:18px 12px}}

.ce-studio-context{font-size:13px;color:#263244;margin:8px 0 12px}.ce-studio-tip{padding:14px;background:#eef2ff;border-radius:10px;font-size:14px}
/* Grammar learning panels and one exercise at a time. */
.ce-theory-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 22px}.ce-theory-tabs button{flex:1;font-size:13px;padding:10px 12px;min-height:42px!important;background:#fff!important;color:#263244!important;border:1px solid #c7d2fe!important;border-radius:10px!important;box-shadow:none!important}.ce-theory-tabs [aria-pressed=true]{background:#111827!important;color:#fff!important}.ce-grammar-pattern{padding:20px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;margin:22px 0}.ce-grammar-pattern p{font-size:20px;font-weight:700;margin:10px 0 0}.ce-worked-example{padding:17px 20px;border:1px solid #c7d2fe;border-radius:12px;margin:12px 0;background:#fff}.ce-worked-example small{font-size:12px;color:#263244}.ce-worked-example p{font-size:21px;font-weight:700;color:#111827;margin:7px 0 0}.ce-common-error{padding:18px;border-left:4px solid #b98524;background:#fff6e7;border-radius:8px}.ce-question-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.ce-question-nav strong{font-size:13px;text-align:center}.ce-question-nav button{font-size:13px;padding:10px!important;min-height:40px!important}.ce-word-builder{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.ce-word-builder button{padding:9px 13px!important;font-size:16px!important}.ce-word-builder button:disabled{opacity:.35}.ce-quiz [data-ce-drill-box] input{display:block;width:100%;border:1px solid #c7d2fe;border-radius:9px;background:#fff;color:#111827;padding:13px;font-size:17px;margin:10px 0 16px}:is(#ccore-english,#ccore-spanish) [data-ce-own-sentence]{display:block;width:100%;border:1px solid #c7d2fe;border-radius:9px;background:#fff;color:#111827;padding:13px;font-size:17px;margin:10px 0 18px}@media(max-width:600px){.ce-theory-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.ce-question-nav{gap:5px}.ce-question-nav button{font-size:11px}.ce-worked-example p{font-size:19px}}
/* Contextual vocabulary and ephemeral voice comparator, beta228. */
:is(#ccore-english,#ccore-spanish) .ce-word-popup{position:fixed;z-index:100020;width:min(350px,calc(100vw - 16px));max-height:60vh;overflow:auto;padding:18px;border:1px solid #ccd4f0;border-radius:18px;background:#fff;color:#14213d;box-shadow:0 16px 48px #11182740;font-size:15px;line-height:1.5}
:is(#ccore-english,#ccore-spanish) .ce-word-popup header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
:is(#ccore-english,#ccore-spanish) .ce-word-popup input{width:100%;box-sizing:border-box;color:#14213d;background:#f4f6ff;border:1px solid #aab6d4;border-radius:8px;padding:10px}
:is(#ccore-english,#ccore-spanish) .ce-word-actions,:is(#ccore-english,#ccore-spanish) .ce-compare-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
:is(#ccore-english,#ccore-spanish) .ce-word-translation{font-size:20px;font-weight:700;color:#2846a0}
:is(#ccore-english,#ccore-spanish) .ce-word-hint{padding:10px 14px;background:#f0f4ff;border-radius:12px;font-size:14px}
:is(#ccore-english,#ccore-spanish) .ce-record-model{padding:16px;border-radius:14px;background:#edf3ff;margin-bottom:12px}
:is(#ccore-english,#ccore-spanish) .ce-record-model .ce-target{color:#152e63;font-size:clamp(20px,3vw,28px);font-weight:750;margin:0 0 8px}
:is(#ccore-english,#ccore-spanish) .ce-compare-actions>p,:is(#ccore-english,#ccore-spanish) [data-ce-audio-review]{flex-basis:100%;margin:0}
:is(#ccore-english,#ccore-spanish) .ce-audio-confirm,:is(#ccore-english,#ccore-spanish) .ce-audio-result{padding:16px;background:#f8fafc;border:1px solid #c7d2fe;border-radius:14px;color:#111827}
:is(#ccore-english,#ccore-spanish) .ce-audio-confirm label{display:block;margin:12px 0}
:is(#ccore-english,#ccore-spanish) .ce-audio-confirm input{width:auto;accent-color:#2563eb}
:is(#ccore-english,#ccore-spanish) .ce-compare-actions button:disabled{opacity:.5;cursor:not-allowed}
:is(#ccore-english,#ccore-spanish) .ce-studio [data-studio-pane=recording] .ce-recording h5{display:block;font-size:16px;margin:8px 0}

/* Explicit card colors withstand theme button and small-text rules. */
:is(#ccore-english,#ccore-spanish).ce-course button.ce-card{background:#ffffff!important;color:#111827!important;opacity:1;text-shadow:none}
:is(#ccore-english,#ccore-spanish).ce-course button.ce-card strong{color:#111827!important;opacity:1}
:is(#ccore-english,#ccore-spanish).ce-course button.ce-card small{color:#263244!important;opacity:1;font-size:14px;line-height:1.6;font-weight:500}
:is(#ccore-english,#ccore-spanish) .ce-card .ce-number{background:#eef2ff!important;color:#111827!important}
:is(#ccore-english,#ccore-spanish) .ce-card-completion{display:block;margin-top:12px;color:#111827!important;font-size:13px;font-weight:750;line-height:1.5}
:is(#ccore-english,#ccore-spanish) .ce-card-track{display:block;height:8px;background:#eef2ff;border-radius:999px;overflow:hidden;margin-top:6px}
:is(#ccore-english,#ccore-spanish) .ce-card-track>span{display:block;height:100%;background:#2563eb;border-radius:999px}

/* Detached selection panel: outside course overflow, sticky layers and transforms. */
body .ce-word-popup[data-language-popup]{position:fixed!important;z-index:2147483000!important;inset:auto;margin:0;box-sizing:border-box;width:min(360px,calc(100vw - 16px));max-height:min(72vh,650px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid #c7d2fe;border-radius:16px;background:#fff!important;color:#111827!important;box-shadow:0 12px 44px #11182740;font:15px/1.5 system-ui,-apple-system,Arial,sans-serif;text-align:left}
body .ce-word-popup[data-language-popup][hidden],body .ce-word-popup[data-language-popup] [hidden]{display:none!important}
body .ce-word-popup[data-language-popup] header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:#111827}
body .ce-word-popup[data-language-popup] label{display:block;margin:10px 0;font-size:14px;color:#111827}
body .ce-word-popup[data-language-popup] :is(textarea,select){display:block;width:100%;box-sizing:border-box;min-height:42px;max-height:180px;margin:5px 0 0;padding:9px;border:1px solid #667085;border-radius:8px;background:#f8fafc;color:#111827;font:inherit;resize:vertical}
body .ce-word-popup[data-language-popup] button{border:1px solid #111827;border-radius:9px;background:#2563eb!important;color:#fff!important;padding:10px 12px;min-height:42px;font:600 14px/1.3 system-ui;cursor:pointer;text-shadow:none}
body .ce-word-popup[data-language-popup] button:disabled{opacity:.55;cursor:not-allowed}
body .ce-word-popup[data-language-popup] button:focus-visible{outline:3px solid #c58516;outline-offset:2px}
body .ce-word-popup[data-language-popup] .ce-word-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
body .ce-word-popup[data-language-popup] p{color:#263244!important;font-size:14px;line-height:1.6;margin:10px 0}
body .ce-word-popup[data-language-popup] .ce-word-translation{font-size:20px;font-weight:750;color:#111827!important}
body .ce-word-popup[data-language-popup] summary{cursor:pointer;color:#111827}
:is(#ccore-english,#ccore-spanish) .ce-course-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
:is(#ccore-english,#ccore-spanish) .ce-course-filters [aria-pressed=true]{background:#111827;color:#fff;border-color:#111827}
:is(#ccore-english,#ccore-spanish) .ce-language-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0}
:is(#ccore-english,#ccore-spanish) .ce-language-tools small{color:#263244;font-size:13px}
:is(#ccore-english,#ccore-spanish) .ce-reading article{padding:16px;margin:12px 0;border:1px solid #c7d2fe;border-radius:12px;background:#f8fafc}
:is(#ccore-english,#ccore-spanish) .ce-theory-tabs{flex-wrap:wrap}
:is(#ccore-english,#ccore-spanish) .ce-lesson :is(p,li,h3,h4,legend,label),:is(#ccore-english,#ccore-spanish) .ce-lab :is(p,span,h4){user-select:text;-webkit-user-select:text}

body .ce-selection-actions{position:fixed;z-index:2147482999;display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:max-content;max-width:calc(100vw - 16px);padding:7px;border:1px solid #c7d2fe;border-radius:12px;background:#fff;color:#111827;box-shadow:0 6px 22px #11182730;font:14px/1.4 system-ui}
body .ce-selection-actions[hidden]{display:none!important}
body .ce-selection-actions button{min-height:40px;padding:9px 12px;border:1px solid #2563eb;border-radius:8px;background:#2563eb;color:#fff;font:600 14px system-ui;cursor:pointer}
body .ce-selection-actions button:disabled{opacity:.5;cursor:not-allowed}
body .ce-selection-actions small:not(:empty){flex-basis:100%;max-width:320px;color:#111827;font-size:13px}

body .ce-word-popup[data-language-popup] header{cursor:grab;touch-action:none;user-select:none}body .ce-word-popup.ce-word-dragging header{cursor:grabbing}body .ce-word-popup [data-word-move]:focus-visible{outline:2px solid #2563eb;outline-offset:3px}

/* English examples inside Portuguese explanations retain the inherited palette. */
#ccore-english .ce-language-fragment{font-weight:750;color:inherit}

/* Quiet text tools: no callout panel competing with the lesson. */
:is(#ccore-english,#ccore-spanish) .ce-text-tip{margin:6px 0 14px;padding:0;background:transparent;border:0;color:#667085;font-size:13px;line-height:1.6;font-weight:400}
:is(#ccore-english,#ccore-spanish) .ce-text-tip .ce-text-tool{display:inline;width:auto;min-height:24px;margin:0 0 0 4px;padding:2px 0;border:0;border-radius:0;background:transparent;color:#2563eb;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
:is(#ccore-english,#ccore-spanish) .ce-text-tip .ce-text-tool:hover{background:transparent;color:#4f46e5}
:is(#ccore-english,#ccore-spanish).ce-in-lesson [data-english-body]>.ce-text-tip{display:none}

.ce-catalog-controls{display:grid;grid-template-columns:1fr 1.5fr 2fr auto;gap:12px;margin:18px 0;align-items:end}.ce-catalog-controls label{font-size:13px;color:#263244}.ce-catalog-controls input,.ce-catalog-controls select{display:block;width:100%;padding:10px;border:1px solid #c7d2fe;border-radius:10px;background:#fff;color:#111827;min-height:44px}.ce-catalog-pages{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.ce-catalog-pages span{font-size:14px;color:#667085}@media(max-width:650px){.ce-catalog-controls{grid-template-columns:1fr 1fr}.ce-catalog-controls label:nth-child(3){grid-column:1/-1}.ce-catalog-controls button{grid-column:1/-1}.ce-catalog-pages{gap:8px}}
.ce-study-launch{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0;padding:18px;background:#eef2ff;border-radius:14px}.ce-study-dialog{position:fixed;inset:20px;max-width:900px;width:calc(100% - 40px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #c7d2fe;border-radius:20px;padding:24px;color:#263244;background:#fff;box-shadow:0 24px 80px #11182744;z-index:100000}.ce-study-dialog::backdrop{background:#111827aa}.ce-study-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-24px;background:#fff;padding:14px 0;z-index:1}.ce-study-dialog h3{margin:0}.ce-study-dialog fieldset{border:1px solid #c7d2fe;border-radius:12px;margin:18px 0;padding:16px}.ce-study-dialog label{display:block;margin:12px 0;color:#263244}.ce-study-dialog input[type=radio],.ce-study-dialog input[type=checkbox]{width:auto;display:inline;margin-right:8px}.ce-study-dialog textarea{width:100%;color:#111827;background:#fff}.ce-study-dialog button{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:700}.ce-study-dialog button:disabled{opacity:.55}.ce-study-dialog :focus-visible{outline:3px solid #4f46e5;outline-offset:3px}.ce-study-passage{line-height:1.8;padding:20px;background:#f5f7ff;border-radius:12px}.ce-study-actions{padding:18px;background:#eef2ff;border-radius:12px}.ce-study-dialog [data-study-feedback]{font-weight:600;color:#263244}@media(max-width:600px){.ce-study-dialog{inset:8px;width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px}.ce-study-dialog header{top:-16px}}
.ce-path-intro{background:linear-gradient(120deg,#eef2ff,#f0f7ff);border:1px solid #c7d2fe;border-radius:18px;padding:22px;margin:20px 0;color:#263244}.ce-path-intro h3{color:#111827;margin-top:0}.ce-path-intro small{display:inline-block;color:#263244;margin:8px}.ce-catalog-controls select,.ce-catalog-controls input{color:#111827;background:#fff;min-height:44px;max-width:100%}.ce-card small{color:#475569}.ce-card strong{color:#111827}.ce-text-tool{white-space:normal}

/* beta252: local lesson illustrations, contained within the theory stage. */
.ce-course .ce-lesson-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;margin:20px 0 28px;padding:16px;border:1px solid #c7d2fe;border-radius:20px;background:#f8fafc;color:#14213d;min-width:0}
.ce-course .ce-lesson-visual img{display:block;width:100%;max-width:440px;height:auto;aspect-ratio:4/3;object-fit:contain;margin:auto;border-radius:16px}
.ce-course .ce-lesson-visual figcaption{min-width:0;overflow-wrap:anywhere;color:#263244}
.ce-course .ce-lesson-visual h4{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.3;margin:8px 0 14px;color:#14213d}
.ce-course .ce-visual-label{font-size:11px;font-weight:800;letter-spacing:.08em;color:#4f46e5}
.ce-course .ce-lesson-visual .ce-visual-example{font-weight:750;font-size:1.12rem;color:#14213d;line-height:1.5}
.ce-course .ce-lesson-visual small{color:#475569;line-height:1.5}
@media(max-width:700px){.ce-course .ce-lesson-visual{grid-template-columns:minmax(0,1fr);padding:12px;gap:14px}.ce-course .ce-lesson-visual img{max-width:360px}}
@container ccore-course (max-width:650px){.ce-course .ce-lesson-visual{grid-template-columns:minmax(0,1fr);padding:12px;gap:14px}.ce-course .ce-lesson-visual img{max-width:360px}}

/* beta253: WebP course covers, flags and small catalog previews. */
.ce-course .ce-hero-illustrated{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px}
.ce-course .ce-hero-copy{min-width:0}
.ce-course .ce-hero-art{width:100%;height:auto;aspect-ratio:8/5;max-width:400px;justify-self:center;border-radius:20px}
.ce-course .ce-country-flags{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.ce-course .ce-country-flags img{display:block;width:48px;height:32px;object-fit:contain;border-radius:3px;background:#fff;box-shadow:0 2px 8px #0003}
.ce-course .ce-card .ce-card-art{position:relative;display:block;flex:0 0 100px;width:100px;min-width:0;align-self:flex-start}
.ce-course .ce-card-art img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:10px;background:#eef2ff}
:is(#ccore-english,#ccore-spanish) .ce-card .ce-card-art .ce-number{position:absolute;bottom:3px;left:3px;min-width:24px;width:auto;height:23px;padding:1px 5px;font-size:11px;border-radius:6px;background:#14213d;color:#fff}
@media(max-width:700px){.ce-course .ce-hero-illustrated{grid-template-columns:minmax(0,1fr);gap:14px}.ce-course .ce-hero-art{max-width:300px}.ce-course .ce-card .ce-card-art{flex-basis:76px;width:76px}.ce-course .ce-card{gap:10px}}
@container ccore-course (max-width:650px){.ce-course .ce-hero-illustrated{grid-template-columns:minmax(0,1fr);gap:14px}.ce-course .ce-hero-art{max-width:300px}.ce-course .ce-card .ce-card-art{flex-basis:76px;width:76px}.ce-course .ce-card{gap:10px}}

.ce-course .ce-speech-score{display:block;width:100%;max-width:400px;height:12px;margin:12px 0 4px;accent-color:#2563eb}.ce-course .ce-speech-score-label{font-weight:650;color:#14213d}.ce-course .ce-word-close{display:inline-block;background:#fff6e7;color:#744000;padding:4px 7px;border-radius:6px;margin:3px}

.ce-course .ce-speech-support{padding:12px 14px;margin:12px 0;border:1px solid #c7d2fe;border-radius:12px;background:#eef2ff;color:#14213d}.ce-course .ce-speech-support p{font-size:14px;line-height:1.6;margin:0 0 10px}.ce-course .ce-feedback textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;font-size:14px;line-height:1.5;margin:12px 0}.ce-course .ce-feedback details summary{min-height:44px;padding:10px 0;cursor:pointer}

.ce-course .ce-recognition-settings{display:grid;gap:8px;margin:14px 0;color:#14213d;font-weight:650}.ce-course .ce-recognition-settings select{width:100%;max-width:100%;min-height:44px;font-size:16px}.ce-course .ce-speech-recovery{padding:14px;border:1px solid #c7d2fe;border-radius:12px;background:#eef2ff;margin:14px 0}.ce-course .ce-speech-recovery button{margin:5px 8px 5px 0;min-height:44px}.ce-course .ce-review-pending{padding:12px;background:#fff6e7;color:#663e0b;border-radius:12px;font-size:14px;line-height:1.6}