.sentence-exercise .sentence-order{margin:10px 0 0;color:#39384f;font-size:17px}
.sentence-order .sentence-count{margin:0 0 6px 4px;font-size:13px;font-weight:600;line-height:1.3;color:#9291a6}
.sentence-order .sentence-card{padding:20px;border-radius:14px;background:#f5f6fa}
.sentence-order .sentence-bank,.sentence-order .sentence-answer{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:9px;padding:0;margin:0;border:0;border-radius:0;background:none;min-height:42px}
.sentence-order .sentence-bank{padding-bottom:20px;min-height:62px}
.sentence-order .sentence-answer{padding-top:18px;border-top:1px dashed #dcdde8}
.sentence-order .sentence-answer:empty:before{content:none}
.sentence-exercise .sentence-order button.sentence-token,.sentence-drag-ghost{display:inline-flex;align-items:center;gap:6px;width:auto;max-width:100%;min-width:0;margin:0;padding:6px 10px;border:2px solid #e3e3ef;border-radius:8px;background:#fff;color:#4b4a62;font:inherit;font-size:17px;line-height:1.4;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:grab;box-shadow:none;touch-action:none;user-select:none}
.sentence-order .sentence-grip{flex:none;font-size:14px;line-height:1;color:#a6a3ba}
.sentence-order .sentence-token-text{min-width:0}
.sentence-exercise .sentence-order button.sentence-token:hover{border-color:#b5a7e8;background:#fff}
.sentence-exercise .sentence-order button.sentence-token:focus-visible{outline:2px solid #8f72df;outline-offset:3px}
.sentence-order .sentence-slot{display:block;flex:0 0 82px;height:39px;border:2px solid #e3e3ef;border-radius:8px;background:#fff}
.sentence-order .practice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 0;padding:0;border:0}
.sentence-order .practice-actions .btn{padding:8px 14px;min-height:36px;font-size:14px;line-height:1.3}
.sentence-order .practice-actions .btn:disabled{opacity:.45;cursor:default}
.sentence-order .practice-actions .reset-practice{font-size:12px}
.sentence-order .practice-result{margin:8px 0 0;font-size:13px;min-height:0}
.sentence-order .practice-result:empty{display:none}
.sentence-order .sentence-help{font-size:12px;line-height:1.5;color:#9291a6;margin:8px 2px 0}
.sentence-order.is-complete .sentence-help{display:none}
.sentence-exercise .sentence-order button.sentence-token:disabled{opacity:1;cursor:default}
.sentence-exercise .sentence-order .sentence-answer.answer-correct .sentence-token,.sentence-exercise .sentence-order .sentence-token.answer-correct{background:#eef9f3;border-color:#56a67f;color:#276847}
.sentence-exercise .sentence-order .sentence-answer.answer-wrong .sentence-token,.sentence-exercise .sentence-order .sentence-token.answer-wrong{background:#fff2f4;border-color:#d88693;color:#a73d50}
.sentence-exercise .sentence-order .sentence-answer.answer-revealed,.sentence-exercise .sentence-order .sentence-answer.answer-correct,.sentence-exercise .sentence-order .sentence-answer.answer-wrong{background:none;border:0;border-top:1px dashed #dcdde8}
.sentence-exercise .sentence-order .sentence-answer.answer-revealed .sentence-token,.sentence-exercise .sentence-order .sentence-token.answer-revealed{background:#fff;border-color:#d7cedf;color:#4b4a62}
.sentence-order .sentence-dragging{opacity:.3!important}
.sentence-order .sentence-drop-target{outline:2px dashed #9b7ee6;outline-offset:3px}
.sentence-drag-ghost{position:fixed;z-index:10000;pointer-events:none;max-width:min(500px,80vw);box-shadow:0 8px 24px #36275b25;font-family:inherit;cursor:grabbing}
@media(max-width:600px){.sentence-order .sentence-card{padding:14px}.sentence-exercise .sentence-order button.sentence-token{font-size:16px;padding:6px 8px}.sentence-order .sentence-slot{flex-basis:65px;height:38px}.sentence-order .sentence-bank,.sentence-order .sentence-answer{gap:7px}}