/* Scoped overrides preserve the existing unit figure styles. */
body:has(.unit-quiz-app){display:block;margin:0;padding:16px;background:#eef3f8;color:#152b3d;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
#app.unit-quiz-app{display:block;width:100%;max-width:900px;margin:0 auto;overflow:visible;background:transparent;border:0;box-shadow:none;color:#152b3d}
.unit-quiz-app,.unit-quiz-app *{box-sizing:border-box}
.unit-quiz-app [hidden]{display:none!important}
.unit-quiz-app .uq-heading{padding:12px 4px 20px}
.unit-quiz-app h1{font:750 clamp(25px,5vw,34px)/1.2 system-ui;margin:8px 0}
.unit-quiz-app h2{font:700 clamp(20px,4vw,26px)/1.45 system-ui;margin:14px 0}
.unit-quiz-app h3{font:700 18px/1.5 system-ui;margin:12px 0}
.unit-quiz-app p{margin:10px 0}
.unit-quiz-app .uq-eyebrow{font:650 13px/1.5 system-ui;letter-spacing:.03em;color:#4c6378;text-transform:none}
.unit-quiz-app .uq-panel{padding:clamp(18px,4vw,32px);border:1px solid #d6e0ea;border-radius:16px;background:#fff;min-width:0}
.unit-quiz-app a{color:#174f7e;text-decoration:underline;text-underline-offset:3px}
.unit-quiz-app fieldset{padding:12px;border:1px solid #bdcddd;border-radius:10px;min-width:0}
.unit-quiz-app legend{font-weight:700;padding:0 7px}
.unit-quiz-app #uq-modes label{display:flex;align-items:flex-start;gap:12px;padding:14px 10px;cursor:pointer;border-radius:8px}
.unit-quiz-app #uq-modes label:has(:checked){background:#edf5fd;outline:2px solid #1d5286}
.unit-quiz-app #uq-modes input{flex:none;margin:6px 0;width:18px;height:18px;accent-color:#1d5286}
.unit-quiz-app small{display:block;font:15px/1.5 system-ui;color:#4c6378;margin-top:3px}
.unit-quiz-app .uq-name{display:block;font-weight:700;margin-top:20px}
.unit-quiz-app #nm,.unit-quiz-app textarea{display:block;width:100%;max-width:100%;border:1px solid #a8bacb;border-radius:8px;background:#fff;color:#152b3d;padding:12px;font:16px/1.5 system-ui}
.unit-quiz-app textarea{resize:vertical;overflow-wrap:anywhere;font:14px/1.5 ui-monospace,monospace;margin-bottom:12px}
.unit-quiz-app #uq-name-help{font-size:14px;color:#4c6378}
.unit-quiz-app button{font:650 16px/1.5 system-ui;min-height:46px;padding:10px 18px;border:1px solid #174f7e;border-radius:9px;background:#174f7e;color:#fff;cursor:pointer;letter-spacing:normal;text-transform:none;box-shadow:none;transform:none}
.unit-quiz-app button:disabled{cursor:default;opacity:.65}
.unit-quiz-app :is(button,input,textarea,a,summary):focus-visible{outline:3px solid #cb7800;outline-offset:4px}
.unit-quiz-app #qt:focus,.unit-quiz-app #uq-result-title:focus{outline:0}
.unit-quiz-app #opts{display:grid;gap:12px;margin:20px 0;grid-template-columns:1fr}
.unit-quiz-app #opts .opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:15px;background:#fff;color:#152b3d;border:2px solid #bdcddd;font-weight:400;opacity:1;min-width:0;overflow-wrap:anywhere}
.unit-quiz-app #opts .opt.picked{border-color:#1d5286;background:#edf5fd}
.unit-quiz-app #opts .uq-correct{border-color:#227544;background:#e9f6ed}
.unit-quiz-app #opts .uq-incorrect{border-color:#ad3040;background:#fceef0}
.unit-quiz-app .uq-letter{font-weight:750;flex:none}
.unit-quiz-app .uq-listen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0}
.unit-quiz-app .uq-listen select{font:inherit;min-height:44px;padding:6px;border:1px solid currentColor;border-radius:7px}
.unit-quiz-app .uq-listen select:focus-visible{outline:3px solid #cb7800;outline-offset:4px}
.unit-quiz-app #uq-listen-status:not(:empty){flex-basis:100%;font-size:.875rem}
.unit-quiz-app .uq-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0;justify-content:flex-start}
.unit-quiz-app #uq-feedback:empty{display:none}
.unit-quiz-app #uq-feedback{padding:16px;border-left:4px solid #1d5286;background:#f1f6fb}
.unit-quiz-app progress{width:100%;height:10px;accent-color:#1d5286}
.unit-quiz-app #figbox{overflow-x:auto;margin:16px 0}
.unit-quiz-app svg{max-width:100%;height:auto}
.unit-quiz-app .uq-score{display:flex;flex-direction:column;gap:0;background:none;width:auto;height:auto;margin:0 0 18px;border:0;border-radius:0;padding:0}
.unit-quiz-app #pct{font:750 38px/1.2 system-ui}
.unit-quiz-app #frac{font:600 18px/1.5 system-ui}
.unit-quiz-app .review-completion,.unit-quiz-app #uq-original{margin-top:24px;padding:18px;border:1px solid #d6e0ea;border-radius:10px;background:#f6f9fc}
.unit-quiz-app #uq-code-label{font-weight:700}
.unit-quiz-app .uq-answer{margin-top:24px;padding-top:16px;border-top:1px solid #d6e0ea}
.unit-quiz-app .quiz-student{margin:0 0 16px}
@media(prefers-color-scheme:dark){
  body:has(.unit-quiz-app){background:#12141f;color:#e8eaf4;color-scheme:dark}
  #app.unit-quiz-app{color:#e8eaf4;--card:#1b1e2e;--ink:#e8eaf4;--line:#434b65;--surface:#1b1e2e;--surface-2:#232739;--ink-soft:#b7bfd8;--accent:#a9c6ef;--accent-soft:#263b55;--cellfill:#232739;--chrom:#a9c6ef;--chrom2:#7fc4e0}
  .unit-quiz-app .uq-panel{background:#1b1e2e;border-color:#434b65}
  .unit-quiz-app a,.unit-quiz-app .uq-eyebrow{color:#b6d6ff}
  .unit-quiz-app small,.unit-quiz-app #uq-name-help{color:#b7bfd8}
  .unit-quiz-app fieldset{border-color:#68748d}
  .unit-quiz-app #uq-modes label:has(:checked){background:#263b55;outline-color:#a9c6ef}
  .unit-quiz-app #nm,.unit-quiz-app textarea{background:#121a29;color:#e8eaf4;border-color:#68748d}
  .unit-quiz-app button{background:#a9c6ef;color:#12253b;border-color:#a9c6ef}
  .unit-quiz-app #opts .opt{background:#232739;color:#e8eaf4;border-color:#68748d}
  .unit-quiz-app #opts .opt.picked{background:#263b55;border-color:#a9c6ef}
  .unit-quiz-app #opts .uq-correct{background:#173c2a;border-color:#82d5a7}
  .unit-quiz-app #opts .uq-incorrect{background:#49232e;border-color:#f3a2ae}
  .unit-quiz-app #uq-feedback,.unit-quiz-app .review-completion,.unit-quiz-app #uq-original{background:#232739;border-color:#68748d}
  .unit-quiz-app .uq-answer{border-color:#434b65}
}
@media(max-width:480px){body:has(.unit-quiz-app){padding:10px}.unit-quiz-app .uq-actions button{flex:1 1 100%}.unit-quiz-app #uq-modes label{padding:12px 5px}.unit-quiz-app .review-completion,.unit-quiz-app #uq-original{padding:12px}}
@media(prefers-reduced-motion:reduce){.unit-quiz-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}