.intro{max-width:660px;margin:18px 0!important}.features{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0}.features>span{flex:1;min-width:160px;padding:16px;border:1px solid #dce3ec;border-radius:12px;background:#f8f9fb;font-size:14px}.features strong{display:block;color:#0b2a5b;font-size:23px}#start,#restart{margin-top:24px}details{margin-top:24px;font-size:14px}summary{cursor:pointer}table{border-collapse:collapse;width:100%;margin:18px 0}th,td{padding:8px;text-align:left;border-bottom:1px solid #dce3ec}.session{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.timer{color:#0b2a5b;background:white;border:1px solid #dce3ec;border-radius:12px;padding:8px 18px;font-size:26px;font-weight:650;font-variant-numeric:tabular-nums}.urgent{color:#b91c1c;background:#fff3f3}#meter{width:100%;height:6px;accent-color:#194d9d;display:block;margin:14px 0 22px}.question h2{font-size:clamp(1.6rem,3vw,2.3rem);text-align:center;padding:28px 0 38px;line-height:1.5}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{display:flex;align-items:center;gap:15px;text-align:left;min-height:112px;padding:20px;border:2px solid transparent;border-radius:12px;color:white;font-size:24px;font-weight:600;line-height:1.5}.choice-key{display:grid;place-items:center;border:1px solid #ffffff80;border-radius:6px;width:30px;height:30px;flex-shrink:0;font-size:14px}.color-0{background:#ac2855}.color-1{background:#205ba0}.color-2{background:#84600a}.color-3{background:#287049}.choice:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.choice:disabled{opacity:.45}.choice.is-correct{opacity:1;border:4px solid #133f2c;box-shadow:0 0 0 2px white inset}.choice.is-correct:after{content:'✓';margin-left:auto}.choice.is-wrong{opacity:1;border:4px solid #731d1d}.choice.is-wrong:after{content:'×';margin-left:auto}#feedback{min-height:62px;padding-top:20px;font-size:16px}.correct{color:#166534}.incorrect{color:#9a2424}.next-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.totals>div{background:#f0f5fe;border-radius:12px;padding:20px}.totals strong{display:block;font-size:36px;color:#0b2a5b}.totals span{font-size:14px}.review-title{margin-top:28px!important}#misses ol{list-style:none;padding:0}#misses li{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid #dce3ec;padding:14px 0;font-size:15px}sup,sub{font-size:.65em;line-height:0}@media(max-width:580px){.choices{grid-template-columns:1fr}.choice{min-height:80px;font-size:21px}.zsa-ir-workspace{padding:20px}.session #score{width:100%}.totals{gap:8px}.totals>div{padding:12px}.totals strong{font-size:28px}.question h2{padding:16px 0 24px}}

/* Fit the active question to phone windows while keeping every answer tappable. */
@media (max-width:600px), (max-width:900px) and (max-height:500px) {
  .zsa-ir {padding:10px 12px;}
  .zsa-ir .zsa-ir-topline {flex-wrap:nowrap;gap:8px;padding-bottom:10px;}
  .zsa-ir .zsa-ir-identity {flex:1;gap:8px;}
  .zsa-ir .zsa-ir-brand {min-width:36px;min-height:44px;}
  .zsa-ir .zsa-ir-brand img {width:36px;height:auto;}
  .zsa-ir .zsa-ir-identity h1 {font-size:19px;line-height:1.15;}
  .zsa-ir .zsa-ir-header-tools {width:auto;margin-left:0;flex-shrink:0;}
  .zsa-ir .zsa-ir-share-toggle {padding:6px 9px;font-size:13px;}
  .zsa-ir .zsa-ir-share-toggle svg {width:15px;}
  .zsa-ir .zsa-ir-header {margin-bottom:12px;}
  .session {display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;}
  .session #score {grid-column:1;grid-row:2;width:auto;font-size:11px;}
  .session .timer {grid-column:2;grid-row:1 / 3;padding:3px 10px;font-size:23px;}
  #meter {margin:8px 0 10px;height:4px;}
  .zsa-ir .question {padding:14px;}
  .zsa-ir .question h2 {font-size:21px;line-height:1.3;padding:10px 0 16px;overflow-wrap:anywhere;}
  .question .zsa-eyebrow {font-size:10px;}
  .choices {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .choice {min-width:0;min-height:76px;padding:9px 8px;gap:5px;font-size:17px;line-height:1.3;border-width:3px;overflow-wrap:anywhere;}
  .choice-key {display:none;}
  .choice.is-correct,.choice.is-wrong {border-width:3px;}
  .choice.is-correct:after,.choice.is-wrong:after {font-size:16px;flex-shrink:0;}
  #feedback {min-height:52px;padding-top:12px;font-size:13px;line-height:1.4;}
  .next-row {gap:6px;justify-content:flex-end;}
  .next-row > span {display:none;}
  .next-row .zsa-btn {min-height:44px;padding:8px 12px;font-size:14px;}
  .zsa-ir:has(#play:not([hidden])) .zsa-footer {display:none;}
  #setup {padding:18px;}
  #setup h2 {font-size:23px;}
  #setup .intro {margin:12px 0!important;font-size:15px;line-height:1.5;}
  .features {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0;}
  .features > span {min-width:0;padding:9px 6px;font-size:11px;line-height:1.4;}
  .features strong {font-size:16px;}
  #start {margin-top:16px;}
  #setup details {margin-top:16px;}
  #reference {overflow-x:auto;}
  #results {padding:16px;}
  .totals {margin:18px 0;}
  .totals > div {min-width:0;padding:10px;}
  .totals strong {font-size:27px;}
  .totals span {font-size:12px;}
  #misses li {font-size:14px;gap:4px;}
}
@media (max-width:900px) and (max-height:500px) {
  .zsa-ir {padding-top:4px;padding-bottom:4px;}
  .zsa-ir .zsa-ir-topline {padding-bottom:4px;}
  .zsa-ir .zsa-ir-header {margin-bottom:5px;}
  .session {grid-template-columns:1fr auto 1fr;}
  .session #score {grid-column:3;grid-row:1;text-align:right;}
  .session .timer {grid-column:2;grid-row:1;font-size:19px;}
  #meter {margin:4px 0 6px;}
  .zsa-ir .question {padding:8px 12px;}
  .question .zsa-eyebrow {display:none;}
  .zsa-ir .question h2 {font-size:19px;padding:0 0 8px;}
  .choice {min-height:48px;padding:5px 10px;}
  #feedback {min-height:34px;padding-top:6px;font-size:12px;}
  .next-row .zsa-btn {padding:5px 12px;}
}