/* Practice and flashcard modes for latest-reviewers: shared layout, choices and feedback. */
.qz{--qz-ink:#102a4c;--qz-text:#182230;--qz-muted:#526780;--qz-line:#e4e7ec;--qz-blue:#175cd3;--qz-blue-dark:#134aa8;--qz-soft:#f5f8ff;--qz-ok:#067647;--qz-ok-bg:#ecfdf3;--qz-bad:#b42318;--qz-bad-bg:#fef3f2;--qz-warn-bg:#fffaeb;padding:20px 0 48px}
.qz-wrap{width:min(820px,calc(100% - 32px));margin-inline:auto}
.qz .qz-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none;font-size:.85rem;color:var(--qz-muted)}
.qz .qz-crumbs li+li::before{content:"/";margin-right:6px;color:#98a2b3}
.qz .qz-crumbs a{color:var(--qz-blue);text-decoration:none}
.qz-intro{background:#fff;border:1px solid var(--qz-line);border-radius:12px;box-shadow:0 8px 22px rgba(28,56,88,.06);padding:22px 22px 18px;margin-bottom:16px}
.qz-eyebrow{display:inline-block;margin-bottom:8px;padding:4px 10px;border-radius:999px;background:#eef4ff;border:1px solid #d2e0fb;color:var(--qz-blue);font-size:.78rem;font-weight:700}
.qz-intro p{margin:0;color:var(--qz-muted);line-height:1.6}
.qz-modes{display:inline-flex;gap:4px;margin-top:16px;padding:4px;border:1px solid var(--qz-line);border-radius:10px;background:#f7f8fa}
.qz .qz-mode{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border-radius:7px;color:var(--qz-muted);font-weight:700;font-size:.9rem;text-decoration:none}
.qz .qz-mode:hover{color:var(--qz-blue);background:#fff}
.qz .qz-mode[aria-current="page"]{background:#fff;color:var(--qz-ink);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.qz-ad{min-height:100px;margin:16px 0;background:#fff;border:1px solid var(--qz-line);border-radius:12px;padding:10px;text-align:center}
.qz-ad ins{max-width:100%}

.qz-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:12px 16px;background:#fff;border:1px solid var(--qz-line);border-radius:12px;box-shadow:0 6px 16px rgba(28,56,88,.08)}
.qz-bar__count{flex:none;color:var(--qz-ink);font-weight:750;font-size:.95rem}
.qz-bar__track{flex:1;height:8px;border-radius:999px;background:#eef1f5;overflow:hidden}
.qz-bar__fill{display:block;height:100%;width:0;border-radius:inherit;background:var(--qz-blue);transition:width .25s ease}

.qz-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.qz-q{background:#fff;border:1px solid var(--qz-line);border-radius:12px;padding:20px;scroll-margin-top:84px}
.qz-q.is-missing{border-color:#fdb022;box-shadow:0 0 0 3px #fef0c7}
.qz-q__num{margin:0 0 6px;color:var(--qz-muted);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.qz-q__text{margin:0 0 14px;color:var(--qz-text);font-size:1.05rem;font-weight:650;line-height:1.55}
.qz-q__text img,.qz-choice img{max-width:100%;height:auto}
.qz-q fieldset{margin:0;padding:0;border:0;min-width:0}
.qz-choices{display:grid;gap:8px}
.qz-choice{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:52px;padding:12px 14px;border:1px solid var(--qz-line);border-radius:10px;background:#fff;color:var(--qz-text);line-height:1.45;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.qz-choice:hover{border-color:#84adf4;background:var(--qz-soft)}
.qz-choice input{position:absolute;opacity:0;pointer-events:none}
.qz-choice__letter{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#eef1f5;color:var(--qz-muted);font-size:.85rem;font-weight:800}
.qz-choice__text{flex:1;min-width:0;padding-top:3px;overflow-wrap:anywhere}
.qz-choice:has(input:checked){border-color:var(--qz-blue);background:var(--qz-soft)}
.qz-choice:has(input:checked) .qz-choice__letter{background:var(--qz-blue);color:#fff}
.qz-choice:has(input:focus-visible){outline:3px solid #84adf4;outline-offset:2px}
.qz-choice.is-correct{border-color:#75e0a7;background:var(--qz-ok-bg)}
.qz-choice.is-correct .qz-choice__letter{background:var(--qz-ok);color:#fff}
.qz-choice.is-wrong{border-color:#fda29b;background:var(--qz-bad-bg)}
.qz-choice.is-wrong .qz-choice__letter{background:var(--qz-bad);color:#fff}
.qz-locked .qz-choice{cursor:default}
.qz-locked .qz-choice:not(.is-correct):not(.is-wrong):hover{border-color:var(--qz-line);background:#fff}
.qz-note{margin:12px 0 0;padding:10px 12px;border-radius:8px;font-size:.92rem;line-height:1.5}
.qz-note--ok{background:var(--qz-ok-bg);color:var(--qz-ok)}
.qz-note--bad{background:var(--qz-bad-bg);color:var(--qz-bad)}
.qz-note--warn{background:var(--qz-warn-bg);color:#93370d}

.qz-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.qz .qz-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:10px 18px;border:1px solid var(--qz-blue);border-radius:8px;background:var(--qz-blue);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.qz .qz-btn:hover{background:var(--qz-blue-dark);border-color:var(--qz-blue-dark);color:#fff}
.qz .qz-btn--quiet{background:#fff;color:var(--qz-blue)}
.qz .qz-btn--quiet:hover{background:var(--qz-soft);color:var(--qz-blue-dark)}
.qz .qz-btn[hidden]{display:none}
.qz .qz-btn:focus-visible{outline:3px solid #84adf4;outline-offset:2px}

.qz-result{margin:0 0 16px;padding:20px;background:#fff;border:1px solid var(--qz-line);border-left:4px solid var(--qz-blue);border-radius:12px}
.qz-result[hidden]{display:none}
.qz-result__score{margin:0;color:var(--qz-ink);font-size:2rem;font-weight:800;line-height:1.1}
.qz-result__label{margin:4px 0 0;color:var(--qz-muted)}
.qz-result.is-good{border-left-color:var(--qz-ok)}
.qz-result.is-low{border-left-color:#f79009}
.qz-tally{margin:0;color:var(--qz-muted);font-size:.88rem}
.qz-keys{margin:14px 0 0;color:var(--qz-muted);font-size:.8rem}
.qz-keys kbd{padding:1px 6px;border:1px solid var(--qz-line);border-bottom-width:2px;border-radius:5px;background:#fff;color:var(--qz-text);font:inherit;font-weight:700}

@media (max-width:575.98px){
  .qz-intro,.qz-q,.qz-result{padding:16px}
  .qz-modes{display:flex}
  .qz .qz-mode{flex:1;justify-content:center}
  .qz-q__text{font-size:1rem}
  .qz-bar{border-radius:0;margin-inline:-16px;border-inline:0}
  .qz-actions .qz-btn{flex:1 1 0}
  .qz-keys{display:none}
}
@media (prefers-reduced-motion:reduce){.qz-bar__fill,.qz-choice{transition:none}}
.qz-q legend{display:block;float:none;width:100%;margin:0;padding:0;font-size:inherit;line-height:inherit}
.qz-q__num,.qz-q__text{display:block}
/* Feedback colours must win over the "selected" state once answers are shown. */
.qz-choice.is-correct,.qz-choice.is-correct:has(input:checked){border-color:#75e0a7;background:var(--qz-ok-bg)}
.qz-choice.is-correct .qz-choice__letter,.qz-choice.is-correct:has(input:checked) .qz-choice__letter{background:var(--qz-ok);color:#fff}
.qz-choice.is-wrong,.qz-choice.is-wrong:has(input:checked){border-color:#fda29b;background:var(--qz-bad-bg)}
.qz-choice.is-wrong .qz-choice__letter,.qz-choice.is-wrong:has(input:checked) .qz-choice__letter{background:var(--qz-bad);color:#fff}
.qz-result:focus{outline:none}