/* matching and drag-and-drop inside quizzes and books (all subjects) */
.md-q{margin:6px 0 4px}
.md-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.md-q .tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--brand-l,#e1f2fb);color:var(--brand,#0a68a6);border-radius:999px;padding:3px 10px}
.md-n{font-size:14px;color:var(--ink-soft,#5b6b7c)}
.md-instr{margin:8px 0 10px;font-size:15px}
.md-row{display:grid;grid-template-columns:1fr minmax(140px,40%);gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line,#cfd8e3)}
.md-row:last-child{border-bottom:0}
.md-left{min-width:0;overflow-wrap:anywhere}
.md-slot{font:inherit;min-height:44px;border:2px dashed var(--brand,#0a68a6);border-radius:10px;background:transparent;color:inherit;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:0}
.md-slot.md-inline{display:inline-flex;min-width:110px;min-height:38px;vertical-align:middle;margin:2px 0}
.md-slot.full{border-style:solid}
.md-slot.hover{background:var(--brand-l,#e1f2fb)}
.md-slot.right{border-color:#1b7f4b;background:#e7f5ec}
.md-slot.wrong{border-color:#b3261e;background:#fdecea}
.md-fix{display:inline-block;margin:2px 6px;font-size:14px;font-weight:700;color:#1b7f4b}
.md-row .md-fix{grid-column:2}
.md-lines{margin:0;padding-left:22px;line-height:2.2}
.md-lines li{margin:4px 0}
.md-arrow{color:var(--ink-soft,#5b6b7c)}
.md-bank{display:flex;flex-wrap:wrap;gap:8px;padding:10px;margin:10px 0;border-radius:12px;background:var(--brand-l,#e1f2fb);min-height:56px}
.md-chip{font:inherit;font-size:15px;border:1px solid var(--brand,#0a68a6);background:var(--surface,#fff);color:inherit;border-radius:999px;padding:7px 12px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;max-width:100%;overflow-wrap:anywhere;text-align:left}
.md-slot .md-chip{border-radius:8px;width:100%;cursor:pointer}
.md-chip.on{outline:3px solid #e0a800;outline-offset:1px}
.md-chip.md-dragging{opacity:.35}
.md-ghost{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-60%);box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:.95}
.md-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}
.md-check{font:inherit;font-weight:700;border-radius:10px;padding:10px 16px;border:0;background:var(--brand,#0a68a6);color:#fff;cursor:pointer}
.md-msg{margin:0;font-weight:700;color:#8a5a00}
.md-chip:disabled{cursor:default;opacity:1;color:inherit}
.md-fb{margin-top:8px;border-radius:10px;padding:0}
.md-fb.ok,.md-fb.no{padding:10px 12px}
.md-fb.ok{background:#e7f5ec;border-left:5px solid #1b7f4b}
.md-fb.no{background:#fff4d6;border-left:5px solid #e0a800}
.md-fb ul{margin:6px 0 0;padding-left:18px;font-size:15px}
@media (max-width:560px){.md-row{grid-template-columns:1fr}.md-row .md-fix{grid-column:1}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .md-slot.right{background:#12301f}:root:not([data-theme="light"]) .md-slot.wrong{background:#3a1512}:root:not([data-theme="light"]) .md-fb.ok{background:#12301f}:root:not([data-theme="light"]) .md-fb.no{background:#3a2f0e}}
:root[data-theme="dark"] .md-slot.right{background:#12301f}:root[data-theme="dark"] .md-slot.wrong{background:#3a1512}:root[data-theme="dark"] .md-fb.ok{background:#12301f}:root[data-theme="dark"] .md-fb.no{background:#3a2f0e}
/* book (static) version */
.mdb .mdq{margin:12px 0 16px}
.mdb table.mdt{border-collapse:collapse;width:100%;max-width:820px;margin:6px 0}
.mdb .mdt th,.mdb .mdt td{border:1px solid var(--line,#cfd8e3);padding:6px 8px;vertical-align:top;text-align:left}
.mdb .bankbox{border:2px solid var(--brand,#0a68a6);border-radius:10px;padding:8px 10px;margin:6px 0;max-width:820px}
.mdb .gap{display:inline-block;min-width:110px;border-bottom:1.5px solid currentColor}
@media print{.mdb .mdt th,.mdb .mdt td{border-color:#888}}
