/* High IQ v3 product layer: richer challenge setup, review, analytics and accessibility. */
.high-iq-shell{--hiq-ink:#f5f1e6;--hiq-panel:#0d2015;--hiq-panel-2:#111c19}
.skip-link{position:fixed;left:16px;top:12px;z-index:9999;transform:translateY(-180%);padding:10px 14px;border-radius:10px;background:#f5f1e6;color:#0b1711;font-weight:900;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.skip-link:focus{transform:translateY(0)}
.high-iq-hero .actions{align-items:center}
.hero-daily-button{border-color:rgba(143,115,216,.5)!important;background:linear-gradient(135deg,rgba(143,115,216,.16),rgba(8,21,14,.35))!important}
.daily-date-note{display:block;margin-top:10px;color:#cfc6e8;font-size:.78rem;font-weight:760}
.quiz-setup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.field select:disabled{opacity:.72;cursor:not-allowed;background:#0a1810}
.data-health{align-items:flex-start}
.data-health-copy{display:grid;gap:3px}
.data-error-detail{max-width:560px;margin:0;color:#e2aaa0;font-size:.76rem;line-height:1.35}
.quiz-scoreboard{grid-template-columns:repeat(4,minmax(0,1fr))}
.question-id-chip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:#bbb1d4}
.source-list li{align-items:flex-start}
.source-copy{display:grid;gap:3px;min-width:0}
.source-copy a{line-height:1.3}
.source-meta{color:#b8b0c8;font-size:.72rem;font-weight:760}
.source-use{color:var(--muted);font-size:.78rem;line-height:1.4}
.result-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0}
.result-metric{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(8,21,14,.46)}
.result-metric span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.result-metric strong{color:#f4efde;font-size:1.2rem}
.result-grid.v3-result-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.result-card.full-width-result{grid-column:1/-1}
.mastery-help{margin:-7px 0 14px!important;font-size:.8rem!important}
.review-shell{display:grid;gap:14px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.review-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.review-heading h3{margin:0}
.review-heading p{margin:5px 0 0;color:var(--muted);max-width:760px}
.missed-review-list{display:grid;gap:14px}
.missed-card{margin:0;padding:19px;border:1px solid rgba(182,109,95,.4);border-radius:18px;background:linear-gradient(145deg,rgba(72,35,31,.28),rgba(9,21,14,.72))}
.missed-card h4{margin:10px 0 14px;font-size:1.05rem;line-height:1.4}
.missed-meta{display:flex;gap:8px;flex-wrap:wrap}
.missed-meta span{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:#cfc8d9;background:rgba(8,21,14,.42);font-size:.7rem;font-weight:800}
.answer-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.answer-comparison p{margin:0;padding:12px 13px;border-radius:12px;background:rgba(8,21,14,.48);color:#dfe7e0}
.answer-comparison p:first-child{border-left:3px solid var(--hiq-red)}
.answer-comparison p:last-child{border-left:3px solid var(--hiq-green)}
.missed-explanation{margin:14px 0 0!important;color:#ebefeb!important}
.missed-context{margin:10px 0 0!important;padding:11px 13px;border-radius:11px;background:rgba(143,115,216,.07);color:var(--muted)!important}
.compact-source-drawer{margin-top:14px}
.perfect-run{display:flex;align-items:flex-start;gap:12px;padding:17px 18px;border:1px solid rgba(130,215,155,.4);border-radius:16px;background:rgba(130,215,155,.07)}
.perfect-run-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:rgba(130,215,155,.14);color:var(--hiq-green);font-weight:950}
.perfect-run strong{display:block;color:#e4f4e8}
.perfect-run p{margin:3px 0 0;color:var(--muted)}
.history-shell{display:grid;gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.history-heading h3{margin:0}
.history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.history-item{margin:0;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(8,21,14,.46)}
.history-item-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.history-item-heading strong{font-size:.93rem}
.history-item-heading span{color:var(--muted);font-size:.72rem}
.history-item p{margin:6px 0 0;color:var(--muted);font-size:.78rem}
.empty-state{grid-column:1/-1;margin:0;color:var(--muted)}
.secondary-small{min-height:38px!important;padding:8px 12px!important;font-size:.78rem!important}
.coverage-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px}
.coverage-panel{margin:0!important;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(12,31,20,.8),rgba(16,21,30,.62))}
.coverage-panel h3{margin:0 0 6px}
.coverage-panel>p{margin:0 0 17px;color:var(--muted);font-size:.88rem}
.difficulty-map{display:grid;gap:13px}
.coverage-row{display:grid;gap:6px}
.coverage-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.85rem}
.coverage-heading span{color:var(--muted);font-size:.74rem}
.coverage-meter{height:7px;border-radius:999px;background:#08170f;overflow:hidden}
.coverage-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--hiq-purple),var(--hiq-gold))}
.source-map{display:grid;gap:8px}
.source-type-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border:1px solid rgba(45,76,56,.6);border-radius:11px;background:rgba(8,21,14,.35)}
.source-type-row span{color:#dbe2dc;font-size:.8rem}
.source-type-row strong{color:var(--hiq-gold);font-size:.9rem}
.gameplay-note{margin:16px 0 0;color:var(--muted);font-size:.82rem}

@media (max-width:980px){
  .quiz-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quiz-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coverage-layout{grid-template-columns:1fr}
  .history-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:680px){
  .quiz-setup-grid{grid-template-columns:1fr}
  .quiz-scoreboard{grid-template-columns:1fr 1fr}
  .result-metrics{grid-template-columns:1fr}
  .result-grid.v3-result-grid{grid-template-columns:1fr}
  .result-card.full-width-result{grid-column:auto}
  .answer-comparison{grid-template-columns:1fr}
  .history-list{grid-template-columns:1fr}
  .review-heading,.history-heading{align-items:flex-start;flex-direction:column}
  .source-list li{display:grid;grid-template-columns:1fr;gap:7px}
  .source-id{justify-self:start}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media (forced-colors:active){
  .answer-option.is-correct{outline:3px solid CanvasText}
  .answer-option.is-incorrect{outline:3px dashed CanvasText}
  .mastery-meter,.coverage-meter{border:1px solid CanvasText}
}