exercise-blanks,exercise-scs,exercise-typed-cards,exercise-flip-cards{display:block}.ex-card{position:relative;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:26px 16px 24px;overflow:hidden}.ex-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--color-coral)}@media(min-width:640px){.ex-card{padding:32px 28px}}.ex-head{position:relative}.ex-dots-deco{position:absolute;top:2px;right:0;display:flex;gap:6px}.ex-dots-deco i{width:10px;height:10px;border-radius:999px}.ex-dots-deco i:nth-child(1){background:var(--color-sky)}.ex-dots-deco i:nth-child(2){background:var(--color-yellow)}.ex-dots-deco i:nth-child(3){background:var(--color-coral)}.ex-eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-coral);margin:0 0 8px}.ex-intro{font-size:17px;font-weight:400;color:var(--color-ink);margin:0 0 20px}.ex-list{list-style:none;margin:0;padding:0}.ex-sentence{font-size:17px;line-height:2.2;color:var(--color-ink);padding:6px 0;counter-increment:ex-sentence}.ex-sentence:before{content:counter(ex-sentence) ". ";color:var(--color-muted);font-size:14px}.ex-gap{display:inline-flex;align-items:center;position:relative}.ex-input{font:inherit;font-size:16px;color:var(--color-ink);min-height:48px;padding:4px 10px;border:0;border-bottom:2px solid var(--color-sky);border-radius:6px 6px 0 0;background:var(--color-bg-alt);text-align:center}.ex-input:focus{outline:2px solid var(--color-sky);outline-offset:1px}.ex-gap.is-correct .ex-input{border-bottom-color:var(--color-mint);background:color-mix(in srgb,var(--color-mint) 14%,#fff)}.ex-gap.is-wrong .ex-input{border-bottom-color:var(--color-coral);background:color-mix(in srgb,var(--color-coral) 10%,#fff)}.ex-gap__mark{position:absolute;right:2px;top:2px;font-size:11px;line-height:1}.ex-gap.is-correct .ex-gap__mark:before{content:"✓";color:var(--color-mint)}.ex-gap.is-wrong .ex-gap__mark:before{content:"✗";color:var(--color-coral)}.ex-gap__fix{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-sky) 18%,#fff);color:var(--color-ink);font-size:14px;line-height:1.8}.ex-question{padding:4px 0}.is-hydrated .ex-question{display:none}.is-hydrated .ex-question.is-active{display:block}.ex-fieldset{border:0;margin:0;padding:0}.ex-question__count{display:block;font-size:13px;font-weight:600;color:var(--color-sky);margin-bottom:4px}.ex-question__text{display:block;font-size:17px;color:var(--color-ink);margin-bottom:14px}.ex-options{display:grid;gap:10px}.ex-option{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1.5px solid var(--color-line);border-radius:var(--radius-card);font-size:16px;color:var(--color-ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.ex-option:hover{border-color:var(--color-sky)}.ex-option.is-correct{border-color:var(--color-mint);background:color-mix(in srgb,var(--color-mint) 14%,#fff)}.ex-option.is-wrong{border-color:var(--color-coral);background:color-mix(in srgb,var(--color-coral) 10%,#fff)}.ex-option.is-revealed{border-color:var(--color-sky);background:color-mix(in srgb,var(--color-sky) 16%,#fff)}.ex-dots{display:flex;gap:8px;margin-bottom:16px}.ex-dots span{width:11px;height:11px;border-radius:999px;background:var(--color-line);transition:background .15s ease}.ex-dots span.is-current{background:var(--color-sky)}.ex-dots span.is-right{background:var(--color-mint)}.ex-dots span.is-missed{background:var(--color-coral)}.is-hydrated .ex-tcard,.is-hydrated .ex-fcard{display:none}.is-hydrated .ex-tcard.is-active,.is-hydrated .ex-fcard.is-active{display:block}.ex-tcard,.ex-fcard{padding:12px 0;text-align:center}.ex-tcard__img,.ex-fcard__img{display:block;margin:0 auto 12px;max-width:100%;height:auto;border-radius:var(--radius-card)}.ex-tcard__prompt,.ex-fcard__front{font-size:18px;font-weight:600;color:var(--color-ink);margin:0 0 12px}.ex-tcard__row{display:inline-flex;position:relative}.ex-tcard__row .ex-input{width:min(260px,70vw)}.ex-tcard__fix{min-height:1.8em;margin:8px 0 0;font-size:15px;color:var(--color-ink)}.ex-tcard__fix strong{padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--color-sky) 18%,#fff);font-weight:600}.ex-fcard__back{margin-top:4px}.ex-fcard__back>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:var(--radius-btn);border:1.5px solid var(--color-coral);color:var(--color-coral);font-size:14px;font-weight:600;cursor:pointer}.ex-fcard__back>summary::-webkit-details-marker{display:none}.is-hydrated .ex-fcard__back>summary{display:none}.ex-fcard__answer{font-size:18px;color:var(--color-ink);margin:12px 0 0}.is-hydrated .ex-fcard__back[open] .ex-fcard__answer{animation:ex-reveal .3s ease}@keyframes ex-reveal{0%{opacity:0;transform:rotateX(70deg)}to{opacity:1;transform:rotateX(0)}}@media(prefers-reduced-motion:reduce){.is-hydrated .ex-fcard__back[open] .ex-fcard__answer{animation:none}}.ex-progress-text{font-size:13px;font-weight:600;color:var(--color-muted);text-align:right;margin:0 0 8px}.ex-chars{display:flex;gap:8px;margin:14px 0 0}.ex-chars button{min-width:48px;min-height:48px;border:1px solid var(--color-line);border-radius:var(--radius-btn);background:#fff;font-size:18px;color:var(--color-ink);box-shadow:var(--shadow-btn);cursor:pointer}.ex-chars button[aria-pressed=true]{border-color:var(--color-sky);background:color-mix(in srgb,var(--color-sky) 16%,#fff)}.ex-result{min-height:1.8em;margin:16px 0 0;font-size:15px;font-weight:600;color:var(--color-ink)}.ex-scorebar{height:10px;border-radius:999px;background:var(--color-bg-alt);border:1px solid var(--color-line);margin-top:10px;overflow:hidden}.ex-scorebar>div{height:100%;width:0;border-radius:999px;background:var(--color-coral);transition:width .3s ease}.ex-scorebar>div.is-full{background:var(--color-mint)}.ex-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ex-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:0;border-radius:var(--radius-btn);background:var(--color-coral);color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;box-shadow:var(--shadow-btn);transition:background .15s ease,transform .08s ease;flex:1 1 100%}@media(min-width:640px){.ex-btn{flex:0 0 auto}}.ex-btn:hover{background:var(--color-coral-dark)}.ex-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.ex-btn:active{transform:translateY(1px)}.ex-btn--ghost{background:transparent;border:1.5px solid var(--color-coral);color:var(--color-coral)}.ex-btn--ghost:hover{background:var(--color-coral);color:#fff}.ex-btn--nav{flex:0 0 auto;min-width:48px;padding:12px}.ex-solutions{margin-top:20px;border-top:1px solid var(--color-line);padding-top:14px}.ex-solutions>summary{font-size:14px;font-weight:600;color:var(--color-sky);cursor:pointer}.ex-solutions ol{margin:10px 0 0;padding-left:22px;font-size:15px;color:var(--color-body)}.ex-solutions strong{color:var(--color-ink)}.is-hydrated .ex-solutions{display:none}.ex-summary{text-align:center;padding:12px 0}.ex-summary p{font-size:18px;font-weight:600;color:var(--color-ink);margin:0 0 16px}