/* Match Columns Drag & Drop - black text, green correct, red incorrect */
.mcd-activity { color:#000; max-width:1000px; margin:0 auto; font-size:16px; }
.mcd-question { margin:0; }
.mcd-question-title { color:#000; margin:0 0 14px; font-size:20px; }
.mcd-match-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
.mcd-col { min-width:0; }
.mcd-col-heading { color:#000; font-weight:700; padding:10px 12px; border:1px solid #000; background:#fff; }
.mcd-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:stretch; margin:0; }
.mcd-label { color:#000; border:1px solid #ddd; border-top:0; padding:12px; background:#fff; min-height:48px; display:flex; align-items:center; }
.mcd-drop-zone { color:#000; border:1px dashed #888; border-top:0; padding:8px; min-height:48px; background:#fff; display:flex; align-items:center; justify-content:center; text-align:center; }
.mcd-drop-zone.mcd-over { outline:2px solid #000; outline-offset:-2px; }
.mcd-drop-zone.mcd-correct { background:#c6efce; border-color:#1f7a35; color:#000; }
.mcd-drop-zone.mcd-incorrect { background:#ffc7ce; border-color:#b00020; color:#000; }
.mcd-drop-placeholder { color:#000; opacity:.65; }
.mcd-bank { display:flex; flex-direction:column; gap:8px; padding:8px; border:1px solid #000; border-top:0; min-height:252px; background:#fff; }
.mcd-drag-item { color:#000; background:#fff; border:1px solid #777; padding:11px 12px; cursor:grab; user-select:none; touch-action:none; }
.mcd-drag-item:active { cursor:grabbing; }
.mcd-drag-item.mcd-used { opacity:.45; }
.mcd-drag-item.mcd-dragging { opacity:.35; }
.mcd-question-controls { display:flex; align-items:center; gap:10px; margin-top:14px; }
.mcd-check, .mcd-retry, .mcd-copy-front { color:#000; background:#fff; border:1px solid #000; padding:8px 14px; cursor:pointer; }
.mcd-score { color:#000; font-weight:700; }
.mcd-black-separator { height:18px; background:#000; margin:24px 0; }
.mcd-activity-id { border-top:1px solid #000; margin-top:28px; padding:14px 0 0; display:flex; gap:12px; align-items:center; justify-content:flex-end; color:#000; }
.mcd-copy-front { font-weight:700; }
.mcd-drag-item:focus, .mcd-drop-zone:focus, .mcd-check:focus, .mcd-retry:focus, .mcd-copy-front:focus { outline:2px solid #000; outline-offset:2px; }

@media(max-width:700px){
  .mcd-match-grid { grid-template-columns:1fr; }
  .mcd-col-b { order:2; }
  .mcd-col-a { order:1; }
  .mcd-bank { min-height:0; }
  .mcd-row { grid-template-columns:1fr; gap:0; }
  .mcd-label { border-bottom:0; border-top:1px solid #ddd; }
  .mcd-drop-zone { border:1px dashed #888; min-height:50px; }
  .mcd-question-controls { flex-wrap:wrap; }
  .mcd-activity-id { justify-content:flex-start; flex-wrap:wrap; }
}