.lesson-training{--training-accent:var(--learning-accent,oklch(74.8% .229 137.6));--training-accent-edge:var(--learning-accent-edge,oklch(62% .19 137.6));--training-accent-ink:var(--learning-accent-ink,oklch(28% .07 137.6));--training-success-ink:oklch(40% .12 135);--training-error-ink:oklch(43% .16 24);--training-surface:var(--bg-card,#fff);--training-ink:var(--text-main,#2c2f34);--training-muted:var(--text-meta,#666);--training-line:color-mix(in srgb, var(--training-ink) 18%, var(--training-surface));--training-control-line:color-mix(in srgb, var(--training-ink) 55%, var(--training-surface));--training-soft:color-mix(in srgb, var(--training-ink) 7%, var(--training-surface));--training-selected:var(--learning-selected,oklch(47% .18 253));--training-selected-bg:color-mix(in srgb, var(--training-selected) 9%, var(--training-surface));--training-success-bg:color-mix(in srgb, var(--training-accent) 24%, var(--training-surface));--training-error-bg:color-mix(in srgb, var(--color-error,#dc3545) 10%, var(--training-surface));--training-title-size:clamp(1.25rem, 2.5vw, 1.75rem);min-inline-size:0;margin-block:var(--lesson-section-gap,2rem);padding:clamp(1rem,3vw,2rem);border:2px solid var(--training-line);border-block-start:5px solid var(--training-accent);border-radius:var(--learning-radius,1.5rem);background:var(--training-surface);color:var(--training-ink);font-family:var(--font-family-arabic,var(--font-family-base,system-ui));overflow-wrap:anywhere;padding-inline:min(5%,2rem);font-size:1rem;line-height:1.7;display:block}.lesson-training *,.lesson-training :before,.lesson-training :after{box-sizing:border-box}.lesson-training [hidden]{display:none}.lesson-training bdi:not([lang=ar]){font-family:var(--font-family-foreign,var(--font-family-base,system-ui))}.lesson-training__summary{min-inline-size:0}.lesson-training__eyebrow{color:var(--training-success-ink);margin:0 0 .5rem;font-size:.875rem;font-weight:700}.lesson-training__title{color:var(--training-ink);font-size:var(--training-title-size);margin:0 0 .75rem;line-height:1.45}.lesson-training__intro{max-inline-size:60ch;color:var(--training-muted);margin:0 0 .75rem}.lesson-training__count{background:var(--training-soft);color:var(--training-ink);border-radius:2rem;margin:0;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.lesson-training__button{border:2px solid var(--training-accent);border-block-end:5px solid var(--training-accent-edge);border-radius:var(--learning-control-radius,1rem);background:var(--training-accent);min-block-size:3.25rem;min-inline-size:min(3rem,100%);max-inline-size:100%;color:var(--training-accent-ink);font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;padding-inline:min(1.4rem,5%);font-size:1.125rem;font-weight:750;line-height:1.5;display:inline-flex}.lesson-training__button--secondary{border-color:var(--training-control-line);background:var(--training-surface);color:var(--training-ink);font-weight:500}.lesson-training__button:disabled{border-color:var(--training-line);background:var(--training-soft);color:var(--training-muted);cursor:default}.lesson-training__button:not(:disabled):active{border-block-end-width:3px;transform:translateY(2px)}.lesson-training :is(button,input,summary):focus-visible{outline:3px solid var(--training-selected);outline-offset:4px}.lesson-training__choice:focus-within{outline:3px solid var(--training-selected);outline-offset:4px}.lesson-training__launch{inline-size:min(100%,20rem);margin-block-start:1.25rem;display:flex}.lesson-training__session{inline-size:100%;min-inline-size:0;container:training-session/inline-size}.lesson-training__header{flex-wrap:wrap;align-items:center;gap:clamp(.5rem,2vw,1.25rem);padding-block:.5rem;display:flex}.lesson-training__close{min-block-size:3rem;min-inline-size:0;color:var(--training-muted);background:0 0;border:0;border-radius:.75rem;flex:0 3rem;padding:0}.lesson-training__close-mark{block-size:1.5rem;inline-size:1.5rem;display:block;position:relative}.lesson-training__close-mark:before,.lesson-training__close-mark:after{content:"";background:currentColor;border-radius:1rem;block-size:100%;inline-size:.2rem;margin:auto;position:absolute;inset:0}.lesson-training__close-mark:before{transform:rotate(45deg)}.lesson-training__close-mark:after{transform:rotate(-45deg)}.lesson-training__track{appearance:none;background:var(--training-soft);border:0;border-radius:2rem;flex:3rem;block-size:1rem;inline-size:0;overflow:clip}.lesson-training__track::-webkit-progress-bar{background:var(--training-soft);border-radius:2rem}.lesson-training__track::-webkit-progress-value{background:linear-gradient(180deg, color-mix(in srgb, var(--training-accent) 75%, white), var(--training-accent) 50%);border-radius:2rem}.lesson-training__track::-moz-progress-bar{background:var(--training-accent);border-radius:2rem}.lesson-training__progress{max-inline-size:100%;color:var(--training-muted);flex:none;margin:0;font-size:.875rem;font-weight:700}.lesson-training__stage{min-inline-size:0}.lesson-training__mode{color:var(--training-selected);font-size:.75rem;font-weight:500;display:block}.lesson-training__question-body{flex-direction:column;inline-size:min(100%,46rem);margin-inline:auto;padding-block:1.5rem 2rem;display:flex}.lesson-training__prompt{color:var(--training-ink);text-wrap:pretty;margin:0 0 1.75rem;font-size:clamp(1.375rem,2.3vw,2rem);font-weight:750;line-height:1.55}.lesson-training__answers{min-inline-size:0}.lesson-training__choices{border:0;gap:.875rem;min-inline-size:0;margin:0;padding:0;display:grid}.lesson-training__choice{border:2px solid var(--training-control-line);background:var(--training-surface);min-block-size:4rem;min-inline-size:0;color:var(--training-ink);text-align:center;cursor:pointer;touch-action:manipulation;border-block-end-width:5px;border-radius:1.125rem;justify-content:center;align-items:center;margin:0;padding:.875rem 1.25rem;padding-inline:min(1.25rem,5%);font-size:1.125rem;line-height:1.5;display:flex;position:relative}.lesson-training__choice input{z-index:1;opacity:0;block-size:100%;inline-size:100%;cursor:inherit;margin:0;padding:0;position:absolute;inset:0}.lesson-training__choice input[type=radio]:disabled{opacity:0}.lesson-training__button[aria-pressed=true],.lesson-training__button[data-paired=true]{border-color:var(--training-selected);background:var(--training-selected-bg);color:var(--training-selected)}.lesson-training__choice:has(input:checked){border-color:var(--training-selected);background:var(--training-selected-bg);color:var(--training-selected)}.lesson-training__answers .lesson-training__choice[data-answer=correct],.lesson-training__button[data-answer=correct]{border-color:var(--training-accent-edge);background:var(--training-success-bg);color:var(--training-success-ink)}.lesson-training__answers .lesson-training__choice[data-answer=wrong],.lesson-training__button[data-answer=wrong]{border-color:var(--training-error-ink);background:var(--training-error-bg);color:var(--training-error-ink)}.lesson-training__answers .lesson-training__choice[data-answer=muted]{color:var(--training-muted);background:var(--training-soft);cursor:default}.lesson-training__sentence{border:2px solid var(--training-line);text-align:center;border-radius:1.25rem;margin:0 0 1.5rem;padding:1.25rem;font-size:1.25rem;line-height:1.9}.lesson-training__blank{border-block-end:2px solid var(--training-selected);min-inline-size:3ch;color:var(--training-selected);text-align:center;padding-inline:.25rem;display:inline-block}.lesson-training__instruction{color:var(--training-muted);margin:0 0 1.25rem;font-size:.9375rem}.lesson-training__pieces{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-block:1.75rem 0;display:flex}.lesson-training__pieces .lesson-training__button{min-block-size:3.25rem;padding-inline:min(.875rem,5%);font-size:1.125rem}.lesson-training__pieces--answer{border-block-end:2px solid var(--training-line);background:repeating-linear-gradient(transparent 0, transparent 3.9rem, var(--training-line) 3.9rem, var(--training-line) 4rem);place-content:start;min-block-size:8.5rem;margin-block:0;padding-block:.5rem 1rem}.lesson-training__pieces [data-training-token]:disabled{background:var(--training-line);color:transparent}.lesson-training__pieces [data-training-token]:disabled bdi{visibility:hidden}.lesson-training__pieces--answer .lesson-training__button:disabled{border-color:var(--training-line);background:var(--training-surface);color:var(--training-ink)}.lesson-training__answers[data-result=correct] .lesson-training__pieces--answer{border-color:var(--training-accent-edge)}.lesson-training__answers[data-result=wrong] .lesson-training__pieces--answer{border-color:var(--training-error-ink)}.lesson-training__matches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lesson-training__match-side{grid-auto-rows:1fr;gap:.75rem;min-inline-size:0;display:grid}.lesson-training__match-side .lesson-training__button{min-block-size:4rem;inline-size:100%;min-inline-size:0;padding:.875rem 1rem;padding-inline:min(1rem,10%);font-size:1.0625rem;position:relative}.lesson-training__match-side .lesson-training__button:disabled:not([data-answer]){border-color:var(--training-line);background:var(--training-surface);color:var(--training-ink)}:where(.lesson-training__match-side) .lesson-training__button[aria-pressed=true]:disabled:not([data-answer]){border-color:var(--training-selected);background:var(--training-selected-bg);color:var(--training-selected)}.lesson-training__pair-index:not(:empty){background:var(--training-selected);color:#fff;border-radius:.4rem;place-items:center;block-size:1.4rem;min-inline-size:1.4rem;padding-inline:.25rem;font-size:.75rem;font-weight:700;display:grid;position:absolute;inset-block-start:-.5rem;inset-inline-start:.5rem}.lesson-training__dock{border-block-start:2px solid var(--training-line);background:var(--training-surface);border-radius:0 0 1rem 1rem;padding:1.25rem;padding-inline:min(1.25rem,5%)}.lesson-training__dock[data-result=correct]{border-color:var(--training-success-bg);background:var(--training-success-bg)}.lesson-training__dock[data-result=wrong]{border-color:var(--training-error-bg);background:var(--training-error-bg)}.lesson-training__actions{flex-wrap:wrap;justify-content:end;gap:.75rem;inline-size:min(100%,46rem);margin-inline:auto;display:flex}.lesson-training__actions>.lesson-training__button{inline-size:100%}.lesson-training__feedback:not(:empty){inline-size:min(100%,46rem);margin:0 auto 1rem}.lesson-training__feedback-title{align-items:center;gap:.75rem;font-size:1.375rem;line-height:1.5;display:flex}.lesson-training__feedback-mark{background:var(--training-success-ink);block-size:2rem;color:var(--training-surface);border-radius:50%;flex:0 0 2rem;place-items:center;font-size:1.5rem;display:grid}.lesson-training__dock[data-result=correct] .lesson-training__feedback-title{color:var(--training-success-ink)}.lesson-training__dock[data-result=wrong] .lesson-training__feedback-title{color:var(--training-error-ink)}.lesson-training__dock[data-result=wrong] .lesson-training__feedback-mark{background:var(--training-error-ink)}.lesson-training__explanation{margin:.5rem 0;font-size:1rem;line-height:1.7}.lesson-training__answer-details summary,.lesson-training__hint summary{cursor:pointer;min-block-size:2.75rem;padding-block:.5rem;font-size:.9375rem;font-weight:600}.lesson-training__solution>strong{display:none}.lesson-training__solution p{margin-block:.4rem}.lesson-training__hint{color:var(--training-muted);margin-block:-1.25rem 1.25rem}.lesson-training__results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;max-inline-size:42rem;margin-inline:auto;padding:2rem 1.5rem;padding-inline:min(1.5rem,5%);display:flex}.lesson-training__result-mark{aspect-ratio:1;border:3px solid var(--training-accent-edge);background:var(--training-success-bg);inline-size:min(5rem,100%);color:var(--training-success-ink);border-radius:50%;place-items:center;margin-block-end:1rem;font-size:3rem;display:grid}.lesson-training__results .lesson-training__prompt,.lesson-training__score-label,.lesson-training__score,.lesson-training__percentage{margin:0}.lesson-training__score-label,.lesson-training__percentage{color:var(--training-muted)}.lesson-training__score{color:var(--training-success-ink);direction:ltr;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.3}.lesson-training-editor textarea{box-sizing:border-box;inline-size:100%;font-family:var(--font-family-mono,monospace);font-size:1rem}.lesson-training-editor__actions{flex-wrap:wrap;gap:.5rem;display:flex}.lesson-training-editor__preview-label{font-weight:700}#poststuff .lesson-training__title{font-size:var(--training-title-size);margin:0 0 .75rem;padding:0;font-weight:700;line-height:1.45}@container training-session (width>=44rem){.lesson-training__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-training__choice{min-block-size:5.5rem;font-size:1.25rem}.lesson-training__matches{gap:1.25rem}.lesson-training__match-side{gap:1rem}.lesson-training__match-side .lesson-training__button{min-block-size:4.75rem;font-size:1.25rem}.lesson-training__actions>.lesson-training__button{inline-size:auto;min-inline-size:13rem}}@media (hover:hover) and (pointer:fine){.lesson-training__button--secondary:not(:disabled):where(:not(:is([aria-pressed=true],[data-paired=true]))):hover{background:var(--training-soft)}.lesson-training__choice:not(:has(input:disabled,input:checked)):hover{background:var(--training-soft)}.lesson-training__button:not(.lesson-training__button--secondary):not(:disabled):hover{background:color-mix(in srgb, var(--training-accent) 90%, white)}}@media (prefers-reduced-motion:no-preference){.lesson-training__button{transition:transform .1s ease-out,background-color .12s ease-out}}@media (forced-colors:active){.lesson-training__button,.lesson-training__choice{border-color:buttontext}.lesson-training__button[aria-pressed=true]{outline-offset:2px;outline:3px solid highlight}.lesson-training__choice:has(input:checked){outline-offset:2px;outline:3px solid highlight}.lesson-training__choice input{opacity:1;block-size:auto;inline-size:auto;margin-inline-end:.5rem;position:static}.lesson-training__choice input[type=radio]:disabled{opacity:1;block-size:auto;inline-size:auto;margin-inline-end:.5rem;position:static}}.lesson-training-editor__field{border:1px solid #c3c4c7;min-inline-size:0;margin-block:1rem 2rem;padding:1rem}.lesson-training-editor__field legend{padding-inline:.5rem;font-weight:700}.lesson-training__saved-result,.lesson-training__recovery{color:var(--training-ink);margin-block:.75rem}