/* Scoped words design primitives. No Trial or qualification app asset is edited. */
.words-ui{--pri:#175344;--pri-ink:#fff;--pri-soft:#e5f1e9;--bg:#f4f7f3;--soft:#edf4ee;--card:#fff;--ink:#213c32;--sub:#51685d;--line:#d5e1d8}
:root[data-theme=dark] .words-ui{--pri:#9fd4b4;--pri-ink:#153226;--pri-soft:#233f30;--bg:#14221c;--soft:#203329;--card:#1a2c23;--ink:#e6f1e9;--sub:#b0c5b6;--line:#3e5949}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .words-ui{--pri:#9fd4b4;--pri-ink:#153226;--pri-soft:#233f30;--bg:#14221c;--soft:#203329;--card:#1a2c23;--ink:#e6f1e9;--sub:#b0c5b6;--line:#3e5949}}
.words-ui .w{gap:20px;padding-top:24px}.words-ui .hero{gap:12px}.words-ui .hero h1{font-size:clamp(1.6rem,5vw,2.2rem);letter-spacing:.025em}.words-ui .hero h1 span{display:block;font-size:.65em;margin-top:8px;color:var(--sub)}
.words-ui .card{border:0;border-radius:20px;padding:24px}.words-ui .btn{border:0;border-radius:14px;background:var(--soft);padding:13px 18px;min-height:52px;transition:background .16s,transform .16s;white-space:normal;overflow-wrap:anywhere}.words-ui .btn.pri,.words-ui #next-set{background:var(--pri);color:var(--pri-ink)}.words-ui .text-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:var(--pri);font-weight:600;padding:10px 8px;min-height:48px;text-decoration:none;border-radius:8px}.words-ui .text-action:hover{background:var(--soft)}.words-ui a.home{background:none;border:0;border-radius:0;padding:8px 0;font-size:.9rem;color:var(--sub)}
.words-ui .theme button{border:0;background:transparent}.words-ui .theme button[aria-pressed=true]{background:var(--soft);color:var(--pri);box-shadow:inset 0 -2px var(--pri)}
.words-ui .settings-trigger{justify-self:end;align-self:end;margin-bottom:-8px}.words-ui .usage{padding:0;background:transparent}.words-ui .usage>summary,.words-ui .entry-help>summary{font-weight:600;color:var(--sub);min-height:48px;padding-block:10px}.words-ui .usage .steps,.words-ui .entry-help .steps{margin-block:16px}
.words-ui .learning-choices{gap:32px}.words-ui .learning-choice{gap:20px;border:0;box-shadow:0 8px 32px rgb(24 63 43 / .04)}.words-ui .learning-choice h2{font-size:1.5rem}.words-ui .learning-choice .quiz-entry{gap:10px;margin-top:auto}.words-ui .start-learning{margin-top:12px;width:100%}.words-ui .mini-face{border:0;background:var(--soft)}.words-ui .learning-notice{line-height:1.8}
.words-ui .enhanced-count{position:absolute;width:1px!important;height:1px;clip-path:inset(50%);overflow:hidden;opacity:0;min-width:0;min-height:0;pointer-events:none}
.words-ui .count-stepper{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;width:100%;max-width:360px;padding-block:8px}.words-ui .count-stepper button{height:56px;min-width:56px;border:0;background:var(--soft);color:var(--pri);border-radius:50%;font-size:1.7rem;line-height:1}.words-ui .count-value{text-align:center;font-size:2.25rem;line-height:1.4;font-weight:750;color:var(--pri);font-variant-numeric:tabular-nums}.words-ui .count-changed{animation:count-pulse .18s ease-out}@keyframes count-pulse{from{transform:translateY(3px);opacity:.6}to{transform:none;opacity:1}}
.words-ui .word-switch{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.words-ui .word-switch .btn{flex:1;border:0;border-radius:0;background:transparent;padding:12px 2px;color:var(--sub);box-shadow:inset 0 -3px transparent;transition:box-shadow .18s,color .18s}.words-ui .word-switch .btn[aria-pressed=true]{box-shadow:inset 0 -3px var(--pri);color:var(--pri)}
.words-ui #back,.words-ui .solbody .box{border:0;background:transparent;border-radius:0;padding:0;box-shadow:none}.words-ui #back{padding-top:20px;border-top:1px solid var(--line)}.words-ui #back h3,.words-ui .solbody h3{font-size:.85rem;letter-spacing:.05em;color:var(--sub);margin-block:18px 8px}.words-ui #first{font-size:1.12rem;font-weight:650;line-height:1.85}.words-ui #second,.words-ui #explanation,.words-ui #inline-explanation{line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.words-ui #flip::before{content:'↻';font-size:1.2rem}.words-ui #flip{padding-inline:0}.words-ui details.evidence{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:24px;padding:0}.words-ui .evidence summary{min-height:48px;padding-block:12px;font-size:.88rem;color:var(--sub)}.words-ui .references{font-size:.85rem;line-height:1.9}
.words-ui #card-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.words-ui #again{background:var(--soft);color:var(--ink)}.words-ui #known{background:var(--pri);color:var(--pri-ink)}.words-ui #prev,.words-ui #next{font-size:.9rem}.words-ui #undo-rating{font-size:.8rem;color:var(--sub)}.words-ui .undo-action{margin-block:0}.words-ui .pos{border:0;background:transparent;padding:10px 0}.words-ui .pos .bar{height:4px;border-radius:99px}.words-ui .tally{border:0;background:transparent}.words-ui .tally .tt{border:0;background:var(--soft)}
.words-ui .opts{gap:0}.words-ui .opts li{border-bottom:1px solid var(--line)}.words-ui .opts li:last-child{border-bottom:0}.words-ui .opt{border:0;border-radius:0;background:transparent;padding:18px 10px;min-height:64px}.words-ui .opt:not(:disabled):hover{background:var(--soft)}.words-ui .opt.right{background:var(--ok-soft);color:var(--ink)}.words-ui .opt.wrong{background:var(--ng-soft);color:var(--ink)}.words-ui .opt:disabled{opacity:1}.words-ui .sol{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:24px}.words-ui .solbody{padding:8px 0 0}.words-ui #question{font-size:1.18rem;font-weight:600;line-height:1.85}.words-ui .nav2{gap:16px;margin-top:24px}.words-ui .nav2>*{flex:1}
.words-ui .completion-banner,.words-ui .result-celebration{background:var(--soft);border:0;border-radius:18px;padding:28px 14px}.words-ui .result-celebration::before,.words-ui .result-celebration::after{content:none}.words-ui .result-emblem,.words-ui .completion-medal{background:var(--pri);color:var(--pri-ink);border:0;box-shadow:none}.words-ui .result-finish-label{border:0;background:transparent;color:var(--sub)}.words-ui #result-title,.words-ui #results .result-praise,.words-ui .result-lead{color:var(--pri)}.words-ui .card-counts>div,.words-ui #results .result-summary>div{background:transparent!important;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 8px;min-height:0}.words-ui #results #score{border:0;border-radius:0;background:transparent}.words-ui #results .result-review{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.words-ui .return-nav{border-top:1px solid var(--line);padding-top:24px}.words-ui .mode-switch a{border:0;background:transparent}.words-ui .mode-switch a[aria-current=page]{background:var(--soft);color:var(--pri)}
.words-ui .settings-sheet{background:var(--card);color:var(--ink);border:0;border-radius:24px 24px 0 0;padding:24px 24px max(24px,env(safe-area-inset-bottom));margin:auto auto 0;width:min(100%,620px);max-width:100%;max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -12px 60px rgb(0 0 0 / .18)}.words-ui .settings-sheet[open]{animation:sheet-in .2s ease-out}.words-ui .settings-sheet::backdrop{background:rgb(10 30 20 / .45)}.words-ui.sheet-open{overflow:hidden}.words-ui .sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.words-ui .sheet-header h2{font-size:1.2rem}.words-ui [data-settings-content]{display:grid;gap:16px}.words-ui [data-settings-content] label{font-weight:600}.words-ui .settings-sheet .filt{border:0;background:transparent}.words-ui .settings-sheet .filters{margin-top:16px}.words-ui select,.words-ui input{color:var(--ink);background:var(--card);border:1px solid var(--line);max-width:100%}.words-ui .settings-sheet .filt summary{padding:12px 0;min-height:48px}.words-ui .settings-sheet .count-control{gap:8px}@keyframes sheet-in{from{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(min-width:768px){.words-ui .settings-sheet{margin:auto;border-radius:24px;max-height:85dvh}.words-ui .w{padding-top:32px}.words-ui .learning-choice{padding:32px}}
@media(max-width:400px){.words-ui .card{padding:18px}.words-ui .w{gap:16px}.words-ui .settings-sheet{padding:20px 16px max(20px,env(safe-area-inset-bottom))}.words-ui .count-stepper{gap:8px}.words-ui .word-switch{gap:10px}.words-ui #card-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.words-ui *, .words-ui *::before,.words-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Answer explanations share the card's lightweight text action, not Trial's filled header. */
.words-ui details.explanation-disclosure>summary,.words-ui details.explanation-disclosure[open]>summary{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:48px;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--pri);font-size:1rem;font-weight:600;line-height:1.6;list-style:none}
.words-ui details.explanation-disclosure>summary::-webkit-details-marker{display:none}
.words-ui .explanation-disclosure .disclosure-icon{display:inline-block;flex:none;font-size:1.2rem;line-height:1;transition:transform .16s ease}
.words-ui .explanation-disclosure .disclosure-open{display:none}
.words-ui .explanation-disclosure[open]>summary .disclosure-icon{transform:rotate(180deg)}
.words-ui .explanation-disclosure[open]>summary .disclosure-closed{display:none}
.words-ui .explanation-disclosure[open]>summary .disclosure-open{display:inline}

/* Quiz choices keep answer semantics; they do not borrow card rating gestures. */
.words-ui .opts .opt.right,.words-ui .opts .opt.wrong{border-radius:12px}
.words-ui #feedback.verdict,.words-ui #inline-feedback.verdict{gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:0;border-radius:0;background:transparent}
.words-ui #feedback.verdict b,.words-ui #inline-feedback.verdict b{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:0;font-size:1.8rem;line-height:1}
.words-ui .settings-sheet .pill::after,.words-ui .settings-sheet details[open]>summary .pill::after{background:transparent;color:var(--sub);border:0;border-radius:0;padding:0;font-weight:400}
.words-ui.quiz-page .nav2>button{min-height:52px}
/* Results use the same clear major, secondary and text actions as card results. */
.words-ui.quiz-page #results{gap:20px;padding:24px;border-radius:20px}
.words-ui.quiz-page #results .result-primary{gap:12px}
.words-ui.quiz-page #results .result-primary>*{min-height:52px;border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center}
.words-ui.quiz-page #results .result-actions{gap:12px}
.words-ui.quiz-page #results .result-actions>*{min-height:52px;width:100%;padding:12px 16px;white-space:normal}
.words-ui.quiz-page #results #retry{border:0;border-radius:14px;background:var(--soft);color:var(--ink)}
.words-ui.quiz-page #results #change-domain{color:var(--sub)}
.words-ui.quiz-page #results .result-review{padding:0}
.words-ui.quiz-page #results .result-review>summary{min-height:48px;padding:12px 0}
.words-ui.quiz-page #result-list{gap:0}
.words-ui.quiz-page #result-list li{padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;line-height:1.9}
@media(max-width:400px){.words-ui.quiz-page #results{padding:18px}.words-ui.quiz-page #results .result-primary{grid-template-columns:1fr}}

.words-ui #inline-question{font-size:1.18rem;font-weight:600;line-height:1.85;text-wrap:initial}
.words-ui .answer-label{display:block;font-size:.82rem;line-height:1.5}