body.training-focus>.sidebar,body.training-focus>.mobile-nav,body.training-focus .app-shell>.topbar,body.training-focus .app-shell>footer{display:none}
.recall-answer{margin:24px auto 0;padding:20px;border-radius:14px;background:#edf4e4}.recall-answer h2{margin:0 0 12px}.recall-answer .button{margin-top:14px}
.training-page .training-bottom{margin-top:24px;padding-top:20px;border-top:1px solid #e3e9dc}
.training-page .training-bottom .training-actions{position:static;background:none;backdrop-filter:none;border:0;margin:0;padding:0}
.training-page .training-actions.is-self-assessment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:620px;margin-inline:auto}
.training-page .training-actions.is-self-assessment>.actions{display:contents}
.training-page .training-actions.is-self-assessment .button{width:100%;min-height:54px;white-space:normal}
.training-page .training-actions.is-self-assessment:not(.has-answer) [data-submit]{grid-column:1/-1;max-width:320px;justify-self:center}
.training-page .training-actions.is-feedback{display:flex;justify-content:center}.training-page .training-actions.is-feedback [data-next]{min-width:220px}
.training-page .training-bottom .training-help{margin:12px 0 0;font-size:.8125rem}.training-secondary-actions{display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap;margin-top:14px}
.training-secondary-actions:empty{display:none}.training-page .training-card [hidden]{display:none!important}
body.training-focus .app-shell,body.guest-demo .app-shell{margin-left:0}
body.training-focus main,body.guest-demo main{max-width:1100px;width:100%;padding:28px 24px 40px}
body.training-focus main{min-height:100svh}
.guest-demo .topbar .mobile-brand{display:flex}.guest-demo .topbar-right{flex-shrink:0}.guest-demo .topbar-right .button{white-space:nowrap}.guest-demo .app-shell>footer{padding-bottom:24px}
.training-page .training-wrap{max-width:820px}.training-page .training-top{gap:14px;color:var(--text-secondary);flex-wrap:wrap}.training-view{display:flex;align-items:center;gap:20px}.training-view button{font-size:0.875rem;white-space:nowrap}
.training-quick{display:flex;align-items:center;gap:6px;font-size:0.8125rem;cursor:pointer;white-space:nowrap}.training-quick input{width:15px;height:15px;padding:0;accent-color:#397955}.pause-next{display:block;margin-top:14px;font-size:0.8125rem}.training-page .training-view{flex-wrap:wrap;gap:10px 18px}
.training-quick[hidden]{display:none}
.training-known-notice{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin:16px 0;padding:12px 16px;border:1px solid #dce6d4;border-radius:12px;background:#edf4e4;font-size:.875rem}.training-known-notice span{min-width:0;overflow-wrap:anywhere}.training-known-notice button{flex-shrink:0}
.training-page .training-stages{margin-bottom:12px}.training-page .training-progress{margin-bottom:20px}.training-page .training-card{padding:30px 34px;min-height:350px}.training-page .training-card h1{margin-top:17px}.training-page .training-actions{position:sticky;bottom:0;z-index:4;background:#f7f8f3ed;backdrop-filter:blur(10px);padding:13px 0;margin:10px 0;border-top:1px solid #e9edde}.training-page [data-training-controls][hidden]{display:none}
.training-page .option{position:relative;min-width:0;flex-wrap:wrap;color:#4d6342}.training-page .option>span:not(.option-result){overflow-wrap:anywhere;flex:1;min-width:0}.training-page .option:disabled{cursor:default;opacity:1}.training-page .option.is-correct,.training-page .option.is-correct:hover{border-color:#498158;background:#eef6e6;color:#285e3b}.training-page .option.is-incorrect,.training-page .option.is-incorrect:hover{border-color:#c95c4c;background:#fff0eb;color:#9c3f31}.option-result{font-size:0.8125rem;font-weight:700;white-space:nowrap;flex-basis:100%;padding-left:32px}
.training-page .training-feedback{padding:18px 21px}.training-page .training-feedback h3{line-height:1.5}.training-page .training-feedback .button{margin-top:11px}.training-page .training-feedback:not(.error) p{margin-bottom:2px}.training-page audio{display:block;max-width:100%;width:320px;margin:20px auto}
.training-page .built-answer{position:relative;flex-wrap:wrap;gap:5px;min-height:82px;padding:16px 12px;margin-top:24px;letter-spacing:0}.training-page .built-answer.empty{padding-bottom:31px}.word-slot{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:38px;padding:2px 5px;font:inherit;font-size:1.4375rem;line-height:1;border:0;border-bottom:2px solid #93ab7d;border-radius:5px 5px 0 0;color:#2d5539;background:#e7efdb;white-space:pre}.word-slot:hover:not(:disabled){background:#d6e5c3}.word-slot.vacant{min-width:24px;background:#edf2e5;border-color:#b8c9a7}.word-slot:disabled{opacity:1;cursor:default}.letter-placeholder{position:absolute;bottom:7px;left:0;width:100%;font-size:0.8125rem;line-height:1.2;color:#7a876c}.training-page .letter{width:44px;height:47px;font-size:1.4375rem}.letter-status{min-height:35px;line-height:1.5!important;margin:18px auto 0!important;max-width:530px}
.training-page .training-complete{padding:0 0 20px}.training-page .training-complete img{width:116px;height:116px;margin:0 auto 8px}.training-page .training-card .training-complete h1{font-size:1.875rem;margin:12px 0}.training-page .training-complete>p{font-size:0.875rem;line-height:1.8}.training-page .lesson-duration{margin:16px 0 0}.training-page .duration-note{margin:4px 0 15px;font-size:0.75rem}.training-page .training-complete .button{margin-top:10px}.training-page .session-results{margin-top:10px;padding-top:22px}.training-page .session-results h2{margin:0 0 8px;font-size:1.3125rem}
.training-page .training-complete img{display:block;width:88px;height:88px;margin:0 auto 6px}.training-page .training-complete>.eyebrow{display:block;font-size:0.6875rem}.training-page .training-complete>p{margin:10px 0;line-height:1.65}.training-page .training-complete .duration-note{margin:4px 0 12px;font-size:0.75rem}.training-page .training-complete>p:last-child{margin-bottom:0;font-size:0.8125rem}
.training-page .result-word{padding:0;margin-top:8px;border-radius:11px;overflow:hidden}.result-word>summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(140px,.8fr);align-items:center;gap:15px;position:relative;padding:15px 33px 15px 16px;cursor:pointer;list-style:none}.result-word>summary::-webkit-details-marker{display:none}.result-word>summary:after{content:'⌄';position:absolute;right:13px;top:22px;color:#7b8b6c;font-size:1rem}.result-word[open]>summary:after{transform:rotate(180deg)}.result-word-title{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.result-word-title b{font-size:1.125rem;color:#36573b}.result-word-title small{font-size:0.875rem;color:#6c7c61}.result-badge{font-size:0.75rem;white-space:nowrap;padding:5px 8px;border-radius:7px;background:#edf4e4;color:#406a3c}.result-badge.practice{background:#fff0db;color:#956833}.result-next{display:grid;gap:4px;font-size:0.8125rem;line-height:1.5;color:#4f6942}.result-next small{font-size:0.6875rem;color:#879279}.result-word-details{padding:0 17px 14px}.training-page .result-skill{margin:0;padding:13px 0 0;font-size:0.875rem}.result-word-details .result-skill+.result-skill{margin-top:13px}.training-page .result-skill small{font-size:0.8125rem}.result-word>summary:hover{background:#f1f5e9}.training-page .spelling-answer{letter-spacing:0}.training-page .training-card:has(.session-results){padding:25px 30px}
@media(max-width:600px){body.training-focus main,body.guest-demo main{padding:18px 14px 25px}.training-page .training-top{font-size:0.8125rem;margin-bottom:10px}.training-view{gap:12px}.training-view button{font-size:0.75rem}.training-page .training-card{padding:26px 18px;min-height:330px;border-radius:20px}.training-page .training-card h1{font-size:2rem}.training-page .training-card h2{font-size:1.4375rem}.training-page .training-stages{gap:8px}.training-page .training-stages li{font-size:0.75rem}.training-page .training-actions{gap:10px}.training-page .training-actions .actions{gap:8px}.training-page .training-actions .button{padding:13px 15px;font-size:0.875rem}.training-page .training-feedback{padding:16px}.training-page .training-feedback h3{font-size:1rem}.training-page .option{padding:13px 10px;font-size:0.9375rem;gap:7px}.option-result{padding-left:26px}.training-page .built-answer{gap:4px;padding-left:8px;padding-right:8px}.word-slot{min-width:24px;height:34px;padding:2px 3px;font-size:1.3125rem}.word-slot.vacant{min-width:20px}.training-page .letter{width:39px;height:44px;font-size:1.375rem}@media(prefers-reduced-motion:reduce){.training-page .training-progress>div{transition:none}}

}
.focused-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 10px}.focused-result-actions form{margin:0;max-width:100%}.focused-result-actions .button{max-width:100%;white-space:normal}
.training-page .training-word-audio{justify-content:center;gap:6px 24px;max-width:100%;margin:8px auto 18px}
.training-page .training-word-audio>.pronunciation-variant{display:grid;grid-template-columns:1.4rem max-content minmax(0,1fr);align-items:center;gap:8px;flex:0 1 auto;min-height:44px;padding:0;border:0;border-radius:0;background:transparent}
.training-page .training-word-audio .ipa{font-size:.9rem;line-height:1.4}.training-word-audio .ipa:empty{display:none}
@media(max-width:600px){.training-page .training-word-audio{flex-direction:column;align-items:center;gap:4px;width:fit-content}.training-page .training-word-audio>.pronunciation-variant{width:100%}}
.training-page .training-feedback.has-pronunciation{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,17rem);align-items:start;gap:1rem 1.25rem}.training-feedback-copy{min-width:0;overflow-wrap:anywhere}.training-page .training-feedback>.pronunciations{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;margin:0;gap:.55rem}.training-page .training-feedback>.pronunciations>.pronunciation-variant{flex:0 0 auto;width:100%}.training-feedback>.pause-next{grid-column:1/-1}@media(max-width:600px){.training-page .training-feedback.has-pronunciation{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.training-page .training-card:has(.session-results){padding:20px 16px}.result-word>summary{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 28px 14px 13px}.result-next{grid-column:1/-1}.result-badge{white-space:normal;max-width:110px}.result-word-title b{font-size:1.0625rem}}

.training-page .training-card{position:relative}.training-card-report{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer;z-index:5}.training-card-report:hover{background:#eef3e7;color:#375b40}.training-card-report:focus-visible{outline:2px solid #397955;outline-offset:2px}.training-card-report:disabled{cursor:default}.training-report-tooltip{position:absolute;top:calc(100% + 4px);right:0;width:max-content;max-width:min(240px,70vw);padding:7px 10px;border-radius:7px;background:#294635;color:#fff;font-size:.75rem;font-weight:400;line-height:1.4;pointer-events:none;visibility:hidden;opacity:0}.training-card-report:hover .training-report-tooltip,.training-card-report:focus-visible .training-report-tooltip{visibility:visible;opacity:1}.training-card:has(.training-card-report:not([hidden])) [data-task]>.eyebrow:first-child{display:block;margin-inline:36px}.training-page .training-feedback .training-answer-appeal{margin-top:12px}.training-answer-appeal button{font-size:.8125rem}@media(max-width:600px){.training-card-report{top:8px;right:8px}}

.training-page .training-top{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"actions settings" "stages stages";align-items:center;gap:12px 16px;margin-bottom:12px}.training-session-actions{grid-area:actions;display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;min-width:0}.training-session-actions>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.training-session-actions form{margin:0;max-width:100%}.training-page .training-session-actions button.small-link{font-size:inherit;color:var(--text-secondary);min-height:44px}.training-session-actions button.small-link:hover{color:#375b40}.training-current-stage{display:none;grid-area:status;min-width:0}.training-settings{grid-area:settings;position:relative;justify-self:end;align-self:start;margin:0;padding:0;border:0;z-index:20}.training-settings>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:10px;list-style:none;cursor:pointer;color:var(--text-secondary);background:transparent}.training-settings>summary::-webkit-details-marker{display:none}.training-settings>summary::marker{content:""}.training-settings>summary span{font-size:1.4rem;line-height:1}.training-settings>summary:hover,.training-settings[open]>summary{background:#eaf0e2;color:#375b40}.training-settings>summary:focus-visible{outline:2px solid #397955;outline-offset:2px}.training-settings-panel{position:absolute;right:0;top:calc(100% + 6px);width:min(320px,calc(100vw - 28px));padding:18px;background:#fffefa;border:1px solid #dde5d5;border-radius:14px;box-shadow:0 8px 28px #29463520;text-align:left}.training-settings-panel h2{font-size:inherit;margin:0 0 16px;font-weight:600}.training-settings-panel label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin:0;white-space:normal;font-size:inherit;line-height:1.5;cursor:pointer}.training-settings-panel label+label{margin-top:18px}.training-settings-panel input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;margin:2px 0;accent-color:#397955}.training-settings-panel small{display:block;margin-top:5px;font-size:.8125rem;line-height:1.5;color:var(--text-secondary)}.training-settings [hidden]{display:none!important}.training-page .training-top .training-stages{grid-area:stages;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin:0;padding:0;list-style:none}.training-page .training-top .training-stages li{display:flex;align-items:baseline;flex-wrap:nowrap;flex:0 0 auto;white-space:nowrap;gap:4px;border:0;margin:0;padding:0;font-size:inherit;min-width:0}.training-stages [data-phase-count]:empty{display:none}.training-stages [data-phase-count]{font-weight:400;white-space:nowrap}.training-page .training-top .training-stages li:not(:last-child)::after{content:"→";color:#a5b298;margin-left:8px;font-weight:400}.training-page .training-top .training-stages li.current{font-weight:600;color:#245b3e}@media(max-width:600px){.training-page .training-top{gap:8px 12px}.training-session-actions{gap:4px 16px}.training-page .training-top .training-stages{gap:8px 8px}.training-page .training-top .training-stages li:not(:last-child)::after{margin-left:4px}}

@media(max-width:600px){.training-screening-prefix{display:none}}

.training-page .training-actions:not(.is-self-assessment):has([data-skip][hidden]):has([data-hint][hidden]):has([data-next][hidden]){justify-content:center}.training-page .training-actions:not(.is-self-assessment):has([data-skip][hidden]):has([data-hint][hidden]):has([data-next][hidden])>.actions{width:auto;justify-content:center}
.training-page .has-results .training-card{padding:28px 30px;min-height:0;text-align:left}.training-page .has-results .training-complete{padding:0;text-align:left}.has-results .training-progress{display:none}.has-results .training-stages{margin-bottom:0}.has-results .training-top{margin-bottom:20px}.completion-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.completion-heading>div{min-width:0}.training-page .has-results .completion-heading img{width:80px;height:80px;flex:0 0 80px;margin:0}.training-page .has-results .completion-heading h1{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.25;margin:8px 0 10px;letter-spacing:-.03em;outline:none}.completion-heading .eyebrow{font-size:.68rem;letter-spacing:.1em}.completion-meta{font-size:.83rem!important;line-height:1.6!important;color:#65765f;margin:0!important}.completion-score{margin-top:24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.completion-score>strong{font-size:2.25rem;line-height:1.1;color:#214f3b;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.completion-score>strong>span{font-size:1.2rem;color:#65765f;font-weight:400;letter-spacing:0}.completion-score>p{font-size:.93rem;margin:0;max-width:24ch;line-height:1.5}.completion-stats{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none;padding:0;margin:14px 0 0;font-size:.83rem;color:#6c674e}.training-page .has-results .completion-repair{display:flex;align-items:baseline;gap:8px;margin:18px 0 0;font-size:.86rem;color:#326247;line-height:1.6}.completion-repair.has-unresolved{color:#875d23}.training-page .has-results .completion-note,.training-page .has-results .completion-neutral{font-size:.83rem;margin:12px 0 0;line-height:1.65;color:#65765f}.completion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}.completion-actions form{margin:0}.training-page .has-results .completion-actions .button{margin:0;min-height:46px;font-size:.87rem;padding:12px 20px}.completion-more,.completion-details{font-size:.81rem;color:#526b4c;margin-top:8px}.completion-more>summary,.completion-details>summary{cursor:pointer;min-height:44px;align-content:center;width:fit-content;max-width:100%}.completion-more>div{display:flex;align-items:flex-start;flex-direction:column;gap:16px;padding:10px 0 16px}.completion-more form{margin:0}.training-page .has-results .completion-more .button{margin:0;font-size:.82rem;min-height:44px;padding:10px 16px}.completion-more a{min-height:44px;display:flex;align-items:center}.completion-details p{line-height:1.6;margin:0 0 12px}.completion-next{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;border:1px solid #dce6d5;border-radius:12px;padding:14px 18px;margin:20px 0 0;background:#f3f7ed;font-size:.83rem}.completion-next strong{font-size:.78rem;font-weight:600}.completion-next p{margin:4px 0 0;line-height:1.55}.completion-next>a{min-height:44px;display:flex;align-items:center;flex-shrink:0;color:#27634b}.training-page .has-results .session-results{margin:24px 0 0;padding:22px 0 0;border-top:1px solid #dfe6d9}.result-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.training-page .has-results .session-results h2{font-size:1.16rem;margin:0;line-height:1.4}.result-filters{display:flex;gap:6px;flex-wrap:wrap}.result-filters button{font:inherit;font-size:.75rem;min-height:44px;padding:8px 12px;color:#526b4c;background:transparent;border:1px solid #dce5d6;border-radius:8px;cursor:pointer}.result-filters button[aria-pressed=true]{background:#eaf2e3;color:#244f37;border-color:#a9c49c}.result-filters button:focus-visible{outline:2px solid #27634b;outline-offset:2px}.result-schedule-note{font-size:.73rem!important;color:#6d7a65;margin:12px 0 14px!important;line-height:1.6!important}.training-page .has-results .result-word{background:transparent;border:1px solid #dfe6d9;border-radius:10px;margin-top:10px}.has-results .result-word>summary{grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:16px 34px 16px 16px;align-items:start}.has-results .result-word-title{gap:4px}.has-results .result-word-title>b{font-size:1.05rem;color:#244d39}.has-results .result-word-title>span{font-size:.87rem;line-height:1.5;color:#56694d}.has-results .result-word-title>small{font-size:.76rem;line-height:1.6;color:var(--text-secondary);margin-top:3px}.has-results .result-badge{font-size:.7rem;font-weight:500;align-self:start;white-space:normal;text-align:center;margin-top:1px}.has-results .result-badge.neutral{background:#eff1ec;color:#65705e}.has-results .result-next{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;font-size:.73rem;color:#64745a;line-height:1.5}.has-results .result-next>small{font-size:inherit;color:inherit}.has-results .result-word>summary:after{top:16px}.has-results .result-word[open]>summary{background:#f2f6ee;border-bottom:1px solid #dfe6d9}.has-results .result-word-details{padding:4px 16px 16px}.training-page .has-results .result-skill{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:6px 16px;font-size:.79rem;line-height:1.6;padding-top:12px}.training-page .has-results .result-skill+.result-skill{margin-top:0}.result-neutral{color:#6b7661}.result-example{margin-top:18px;padding-left:12px;border-left:2px solid #c3d5b7}.result-example p{font-size:.84rem!important;line-height:1.65!important;margin:0!important}.result-example p+p{color:#6b7661;margin-top:4px!important}.result-association{font-size:.8rem!important;line-height:1.6!important;margin:14px 0!important}.result-association b{display:block;font-size:.74rem;color:#62725a}.has-results .result-word-details .pronunciations{justify-content:flex-start;margin:16px 0 8px;max-width:100%;gap:10px}.has-results .result-word-details .pronunciation-variant{max-width:100%;flex-wrap:wrap}.has-results .result-dictionary-link{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;margin-top:8px}.has-results .demo-restart{margin:10px 0 0}.has-results .demo-restart button{min-height:44px}.has-results .result-word[hidden]{display:none!important}.has-results .training-current-stage{display:none}
@media(max-width:600px){.training-page .has-results .training-card{padding:20px 16px}.completion-heading{gap:10px;align-items:flex-start}.training-page .has-results .completion-heading img{width:56px;height:56px;flex-basis:56px}.training-page .has-results .completion-heading h1{font-size:1.45rem}.completion-heading .eyebrow{font-size:.6rem}.completion-meta{font-size:.76rem!important}.completion-score{margin-top:20px;gap:10px}.completion-score>strong{font-size:2rem}.completion-score>p{font-size:.82rem;flex:1;min-width:130px}.completion-stats{gap:6px 12px;font-size:.76rem}.completion-actions{align-items:stretch;gap:8px}.completion-actions>a,.completion-actions>form{width:100%}.training-page .has-results .completion-actions .button{width:100%;justify-content:center;font-size:.82rem;padding:12px}.completion-next{padding:12px;align-items:flex-start;flex-direction:column;gap:4px;font-size:.79rem}.completion-next>a{align-self:flex-start}.training-page .has-results .session-results{margin-top:20px;padding-top:18px}.result-list-heading{gap:10px}.result-filters{width:100%}.result-filters button{font-size:.74rem}.has-results .result-word>summary{grid-template-columns:minmax(0,1fr);padding:14px 30px 14px 12px;gap:8px}.has-results .result-word-title>small{font-size:.74rem}.has-results .result-badge{justify-self:start;max-width:100%;font-size:.69rem}.has-results .result-word-details{padding-inline:12px}.training-page .has-results .result-skill{grid-template-columns:1fr;gap:3px;font-size:.77rem}.result-schedule-note{font-size:.69rem!important}.has-results .result-word-details .pronunciations{flex-direction:column;align-items:flex-start}.has-results .result-word-details .pronunciation-variant{width:auto;max-width:100%}.has-results .training-stages{gap:8px;font-size:.7rem}}

.training-page .has-results .completion-date{font-size:.74rem;color:#6b7661;margin:8px 0 0}.has-results .completion-score{margin-top:18px}.has-results .completion-score>p{max-width:none}.has-results .completion-stats{margin-top:12px}.training-page .has-results .completion-repair{margin-top:12px}.has-results .completion-actions{margin-top:18px}.has-results .completion-more{margin-top:0}.result-word-links{display:flex;flex-wrap:wrap;gap:0 18px}
.training-page .has-results .result-word-details .pronunciations{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:16px 0 8px}
.training-page .has-results .result-word-details .pronunciation-variant{display:grid;grid-template-columns:1.5rem max-content minmax(0,1fr);align-items:center;gap:10px;flex:none;width:100%;min-height:44px;padding:0;border:0;border-radius:0;background:transparent}
.training-page .has-results .result-word-details .pronunciation-variant .ipa{line-height:1.4}

.completion-companion{display:flex;align-items:center;gap:20px;margin:24px 0;padding:16px 22px 16px 12px;background:#f1f5e9;border-radius:14px}.training-page .has-results .completion-companion p{font-size:1rem;line-height:1.55;margin:0;max-width:48ch;overflow-wrap:anywhere}.completion-sprite,.completion-artwork{display:block;flex:0 0 104px;width:104px;height:104px;object-fit:contain}.completion-sprite{background-image:url('/assets/companion-reactions-preview-v2.png');background-size:400% 200%;background-repeat:no-repeat;background-position:calc(var(--pose)*100%/3) calc(var(--companion-row)*100%)}.completion-metrics{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin:24px 0 16px}.completion-metrics.single{grid-template-columns:1fr}.completion-metrics>div{border:1px solid #e1e7da;border-radius:12px;padding:18px 22px;display:grid;gap:8px;align-content:start}.completion-metrics strong{font-size:2rem;line-height:1.2;letter-spacing:-.025em;color:#214f3b;font-variant-numeric:lining-nums tabular-nums}.completion-metrics strong small{font-size:1rem;font-weight:400;letter-spacing:0;color:var(--text-secondary)}.completion-metrics span{font-size:.8rem;line-height:1.4;color:#64745a}.training-page .has-results .completion-goal{font-size:.8rem;margin:14px 0;color:#4d6e42}.training-page .has-results .completion-milestone{font-size:.85rem;padding:12px 16px;border:1px solid #dddbbd;background:#fbf9eb;border-radius:10px;margin:16px 0;color:#786e49}.has-results .completion-next{background:transparent;border:0;border-top:1px solid #e4e9df;padding:12px 0;margin-top:18px}.has-results .completion-next strong{display:none}.has-results .completion-next p{font-size:.78rem!important}.training-page .has-results .completion-details p{font-size:.8rem;line-height:1.6}.training-page .has-results .completion-companion .completion-artwork{max-width:104px}
@media(max-width:600px){.completion-companion{padding:12px;gap:12px;margin:20px 0}.completion-sprite,.completion-artwork{flex-basis:76px;width:76px;height:76px}.training-page .has-results .completion-companion p{font-size:.88rem}.completion-metrics{grid-template-columns:1.2fr 1fr;gap:10px;margin-top:20px}.completion-metrics>div{padding:14px 12px}.completion-metrics strong{font-size:1.7rem}.completion-metrics strong small{font-size:.9rem}.completion-metrics span{font-size:.74rem}}