/* Shared all-question objective practice surface.
   Geometry intentionally mirrors the approved MCQ layout and is mobile-first. */
body.objective-practice-page{overflow-x:hidden;background:var(--ds-surface);color:var(--ds-text)}
.objective-practice-main{width:100%;max-width:100%;min-width:0;overflow-x:clip;padding:24px 0 80px}
.objective-practice-wrap{width:min(1120px,calc(100% - 40px));max-width:100%;min-width:0;margin:0 auto}
.objective-practice-wrap,.objective-practice-wrap *{box-sizing:border-box}
.mcq-practice,.mcq-section,.mcq-list,.mcq-card,.mcq-stem,.mcq-options,.mcq-option,.mcq-explanation{min-width:0;max-width:100%}
.mcq-practice{width:100%;margin:0}
.mcq-summary{position:sticky;top:74px;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;margin:0 0 28px;padding:14px 0;border-top:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-surface) 96%,transparent);backdrop-filter:blur(10px)}
.mcq-summary>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mcq-summary strong{font-size:1.05rem;line-height:1.4;color:var(--ds-heading)}
.mcq-summary span{font-size:.78rem;color:var(--ds-text-muted)}
.mcq-reset-all{justify-self:end;max-width:100%;border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);border-radius:8px;padding:10px 12px;font:700 .9rem/1.4 var(--ds-font-body);white-space:normal;cursor:pointer}
.mcq-section{width:100%;margin:0 0 36px}
.mcq-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;min-width:0;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--ds-border)}
.mcq-section-head>div{min-width:0}
.mcq-section-head h2{margin:0;color:var(--ds-heading);font-size:1.45rem;line-height:1.4;overflow-wrap:anywhere}
.mcq-section-head p{margin:5px 0 0;color:var(--ds-text-muted);font-size:.92rem;line-height:1.6;overflow-wrap:anywhere}
.mcq-section-score{flex:0 0 auto;font-weight:800;color:var(--ds-primary);white-space:nowrap}
.mcq-list{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;width:100%}
.mcq-card{width:100%;overflow:hidden;padding:0 0 28px;border:0;border-bottom:1px solid var(--ds-border);border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:130px}
.mcq-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;margin-bottom:12px}
.mcq-number{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:var(--ds-primary-soft);color:var(--ds-primary-strong);font-size:.78rem;font-weight:850}
.mcq-label{min-width:0;font-size:.84rem;font-weight:750;color:var(--ds-text-muted);overflow-wrap:anywhere}
.mcq-stem{width:100%;font:600 1.125rem/1.8 var(--ds-font-body);color:var(--ds-text);overflow-wrap:anywhere;word-break:normal}
.mcq-stem p{max-width:100%;margin:.55rem 0;overflow-wrap:anywhere}
.mcq-stem p:first-child{margin-top:0}
.mcq-stem :is(.history-list-block,.history-list-item){max-width:100%;min-width:0}
.mcq-stem .history-list-block{margin:.8rem 0}
.mcq-stem .history-list-item{overflow-wrap:anywhere}
.mcq-stem .history-list-item>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
.mcq-stem :is(table,pre){display:block;max-width:100%;overflow-x:auto}
.mcq-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin-top:18px}
.mcq-option{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;width:100%;max-width:100%;min-height:58px;border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);border-radius:8px;padding:14px 15px;text-align:left;font:600 1.05rem/1.6 var(--ds-font-body);white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.mcq-option:hover:not(:disabled){border-color:var(--ds-primary);background:var(--ds-surface-soft)}
.mcq-option:disabled{opacity:1;cursor:default}
.mcq-letter{width:28px;height:28px;min-width:28px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:800 .8rem/1 var(--ds-font-body);text-transform:uppercase}
.mcq-option>span:last-child{min-width:0;max-width:100%;overflow-wrap:anywhere}
.mcq-option.is-correct{border-color:#1976d2;background:color-mix(in srgb,#1976d2 12%,var(--ds-surface));color:#1565c0}
.mcq-option.is-wrong{border-color:#d32f2f;background:color-mix(in srgb,#d32f2f 11%,var(--ds-surface));color:#c62828}
html[data-theme="dark"] .mcq-option.is-correct{color:#79b8ff;border-color:#4a9cf5;background:color-mix(in srgb,#1976d2 24%,var(--ds-surface))}
html[data-theme="dark"] .mcq-option.is-wrong{color:#ff8a80;border-color:#ef5350;background:color-mix(in srgb,#d32f2f 22%,var(--ds-surface))}
.mcq-result{width:100%;margin-top:14px;border-radius:8px;padding:12px 14px;font-weight:800;line-height:1.6;overflow-wrap:anywhere}
.mcq-result.correct{background:color-mix(in srgb,#1976d2 12%,var(--ds-surface));color:#1565c0;border:1px solid #1976d2}
.mcq-result.wrong{background:color-mix(in srgb,#d32f2f 11%,var(--ds-surface));color:#c62828;border:1px solid #d32f2f}
html[data-theme="dark"] .mcq-result.correct{color:#79b8ff}
html[data-theme="dark"] .mcq-result.wrong{color:#ff8a80}
.mcq-explanation{width:100%;margin-top:12px;border:1px solid var(--ds-border);border-radius:10px;padding:16px;background:var(--ds-surface-soft);color:var(--ds-text);font:400 1.05rem/1.8 var(--ds-font-body);overflow-wrap:anywhere}
.mcq-explanation h3{margin:0 0 10px;font-size:1.05rem;color:var(--ds-heading)}
.mcq-explanation :is(p,li,div){max-width:100%;overflow-wrap:anywhere}
.mcq-explanation :is(table,pre){display:block;max-width:100%;overflow-x:auto}
.objective-practice-back{margin-top:28px;padding-top:18px;border-top:1px solid var(--ds-border)}
.objective-practice-back a{color:var(--ds-primary);font-weight:750;text-decoration:none}
@media(max-width:820px){
  .objective-practice-main{padding:18px 0 90px}
  .objective-practice-wrap{width:min(100% - 30px,760px)}
  .mcq-summary{position:static;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:22px;padding:12px 0}
  .mcq-summary>div:first-child{display:none}
  .mcq-reset-all{font-size:.84rem;padding:9px 10px}
  .mcq-section{margin-bottom:30px}
  .mcq-section-head{align-items:flex-start;gap:10px}
  .mcq-section-head h2{font-size:1.3rem}
  .mcq-section-head p{font-size:.86rem}
  .mcq-card{padding-bottom:24px;scroll-margin-top:90px}
  .mcq-stem{font-size:1.125rem;line-height:1.78}
  .mcq-option{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:13px 12px;font-size:1.125rem;line-height:1.65}
  .mcq-explanation{padding:14px;font-size:1rem;line-height:1.78}
}
@media(max-width:520px){
  .objective-practice-wrap{width:calc(100% - 24px)}
  .mcq-summary{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
  .mcq-summary strong{font-size:1rem}
  .mcq-reset-all{max-width:118px}
  .mcq-section-head{flex-direction:column;align-items:flex-start}
  .mcq-section-score{font-size:.9rem}
  .mcq-card-head{align-items:flex-start}
  .mcq-stem{font-size:1.125rem;line-height:1.8}
  .mcq-option{font-size:1.125rem;line-height:1.65}
}
