/* Shared Tasks/mobile components. Keep legacy mechanics and answer identifiers intact. */
:is(.learn-player,.quiz-exercise) {
  --exercise-outline:linear-gradient(110deg,#bb92c6,#82b7c8);
  --exercise-token:linear-gradient(105deg,rgb(239 128 64 / 16%),rgb(120 38 141 / 16%));
  --exercise-control-shadow:0 3px 6px rgb(79 53 96 / 9%);
  letter-spacing:0;
}
.learn-player { grid-template-rows:auto auto auto 1fr auto; }
.learn-player .learn-stage { width:min(920px,100%); min-width:0; margin:16px auto 24px; padding:12px 0 20px; align-self:start; }
.learn-player .learn-question-scene { min-height:0; padding:12px 0; justify-content:flex-start; overflow:visible; }
.learn-player .learn-question-scene.background-soft::before { display:none; }
.learn-player .learn-question-scene.background-custom { padding:24px; border-radius:24px; overflow:hidden; }
.learn-player :is(.learn-stage,.learn-question-scene) > h2 { margin:0 auto 20px; font-size:24px; line-height:1.45; font-weight:600; }
.learn-player .learn-question-scene > :is(.learn-points-line,.learn-instruction) { margin:0 0 8px; line-height:1.5; }
.learn-player .learn-exercise,
.learn-player .learn-exercise:has(.learn-workbench),
.learn-player .learn-exercise:has(.picture-match-paged) { width:min(820px,100%); min-height:0; margin-inline:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.quiz-exercise { min-width:0; margin-top:20px; }
.quiz-exercise *, .learn-exercise * { box-sizing:border-box; }
:is(.learn-exercise,.quiz-exercise) :is(button,[data-match-slot],[data-category-zone],.learn-option,.learn-truefalse-option) { touch-action:manipulation; }
:is(.learn-exercise,.quiz-exercise) :is(button,input,select,textarea):focus-visible,
:is(.learn-exercise,.quiz-exercise) [tabindex="0"]:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }

/* Radio and checkbox choices use native controls in both player and constructor preview. */
:is(.learn-exercise,.quiz-exercise) .learn-options.learn-choice-set { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
:is(.learn-exercise,.quiz-exercise) .learn-choice-set.has-long-options { grid-template-columns:minmax(0,1fr); }
:is(.learn-exercise,.quiz-exercise) .learn-choice-set .learn-option { display:flex; min-width:0; min-height:56px; gap:12px; padding:14px 18px; border:1px solid transparent; border-radius:24px; background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--exercise-outline) border-box; box-shadow:var(--exercise-control-shadow); transition:border-color .15s,background-color .15s; transform:none; }
:is(.learn-exercise,.quiz-exercise) .learn-choice-set.is-multiple .learn-option { border-radius:16px; }
:is(.learn-exercise,.quiz-exercise) .learn-choice-set .learn-option:hover { border-color:var(--primary); transform:none; box-shadow:var(--exercise-control-shadow); }
:is(.learn-exercise,.quiz-exercise) .learn-choice-set .learn-option:has(input:checked) { border-color:var(--primary); background:var(--exercise-token),var(--surface); box-shadow:0 0 0 1px var(--primary); }
:is(.learn-exercise,.quiz-exercise) .learn-choice-set .learn-option input { flex:0 0 20px; width:20px; height:20px; min-height:0; margin:0; accent-color:var(--primary); }
:is(.learn-exercise,.quiz-exercise) .learn-option-copy { flex:1; min-width:0; max-width:100%; font-size:17px; line-height:1.55; }
:is(.learn-exercise,.quiz-exercise) .learn-option-copy > span { min-width:0; max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; }
:is(.learn-exercise,.quiz-exercise) .learn-choice-set.has-media .learn-option-copy { flex-direction:column; align-items:flex-start; gap:10px; }
:is(.learn-exercise,.quiz-exercise) .learn-option-media { display:grid; place-items:center; flex:none; width:100%; height:128px; border-radius:8px; background:var(--surface-2); }
:is(.learn-exercise,.quiz-exercise) .learn-option-media img { width:100%; height:100%; max-height:128px; object-fit:contain; }
:is(.learn-exercise,.quiz-exercise) .learn-option-media video { width:100%; height:100%; object-fit:contain; }
:is(.learn-exercise,.quiz-exercise) .learn-answer { gap:10px; width:min(680px,100%); margin-inline:auto; font-size:13px; }
:is(.learn-exercise,.quiz-exercise) .learn-answer input { width:100%; min-width:0; min-height:52px; padding:12px 18px; border:1px solid transparent; border-radius:20px; background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--exercise-outline) border-box; color:var(--text); font:inherit; font-size:18px; font-weight:400; box-shadow:var(--exercise-control-shadow); }
:is(.learn-exercise,.quiz-exercise) .learn-answer input:focus { border-color:var(--primary); }
:is(.learn-exercise,.quiz-exercise) .learn-truefalse { display:grid; gap:12px; }
:is(.learn-exercise,.quiz-exercise) .learn-truefalse-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; min-width:0; padding:14px 18px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
:is(.learn-exercise,.quiz-exercise) .learn-truefalse-label { min-width:0; font-size:17px; line-height:1.6; overflow-wrap:anywhere; }
:is(.learn-exercise,.quiz-exercise) .learn-truefalse-options { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
:is(.learn-exercise,.quiz-exercise) .learn-truefalse-option { display:flex; align-items:center; justify-content:center; gap:8px; min-width:80px; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:24px; background:var(--surface); cursor:pointer; }
:is(.learn-exercise,.quiz-exercise) .learn-truefalse-option:has(input:checked) { border-color:var(--primary); background:var(--exercise-token),var(--surface); }
:is(.learn-exercise,.quiz-exercise) .learn-truefalse-option input { width:18px; height:18px; margin:0; accent-color:var(--primary); }

/* Matching: a grid of targets, with the paged word bank below, on every viewport. */
.learn-match-board.picture-match.picture-match-paged.learn-match-flow { gap:12px; }
.learn-match-flow .picture-match-progress,
.learn-workbench.learn-flow .learn-workbench-progress { height:3px; border-radius:3px; overflow:hidden; }
.learn-match-board.learn-match-flow .picture-match-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; height:auto; min-height:0; gap:20px; }
.learn-match-board.learn-match-flow .picture-match-pages { grid-template-rows:auto auto; gap:12px; min-height:0; }
.learn-match-board.learn-match-flow .learn-pairs.picture-match-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; align-content:start; gap:12px; overflow:visible; scrollbar-gutter:auto; }
.learn-match-flow.has-long-labels .learn-pairs.picture-match-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-row { min-height:138px; padding:16px 12px 12px; gap:12px; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:var(--exercise-control-shadow); }
.learn-match-board.picture-match-paged.learn-match-flow .picture-match-card-empty { min-height:0; visibility:hidden; }
.learn-match-flow .picture-match-number { top:10px; left:10px; min-width:18px; min-height:18px; border-radius:50%; font-size:10px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label { min-height:48px; gap:8px; padding:0; font-size:18px; line-height:1.6; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label > span { padding-inline:14px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label.is-symbol { font-size:28px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label img { width:100%; height:112px; max-width:100%; object-fit:contain; background:transparent; border-radius:8px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-target[data-match-slot] { position:relative; display:flex; min-width:0; min-height:48px; padding:4px 44px 4px 8px; border:1px solid transparent; border-radius:24px; background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--exercise-outline) border-box; color:var(--text); font-size:17px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-target.filled { background:var(--exercise-token),var(--surface); border-color:color-mix(in srgb,var(--primary) 45%,var(--line)); }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-target:not(.filled) { padding-inline:12px; }
.learn-match-flow .learn-match-placeholder { display:grid; place-items:center; width:100%; color:var(--primary); }
.learn-match-flow .learn-match-placeholder svg { width:20px; height:20px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-assigned { flex:1; min-width:0; font-size:17px; line-height:1.5; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-target button[data-match-clear] { position:absolute; top:0; right:0; bottom:0; width:44px; min-width:44px; height:100%; min-height:44px; padding:0; border:0; border-radius:24px; background:transparent; color:var(--text-soft); }
.learn-match-flow [data-match-clear] svg { width:19px; height:19px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-bank.picture-match-bank { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; align-items:start; gap:12px; padding:0; border:0; background:transparent; }
.learn-match-flow .picture-match-bank > strong { grid-area:auto; color:var(--text-soft); font-size:13px; font-weight:500; }
.learn-match-flow .picture-match-bank > .picture-match-nav { grid-area:auto; justify-self:center; }
.learn-match-flow .picture-match-bank > .picture-match-options { grid-area:auto; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .picture-match-options { grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:minmax(48px,auto); align-content:start; gap:12px; min-height:108px; overflow:visible; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-chip[data-match-option] { width:100%; min-height:48px; padding:10px 14px; border:1px solid transparent; border-radius:24px; background:var(--exercise-token),var(--surface); font-size:18px; line-height:1.5; box-shadow:var(--exercise-control-shadow); }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-chip.is-symbol { font-size:24px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow.has-long-options .picture-match-options,
.learn-match-board.picture-match.picture-match-paged.learn-match-flow.has-option-media .picture-match-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow.has-long-options .learn-match-chip { font-size:16px; border-radius:16px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow.has-option-media .learn-match-chip { border-radius:16px; }
.learn-match-board.picture-match.picture-match-paged.learn-match-flow :is(.learn-match-row.is-selected-row,.learn-match-chip.is-selected,.learn-match-target.is-selected-target) { border-color:var(--primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent); }
.learn-match-flow .picture-match-option-empty { min-height:48px; }

/* Order, categories and every gaps mode share a content-sized working area. */
.learn-workbench.learn-flow { gap:12px; }
.learn-workbench.learn-flow .learn-workbench-layout { height:auto; min-height:0; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; gap:20px; align-items:start; }
.learn-workbench.learn-flow .learn-workbench-main { gap:12px; }
.learn-workbench.learn-flow .learn-workbench-content { flex:none; padding:3px; overflow:visible; scrollbar-gutter:auto; }
.learn-workbench.learn-flow .learn-workbench-bank { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:0 3px; border:0; }
.learn-workbench.learn-flow .learn-workbench-bank-title { color:var(--text-soft); font-size:13px; font-weight:500; }
.learn-workbench.learn-flow .learn-workbench-bank > .learn-workbench-pager { align-self:center; }
.learn-workbench.learn-flow .learn-workbench-options { width:100%; min-height:108px; max-height:none; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:minmax(48px,auto); align-content:start; gap:12px; padding:0; overflow:visible; scrollbar-gutter:auto; }
.learn-workbench.learn-flow.has-long-options .learn-workbench-options,
.learn-workbench.learn-flow.has-option-media .learn-workbench-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.learn-workbench.learn-flow .learn-workbench-options > :is(.learn-token,.learn-category-chip),
.learn-workbench.learn-flow .learn-order-word { min-height:48px; padding:10px 16px; border:1px solid transparent; border-radius:24px; background:var(--exercise-token),var(--surface); color:var(--text); font-size:18px; font-weight:500; line-height:1.5; box-shadow:var(--exercise-control-shadow); }
.learn-workbench.learn-flow.has-long-options .learn-workbench-options > :is(.learn-token,.learn-category-chip),
.learn-workbench.learn-flow.has-option-media .learn-workbench-options > :is(.learn-token,.learn-category-chip) { border-radius:16px; font-size:16px; }
.learn-workbench.learn-flow :is(.learn-token,.learn-category-chip,.learn-order-word):hover { border-color:var(--primary); transform:none; }
.learn-workbench.learn-flow :is(.learn-token,.learn-category-chip,.learn-order-word).is-selected { border-color:var(--primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent); }
.learn-workbench.learn-flow .learn-workbench-option-empty { min-height:48px; }
.learn-workbench.learn-flow .learn-passage { padding:24px; border:1px solid var(--line); border-radius:28px; background:var(--surface); color:var(--text); font-size:18px; line-height:3; box-shadow:var(--exercise-control-shadow); }
.learn-workbench.learn-flow .learn-passage.has-gap-rows { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:18px 24px; }
.learn-workbench.learn-flow .learn-gap-line { gap:12px; }
.learn-workbench.learn-flow .learn-gap-label { max-width:45%; font-size:24px; line-height:1.6; }
.learn-workbench.learn-flow .learn-slot { max-width:calc(100% - 6px); min-width:min(130px,100%); min-height:48px; padding:8px 32px 8px 14px; border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line)); border-radius:24px; background-color:var(--surface); color:var(--text); font:inherit; font-size:17px; line-height:1.5; }
.learn-workbench.learn-flow .learn-gap-line .learn-slot { flex:1 1 130px; width:auto; }
.learn-workbench.learn-flow .learn-gap-field { max-width:100%; }
.learn-workbench.learn-flow .learn-gap-field > .learn-gap-blank { min-height:48px; }
.learn-workbench.learn-flow .learn-order-answer { margin:0; min-height:92px; padding:20px; border:1px solid transparent; border-radius:28px; background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--exercise-outline) border-box; box-shadow:var(--exercise-control-shadow); }
.learn-workbench.learn-flow .learn-order-answer.learn-order-inline { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:10px; }
.learn-workbench.learn-flow .learn-order-word { flex:0 1 auto; max-width:100%; }
.learn-workbench.learn-flow .learn-order-letters .learn-order-word { min-width:44px; padding-inline:12px; font-size:22px; }
.learn-workbench.learn-flow .learn-order-sentence { min-height:38px; margin:16px 4px 8px; padding:0 4px; font-size:22px; line-height:1.65; }
.learn-workbench.learn-flow .learn-order-tools { border:0; padding:4px; }
.learn-workbench.learn-flow .learn-order-item { grid-template-columns:24px minmax(0,1fr) auto; padding:8px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.learn-workbench.learn-flow .learn-order-item > button.learn-token[data-remove-token] { padding:8px; font-size:16px; }
.learn-workbench.learn-flow .learn-order-grip { width:24px; }
.learn-workbench.learn-flow .learn-category-groups { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.learn-workbench.learn-flow .learn-category-zone { min-height:150px; padding:18px; border:1px solid transparent; border-radius:24px; background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--exercise-outline) border-box; box-shadow:var(--exercise-control-shadow); }
.learn-workbench.learn-flow .learn-category-zone > header { gap:10px; padding-bottom:12px; border-bottom:1px solid var(--line); font-size:18px; }
.learn-workbench.learn-flow .learn-category-items { display:flex; flex-wrap:wrap; gap:8px; min-height:48px; padding-top:12px; background:transparent; }
.learn-workbench.learn-flow .learn-category-chip.assigned { width:auto; max-width:100%; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:24px; background:var(--exercise-token),var(--surface); font-size:17px; }
.learn-workbench.learn-flow .learn-category-zone.is-selected-target { box-shadow:0 0 0 2px var(--primary); }
.learn-workbench.learn-flow .learn-workbench-placeholder { font-size:15px; }
:is(.learn-match-flow,.learn-workbench.learn-flow) :is(.picture-match-nav,.learn-workbench-pager) { gap:8px; }
:is(.learn-match-flow,.learn-workbench.learn-flow) :is(.picture-match-nav button.icon-btn[data-match-page],.learn-workbench-pager button,.learn-order-tools > .icon-btn,.learn-order-move button) { width:44px; height:44px; min-width:44px; min-height:44px; border:1px solid var(--line); border-radius:50%; background:var(--surface); color:var(--primary); }
:is(.learn-match-flow,.learn-workbench.learn-flow) button:disabled { cursor:default; transform:none; box-shadow:none; }
.learn-review :is(.learn-match-flow,.learn-workbench.learn-flow) :is(.filled,.learn-order-word,.assigned):disabled { opacity:1; }
.learn-player .learn-feedback { align-items:flex-start; gap:12px; padding:16px 20px; border:1px solid currentColor; border-radius:20px; font-size:15px; line-height:1.6; }
.learn-player .learn-feedback > svg { flex:0 0 22px; width:22px; height:22px; }
.learn-player .learn-feedback > :not(svg) { min-width:0; overflow-wrap:anywhere; }
.learn-player .learning-assignment-help { max-width:820px; margin-inline:auto; }
.studio-block.is-preview .lesson-quiz { border:0; padding:0; border-radius:0; box-shadow:none; }
.studio-block.is-preview .quiz-question { min-width:0; padding:24px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; }
.studio-block.is-preview .quiz-question-head strong { min-width:0; font-size:18px; line-height:1.6; }

@media (max-width:600px) {
  .learn-player .learn-stage { margin:10px auto 16px; padding:8px 0 16px; }
  .learn-player .learn-question-scene { padding:8px 0; }
  .learn-player .learn-question-scene.background-custom { padding:16px 12px; border-radius:20px; }
  .learn-player :is(.learn-stage,.learn-question-scene) > h2 { margin-bottom:16px; font-size:20px; text-align:left; }
  :is(.learn-exercise,.quiz-exercise) .learn-options.learn-choice-set { grid-template-columns:minmax(0,1fr); gap:10px; }
  :is(.learn-exercise,.quiz-exercise) .learn-choice-set .learn-option { min-height:52px; padding:12px 14px; gap:10px; border-radius:22px; }
  :is(.learn-exercise,.quiz-exercise) .learn-choice-set.is-multiple .learn-option { border-radius:14px; }
  :is(.learn-exercise,.quiz-exercise) .learn-option-copy { font-size:16px; }
  :is(.learn-exercise,.quiz-exercise) .learn-answer input { font-size:16px; }
  :is(.learn-exercise,.quiz-exercise) .learn-truefalse-row { grid-template-columns:minmax(0,1fr); gap:12px; padding:14px; }
  :is(.learn-exercise,.quiz-exercise) .learn-truefalse-label { font-size:16px; }
  :is(.learn-exercise,.quiz-exercise) .learn-truefalse-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  :is(.learn-exercise,.quiz-exercise) .learn-truefalse-option { min-width:0; font-size:15px; }
  .learn-match-board.learn-match-flow .learn-pairs.picture-match-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-row { min-height:124px; padding:14px 8px 8px; gap:10px; border-radius:18px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label { min-height:40px; font-size:16px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label.is-symbol { font-size:26px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label > span { padding-inline:12px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-label img { height:90px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-target[data-match-slot] { min-height:46px; font-size:16px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-assigned { font-size:16px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .picture-match-options { gap:8px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-chip[data-match-option] { padding:8px 6px; font-size:16px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .learn-match-chip.is-symbol { font-size:22px; }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow.has-long-options .learn-match-chip { font-size:15px; }
  .learn-workbench.learn-flow .learn-workbench-layout { gap:18px; }
  .learn-workbench.learn-flow .learn-workbench-options { gap:8px; }
  .learn-workbench.learn-flow .learn-workbench-options > :is(.learn-token,.learn-category-chip) { padding:8px 6px; font-size:16px; }
  .learn-workbench.learn-flow.has-long-options .learn-workbench-options > :is(.learn-token,.learn-category-chip) { font-size:15px; }
  .learn-workbench.learn-flow .learn-token > svg { display:none; }
  .learn-workbench.learn-flow .learn-passage { padding:18px 14px; border-radius:22px; font-size:16px; line-height:3.3; }
  .learn-workbench.learn-flow .learn-passage.has-gap-rows { grid-template-columns:repeat(auto-fit,minmax(min(100%,134px),1fr)); gap:16px 12px; }
  .learn-workbench.learn-flow .learn-gap-label { font-size:24px; }
  .learn-workbench.learn-flow .learn-slot { font-size:16px; }
  .learn-workbench.learn-flow .learn-order-answer { padding:16px 12px; border-radius:22px; }
  .learn-workbench.learn-flow .learn-order-answer.learn-order-inline { gap:8px; }
  .learn-workbench.learn-flow .learn-order-word { padding:8px 12px; font-size:17px; }
  .learn-workbench.learn-flow .learn-order-sentence { margin:12px 0 8px; font-size:20px; }
  .learn-workbench.learn-flow .learn-order-item { padding:6px; grid-template-columns:20px minmax(0,1fr) auto; gap:4px; }
  .learn-workbench.learn-flow .learn-order-item > button.learn-token[data-remove-token] { padding:6px; font-size:15px; }
  .learn-workbench.learn-flow .learn-order-grip { width:20px; }
  .learn-workbench.learn-flow .learn-category-groups { grid-template-columns:minmax(0,1fr); gap:12px; }
  .learn-workbench.learn-flow .learn-category-zone { min-height:120px; padding:16px; border-radius:20px; }
  .learn-player .learn-feedback { padding:12px 14px; font-size:14px; border-radius:16px; }
}
@media (max-width:359px) {
  .learn-match-flow.has-long-labels .learn-pairs.picture-match-grid,
  .learn-workbench.learn-flow .learn-passage.has-gap-rows { grid-template-columns:minmax(0,1fr); }
  .learn-match-board.picture-match.picture-match-paged.learn-match-flow .picture-match-options,
  .learn-workbench.learn-flow .learn-workbench-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  :is(.learn-exercise,.quiz-exercise) .learn-choice-set .learn-option { transition:none; }
}