.multiple-choice-builder[hidden]{display:none!important}.multiple-choice-builder{flex:1;min-height:0;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:20px}.multiple-choice-editor-panel,.multiple-choice-preview-panel{min-height:0}.multiple-choice-editor-panel{display:flex;flex-direction:column}#multipleChoiceEditor{display:flex;flex:1;min-height:0;flex-direction:column}.multiple-choice-editor-body{padding:18px 22px;display:flex;flex:1;min-height:0;overflow:hidden;flex-direction:column}.multiple-choice-editor-body[hidden],.multiple-choice-settings[hidden]{display:none!important}.multiple-choice-settings{padding:20px 22px;overflow:auto}.multiple-choice-settings .word-editor-language-setting{padding:14px 0}.multiple-choice-table-intro{margin-bottom:10px;display:grid;gap:3px}.multiple-choice-table-intro b{font-size:10px}.multiple-choice-table-intro small{color:var(--muted);font-size:8px}.multiple-choice-spreadsheet{min-height:0;padding:12px;display:block;flex:1;overflow:auto;border:1px solid var(--line);border-radius:9px;background:#fff}.multiple-choice-grid-row{grid-template-columns:repeat(var(--table-editor-columns),minmax(90px,1fr))}.multiple-choice-grid-question{grid-template-columns:1fr}.multiple-choice-grid-question .table-fill-editor-cell{color:#fff;background:var(--green);border-color:var(--green);font-weight:800}.multiple-choice-grid-row:not(.multiple-choice-grid-question) .table-fill-editor-cell.truth{color:#674714;background:#f3dfaa;border-color:#b98b31}.multiple-choice-grid-row .table-fill-editor-cell:empty::before{content:attr(data-placeholder);color:#a4aaa7;font-weight:500}.multiple-choice-grid-question .table-fill-editor-cell:empty::before{color:#cfe4dc}.multiple-choice-source-status{min-height:17px;margin-top:7px;color:var(--green);font-size:8px}.multiple-choice-paper{margin:24px;min-height:0;padding:28px 30px;flex:1;overflow:auto;background:#fffefa;border-radius:4px;box-shadow:0 4px 17px rgba(41,47,44,.08)}.multiple-choice-paper h3{margin:7px 0 4px;font:800 21px Manrope}.multiple-choice-paper>p{margin:0 0 20px;color:var(--muted);font-size:9px}.multiple-choice-task-icon{color:#315c9d;background:#dfe8f7;font-size:9px}.multiple-choice-task-graphic{display:flex;gap:3px}.multiple-choice-task-graphic i{width:24px;height:24px;display:grid;place-items:center;color:#315c9d;background:#dfe8f7;border-radius:50%;font-size:8px;font-style:normal}@media(max-width:800px){.multiple-choice-builder{grid-template-columns:1fr;grid-template-rows:minmax(360px,.9fr) minmax(360px,1.1fr)}.multiple-choice-paper{margin:14px;padding:22px 18px}}

.multiple-choice-page-switch{margin-bottom:10px;padding:4px;display:flex;gap:4px;overflow-x:auto;background:#eeece6;border-radius:8px}.multiple-choice-page-switch button{padding:7px 10px;flex:none;border:0;border-radius:6px;color:var(--muted);background:transparent;font:800 8px 'DM Sans';cursor:pointer}.multiple-choice-page-switch button.active{color:#fff;background:var(--green)}.multiple-choice-page-switch button.add{color:var(--green);background:#fff}.multiple-choice-page-switch button.remove{margin-left:auto;color:#a44741;background:#fae9e7}.multiple-choice-page-switch button:disabled{opacity:.4;cursor:default}.multiple-choice-preview-switch,.multiple-choice-play-navigation{margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:10px}.multiple-choice-preview-switch button{width:28px;height:28px;border:1px solid var(--line);border-radius:6px;color:var(--green);background:#fff;cursor:pointer}.multiple-choice-preview-switch button:disabled{opacity:.35}.multiple-choice-preview-switch span,.multiple-choice-play-navigation span{color:var(--muted);font-size:8px;font-weight:800}.multiple-choice-play-navigation{margin-top:14px}.multiple-choice-play-navigation .button{min-width:88px}
.multiple-choice-spreadsheet>.multiple-choice-page-switch{margin:-12px -12px 12px;padding:8px 12px;position:sticky;top:-12px;z-index:3;border-bottom:1px solid var(--line);border-radius:8px 8px 0 0;box-shadow:0 3px 8px rgba(35,50,44,.06)}
.multiple-choice-grid-row .table-fill-editor-cell.truth::after{display:none!important}

/* Gemeinsame Frage- und Antwortkarten für Editorvorschau, Vorlagen und Spiel. */
.multiple-choice-grid-preview,
.multiple-choice-play-grid {
  min-width: 0;
  padding: clamp(14px, 2vw, 24px);
  color: #24302f;
  border: 1px solid #d6e3db;
  border-radius: 16px;
  background: #edf6f0;
}
.multiple-choice-grid-preview > h4,
.multiple-choice-play-grid > h3 {
  margin: 0 0 20px;
  font: 800 clamp(var(--text-task-question), 2.5vw, 27px)/1.4 Manrope, sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
}
.multiple-choice-answer-scroll {
  min-width: 0;
  overflow-x: auto;
  padding: 4px;
  overscroll-behavior-x: contain;
  scrollbar-color: #92b7a7 #e2ede6;
  scrollbar-width: thin;
}
.multiple-choice-answer-list {
  display: grid;
  grid-template-columns: repeat(var(--mc-answer-columns), minmax(min(100%, 120px), 1fr));
  gap: 12px;
}
.multiple-choice-answer-list > .multiple-choice-answer {
  box-sizing: border-box;
  min-width: 0;
  min-height: 76px;
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  grid-row: var(--mc-row);
  grid-column: var(--mc-column);
  align-items: center;
  gap: 12px;
  color: #24302f;
  border: 2px solid #d6dfda;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(36, 48, 47, .04);
  font: 700 var(--text-task-answer)/1.5 'DM Sans', sans-serif;
  text-align: left;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.multiple-choice-answer > .student-answer-text {
  min-width: 0;
  font: inherit;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.multiple-choice-answer > .student-answer-check {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #16775c;
  font: 800 16px/1 sans-serif;
  visibility: hidden;
}
.multiple-choice-answer > .student-answer-check::before { content: '✓'; }
.multiple-choice-answer-list > button.multiple-choice-answer { cursor: pointer; }
.multiple-choice-answer-list > button.multiple-choice-answer:hover:not(:disabled) {
  border-color: #76a992;
  background: #f5faf7;
}
.multiple-choice-answer-scroll:focus-visible,
.multiple-choice-answer-list > button.multiple-choice-answer:focus-visible {
  outline: 3px solid #568bd1;
  outline-offset: 2px;
}
.multiple-choice-answer-list > .multiple-choice-answer:is(.selected, .solution) {
  color: #145b48;
  border-color: #16775c;
  background: #e0f2e8;
  box-shadow: 0 3px 12px rgba(22, 119, 92, .1);
}
.multiple-choice-answer:is(.selected, .solution) > .student-answer-check { visibility: visible; }
.multiple-choice-play-grid.incorrect .multiple-choice-answer.selected {
  color: #8f302b;
  border-color: #c94940;
  background: #fbe8e6;
}
.multiple-choice-play-grid.incorrect .student-answer-check { background: #c94940; }
.multiple-choice-play-grid.incorrect .student-answer-check::before { content: '×'; }
.multiple-choice-answer-list > button:disabled { cursor: wait; }
.multiple-choice-paper > #multipleChoicePreviewInstruction {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 1.6;
}
.multiple-choice-preview-switch { gap: 14px; }
.multiple-choice-preview-switch > button {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 10px;
  font-size: 24px;
}
.multiple-choice-preview-switch > span {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
@media (prefers-reduced-motion: reduce) {
  .multiple-choice-answer-list > .multiple-choice-answer { transition: none; }
}

@media (max-width: 600px) {
  .multiple-choice-answer-list > .multiple-choice-answer { padding: 12px; gap: 8px; }
}

.mc-submission-hint { margin: 0 0 18px; font-size: 14px; line-height: 1.6; color: #52645d; }
.mc-submission-hint[hidden] { display: none; }
.mc-finalized .multiple-choice-answer-list > button:disabled { cursor: default; opacity: 1; }