.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-view="exam-setup"],[data-view="exam"],[data-view="flashcards"]{max-width:1240px;margin:0 auto;padding:clamp(56px,8vw,100px) clamp(18px,4vw,42px)}
.mcq-choices{display:grid;gap:8px;margin:22px 0;border:0;padding:0}
.mcq-choices label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);background:#fff;cursor:pointer}
.mcq-choices label.is-correct{border-color:var(--green);background:#edf7f1}
.mcq-choices label.is-wrong{border-color:var(--red);background:#f8eceb}
.mcq-explain,.exam-review{white-space:normal}
.mcq-explain p,.exam-review p{margin:0 0 .7em}
.exam-setup fieldset{border:1px solid var(--line);padding:18px;display:grid;gap:10px}
.flash-card{display:block;width:100%;min-height:220px;padding:28px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}
.flash-card:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
.flash-face{display:block}
.flash-back{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){
  .flash-card,.mcq-choices label{transition:none}
}

:root{
  --practice-stem-size:1.1rem;
  --practice-stem-weight:650;
  --practice-stem-leading:1.45;
  --practice-choice-size:.975rem;
  --practice-explain-size:.95rem;
}
.practice-stem,#quizQuestion,#examQuestion,.flash-front{
  font-size:var(--practice-stem-size);
  font-weight:var(--practice-stem-weight);
  line-height:var(--practice-stem-leading);
}
.mcq-choices,.mcq-choices label{
  font-size:var(--practice-choice-size);
  line-height:1.4;
}
.mcq-explain,.exam-review,.flash-back{
  font-size:var(--practice-explain-size);
  line-height:1.45;
}

.materials-breadcrumb{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin:0 0 1rem;
}
.material-folder-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin:0 0 1.25rem;
}
.material-folder{
  display:grid;
  justify-items:center;
  gap:.55rem;
  min-height:7.5rem;
  padding:1.1rem .8rem;
  border:1px solid var(--line);
  background:#fff;
  color:inherit;
  text-align:center;
}
.material-folder span{
  font:700 .82rem/1.2 "Cascadia Mono",Consolas,monospace;
  letter-spacing:.08em;
}
.material-folder small{color:var(--muted)}
.material-folder-icon{
  width:2.75rem;
  height:2.75rem;
  color:var(--ink);
}
.material-folder-field{
  display:grid;
  gap:.3rem;
  font-size:.85rem;
}
.material-folder-field select{
  min-height:40px;
}
@media (max-width:900px){
  .material-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}