.comprehension-body{background:#f4f1e7;height:100dvh;overflow:hidden}html[data-comprehension-access=checking] .comprehension-body{visibility:hidden}.comprehension-app{height:100%;min-height:0;color:var(--reading-ink);background:radial-gradient(circle at 50% -140px,#eec5692e,#0000 420px),#f4f1e7;flex-direction:column;display:flex}.comprehension-bar{z-index:20;align-items:center;gap:var(--space-4);border-bottom:var(--border-width) solid var(--border);backdrop-filter:blur(10px);background:#ffffffe0;flex:0 0 64px;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);padding:0 clamp(18px,3vw,38px);display:grid}.comprehension-bar__back{width:fit-content;min-height:44px;color:var(--n-600);font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:7px;display:inline-flex}.comprehension-bar__back:hover{color:var(--primary);text-decoration:none}.comprehension-bar__title{white-space:nowrap;justify-content:center;align-items:baseline;gap:7px;min-width:0;display:flex}.comprehension-bar__title span{color:var(--n-500);font-size:var(--text-xs);font-weight:var(--weight-medium)}.comprehension-bar__title strong{color:var(--primary);font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;overflow:hidden}.comprehension-bar__library{color:#fff;width:38px;height:38px;font-family:var(--font-serif);font-size:11px;font-weight:var(--weight-bold);border-radius:var(--radius-md);background:var(--primary);justify-self:end;place-items:center;display:grid}.comprehension-bar__library:hover{color:#fff;background:var(--blue-800);text-decoration:none}.comprehension-main{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;min-height:0;overflow-y:auto}.quiz{flex-direction:column;min-height:100%;display:flex}.quiz__status{z-index:10;justify-content:center;align-items:center;gap:var(--space-4);color:var(--n-600);border-bottom:var(--border-width) solid #00304914;backdrop-filter:blur(8px);background:#f4f1e7f0;flex:0 0 46px;grid-template-columns:auto minmax(120px,1fr) auto;padding:0 clamp(18px,3vw,38px);display:grid;position:sticky;top:0}.quiz__status p{font-size:var(--text-xs);white-space:nowrap}.quiz__status strong{color:var(--primary)}.quiz__instruction{color:var(--n-500);justify-self:end}.quiz__progress{border-radius:var(--radius-full);background:#0030491a;height:5px;overflow:hidden}.quiz__progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .26s var(--ease-out);display:block}.quiz__questions{flex:1 0 auto;min-height:calc(100dvh - 110px);padding:clamp(16px,2.6vh,28px) clamp(14px,3vw,38px);display:flex}.quiz__questions[hidden]{display:none}.quiz-question,.quiz-complete{border:var(--border-width) solid var(--border);background:#fffffff5;border-radius:20px;width:min(100%,1080px);margin:auto;padding:clamp(24px,3.4vw,38px);box-shadow:0 14px 42px #00304914}.quiz-question{grid-template-columns:minmax(0,760px);justify-content:center;align-items:start;gap:0;display:grid}.quiz-question[hidden],.quiz-complete[hidden]{display:none}.quiz-question__head{grid-column:1/-1}.quiz-question__head>p{color:var(--tangerine-800);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;display:flex}.quiz-question__head>p span:last-child{color:var(--n-500)}.quiz-question__head h2{max-width:850px;color:var(--primary);font-family:var(--font-serif);text-wrap:balance;font-size:clamp(1.55rem,2.8vw,2rem);line-height:1.18}.quiz-question__head h2:focus{outline:0}.quiz-options{border:0;gap:9px;margin-top:22px;padding:0;display:grid}.quiz-option{min-height:54px;color:var(--reading-ink);border:var(--border-width) solid #d9dfe1;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast);background:#fff;border-radius:11px;grid-template-columns:32px 1fr 22px;align-items:center;gap:11px;padding:9px 13px;display:grid}.quiz-option:hover{border-color:var(--blue-300);background:var(--blue-50);transform:translateY(-1px)}.quiz-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #0077b62e}.quiz-option:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.quiz-option input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.quiz-option__letter{width:30px;height:30px;color:var(--n-600);font-size:11px;font-weight:var(--weight-bold);border:var(--border-width) solid var(--border);border-radius:var(--radius-full);background:var(--paper-50);place-items:center;display:grid}.quiz-option__text{font-size:15px;line-height:1.35}.quiz-option__mark{border-radius:var(--radius-full);place-items:center;width:22px;height:22px;display:grid}.quiz-option.is-correct{background:#eff8f1;border-color:#4f8664;box-shadow:inset 0 0 0 1px #4f8664}.quiz-option.is-correct .quiz-option__letter,.quiz-option.is-correct .quiz-option__mark{color:#fff;background:#397550;border-color:#397550}.quiz-option.is-correct .quiz-option__mark:before{content:"✓";font-weight:700}.quiz-option.is-wrong{background:#fff3f1;border-color:#bd6b61}.quiz-option.is-wrong .quiz-option__mark{color:#fff;background:#a8463d}.quiz-option.is-wrong .quiz-option__mark:before{content:"×";font-size:18px;line-height:1}.quiz-written{margin-top:22px}.quiz-written label{color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:7px;display:block}.quiz-written textarea{resize:vertical;width:100%;min-height:132px;color:var(--reading-ink);font:inherit;border:var(--border-width) solid var(--input);background:#fff;border-radius:11px;padding:13px 14px;font-size:15px;line-height:1.55}.quiz-written textarea:focus{border-color:var(--blue-500);outline:3px solid #0077b629}.quiz-written textarea[readonly]{color:var(--n-600);background:var(--paper-100)}.quiz-written>p{color:var(--n-500);margin-top:7px;font-size:11px}.quiz-question__check{width:fit-content;min-height:44px;margin-top:18px}.quiz-question__check[hidden]{display:none}.quiz-question__prompt{color:#8e2d27;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-top:12px}.quiz-feedback{background:#f4f8fa;border:0;border-radius:14px;outline:0;gap:17px;margin:0;padding:18px;display:grid}.quiz-feedback:focus-visible{box-shadow:none}.quiz-feedback[hidden]{display:none}.quiz-question[data-result]{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);column-gap:clamp(26px,4vw,48px)}.quiz-question[data-result] .quiz-question__head{margin-bottom:20px}.quiz-question[data-result] .quiz-options,.quiz-question[data-result] .quiz-written{grid-column:1;margin-top:0}.quiz-question[data-result] .quiz-question__prompt,.quiz-question[data-result] .quiz-question__check{grid-column:1}.quiz-question[data-result] .quiz-feedback{grid-area:2/2/span 4}.quiz-feedback__banner{align-items:center;gap:10px;display:flex}.quiz-feedback__icon{color:#fff;border-radius:var(--radius-full);background:#397550;flex:none;place-items:center;width:28px;height:28px;display:grid}.quiz-feedback__icon:before{content:"✓";font-weight:var(--weight-bold)}.quiz-feedback__state{color:#2f6544;font-size:var(--text-sm);font-weight:var(--weight-bold)}.quiz-question[data-result=incorrect] .quiz-feedback,.quiz-question[data-result=dictation_incorrect] .quiz-feedback{background:#fff8f5}.quiz-question[data-result=incorrect] .quiz-feedback__icon,.quiz-question[data-result=dictation_incorrect] .quiz-feedback__icon{background:#a8463d}.quiz-question[data-result=incorrect] .quiz-feedback__icon:before,.quiz-question[data-result=dictation_incorrect] .quiz-feedback__icon:before{content:"×";font-size:19px}.quiz-question[data-result=incorrect] .quiz-feedback__state,.quiz-question[data-result=dictation_incorrect] .quiz-feedback__state{color:#963a32}.quiz-question[data-result=written] .quiz-feedback{background:#f7f5ed}.quiz-question[data-result=written] .quiz-feedback__icon{background:var(--gold-700)}.quiz-question[data-result=written] .quiz-feedback__icon:before{content:"≋"}.quiz-question[data-result=written] .quiz-feedback__state{color:var(--primary)}.quiz-question__help{color:var(--n-500);font-size:var(--text-sm);margin-top:7px}.quiz-audio{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--blue-50);grid-template-columns:auto 1fr auto;min-height:66px;margin-top:20px;padding:10px 12px;display:grid}.quiz-audio audio{display:none}.quiz-audio__play{color:#fff;min-height:44px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);background:var(--primary);cursor:pointer;border:0;align-items:center;gap:9px;padding:7px 14px 7px 8px;display:inline-flex}.quiz-audio__play:hover{background:var(--blue-800)}.quiz-audio__icon{border-radius:var(--radius-full);background:#ffffff24;place-items:center;width:32px;height:32px;display:grid}.quiz-audio__body{gap:7px;min-width:0;display:grid}.quiz-audio__body>p{color:var(--n-500);font-size:var(--text-sm)}.quiz-audio__timeline{grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:9px;display:grid}.quiz-audio__timeline [role=progressbar]{border-radius:var(--radius-full);background:#0030491f;height:5px;overflow:hidden}.quiz-audio__timeline [role=progressbar]>span{border-radius:inherit;background:var(--accent);width:0;height:100%;display:block}.quiz-audio__timeline>span{color:var(--n-500);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.quiz-audio__speed{min-width:48px;min-height:40px;color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:var(--border-width) solid var(--blue-100);border-radius:var(--radius-md);cursor:pointer;background:#ffffffb8;padding:6px 9px}.quiz-dictation{margin-top:18px}.quiz-dictation label{color:var(--primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:7px;display:block}.quiz-dictation textarea{resize:vertical;width:100%;min-height:92px;color:var(--reading-ink);font:inherit;font-size:var(--text-md);border:var(--border-width) solid var(--input);border-radius:var(--radius-lg);background:#fff;padding:12px 13px;line-height:1.5}.quiz-dictation textarea:focus{border-color:var(--blue-600);box-shadow:var(--shadow-focus);outline:0}.quiz-dictation textarea[readonly]{color:var(--n-600);background:var(--paper-50)}.quiz-characters{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.quiz-characters button{min-width:31px;min-height:31px;color:var(--primary);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);background:var(--n-50);cursor:pointer;padding:3px 7px}.quiz-characters button:hover{border-color:var(--blue-300);background:var(--blue-50)}.quiz-characters button:disabled{opacity:.45;cursor:default}.quiz-dictation-feedback{gap:8px;display:grid}.quiz-dictation-feedback>p{color:var(--n-500);font-size:var(--text-xs)}.quiz-diff{border-radius:var(--radius-md);background:#ffffffc7;flex-wrap:wrap;gap:5px;padding:10px;display:flex}.quiz-diff__token{color:var(--reading-ink);background:#edf6ef;border-radius:5px;padding:3px 5px}.quiz-diff__token--accent,.quiz-diff__token--omission{background:#fff3cc}.quiz-diff__token--ajout,.quiz-diff__token--substitution{background:#fff0ee}.quiz-diff__token--substitution s{color:#9b4038}.quiz-diff__token--substitution strong{color:#2f6544;text-decoration:none}@media (width<=680px){.quiz-audio{grid-template-columns:auto 1fr auto;padding:8px}.quiz-audio__play{padding-right:12px}.quiz-audio__body>p{font-size:11px}}@media (width<=380px){.quiz-audio__body>p{display:none}.quiz-audio{grid-template-columns:auto minmax(54px,1fr) auto}.quiz-audio__play{justify-content:flex-start}.quiz-audio__timeline{grid-template-columns:1fr}.quiz-audio__timeline>span{display:none}.quiz-characters button{min-width:29px;min-height:29px}}.quiz-feedback__label{color:var(--n-500);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}.quiz-feedback__explanation>p:last-child,.quiz-feedback__criteria{color:var(--n-700);font-size:14px;line-height:1.55}.quiz-feedback__criteria{padding-top:0}.quiz-feedback__criteria ul{gap:7px;margin:8px 0 0 18px;display:grid}.quiz-feedback__criteria details{margin-top:14px;padding-top:0}.quiz-feedback__criteria summary{color:var(--primary);font-weight:var(--weight-semibold);cursor:pointer}.quiz-feedback__criteria details p{margin-top:10px}.quiz-feedback__proof{padding-top:0}.quiz-feedback__proof blockquote{color:var(--primary);font-family:var(--font-serif);margin:0;font-size:16px;font-style:italic;line-height:1.45}.quiz-evidence{background:#ffffffb8;border-radius:10px;margin-top:13px}.quiz-evidence summary{min-height:38px;color:var(--primary);font-size:12px;font-weight:var(--weight-semibold);border-radius:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.quiz-evidence summary:hover{background:#0077b60d}.quiz-evidence summary:focus-visible{outline-offset:2px;outline:3px solid #0077b629}.quiz-evidence summary::marker{color:var(--gold-700)}.quiz-evidence summary span:last-child{color:var(--n-500);font-size:10px;font-weight:var(--weight-medium);white-space:nowrap}.quiz-evidence__passages{gap:10px;padding:2px 10px 12px;display:grid}.quiz-evidence__passages p{color:var(--n-700);font-family:var(--font-serif);grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.5;display:grid}.quiz-evidence__number{color:var(--gold-700);font-family:var(--font-sans);font-size:9px;font-weight:var(--weight-bold);padding-top:2px}.quiz-feedback__proof-link{color:var(--blue-700);font-size:12px;font-weight:var(--weight-semibold);align-items:center;gap:4px;margin-top:10px;display:inline-flex}.quiz-feedback__proof-link:hover{color:var(--primary);gap:7px;text-decoration:none}.quiz-feedback__proof-link svg{transition:transform var(--duration-fast)}.quiz-feedback__proof-link:hover svg{transform:translate(2px)}.quiz-feedback__next{gap:var(--space-2);width:fit-content;min-height:42px}.quiz-complete{text-align:center;outline:0;max-width:720px}.quiz-complete__mark{color:#fff;border-radius:var(--radius-full);background:#397550;place-items:center;width:50px;height:50px;margin:0 auto 15px;display:grid}.quiz-complete h2{max-width:560px;color:var(--primary);margin:8px auto 0;font-size:clamp(1.65rem,3.5vw,2.25rem)}.quiz-complete__score{color:var(--primary);font-size:var(--text-md);margin-top:20px}.quiz-complete__score strong{font-family:var(--font-serif);font-size:3rem;line-height:1;display:block}.quiz-complete>p:not(.label,.quiz-complete__score){max-width:560px;color:var(--n-600);margin:12px auto 0;line-height:1.55}.quiz-complete__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}@media (width<=760px){.comprehension-bar{flex-basis:56px;grid-template-columns:44px minmax(0,1fr) 36px;gap:8px;padding-inline:9px}.comprehension-bar__back{justify-content:center;width:44px}.comprehension-bar__back span{display:none}.comprehension-bar__title{flex-direction:column;align-items:center;gap:0;line-height:1.1}.comprehension-bar__title strong{max-width:66vw;font-size:16px}.comprehension-bar__title span{font-size:10px}.comprehension-bar__library{width:34px;height:34px}.quiz__status{flex-basis:42px;grid-template-columns:auto 1fr;gap:12px;padding-inline:14px}.quiz__instruction{display:none}.quiz__questions{min-height:calc(100dvh - 98px);padding:10px}.quiz-question,.quiz-complete{border-radius:15px;padding:20px 16px}.quiz-question,.quiz-question[data-result]{grid-template-columns:minmax(0,1fr)}.quiz-question__head h2{text-wrap:pretty;font-size:clamp(1.35rem,6.2vw,1.65rem);line-height:1.2}.quiz-options{gap:8px;margin-top:17px}.quiz-option{grid-template-columns:30px 1fr 21px;gap:9px;min-height:51px;padding:8px 10px}.quiz-option__letter{width:28px;height:28px}.quiz-option__text{font-size:14px}.quiz-question__check{justify-content:center;width:100%;margin-top:15px}.quiz-question[data-result] .quiz-question__head{margin-bottom:16px}.quiz-question[data-result] .quiz-options,.quiz-question[data-result] .quiz-written{grid-column:1}.quiz-question[data-result] .quiz-feedback{grid-area:auto/1;margin-top:16px}.quiz-feedback{padding:16px}.quiz-evidence summary{min-height:42px}.quiz-feedback__next{justify-content:center;width:100%}.quiz-complete__actions{flex-direction:column}.quiz-complete__actions .btn{justify-content:center;width:100%}}@media (height<=690px) and (width>=761px){.comprehension-bar{flex-basis:54px}.quiz__status{flex-basis:40px}.quiz__questions{min-height:calc(100dvh - 94px);padding-block:10px}.quiz-question{padding-block:22px}.quiz-question__head h2{font-size:1.55rem}.quiz-options{gap:7px;margin-top:16px}.quiz-option{min-height:48px}}
