/* Вежбам: исти токени и јасна разлика између радњи ученика. */
[data-mode-theme="practice"] .task-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
[data-mode-theme="practice"] .task-card{min-height:180px;border-left:3px solid var(--color-structure)}
[data-mode-theme="practice"] .task-card:hover,[data-mode-theme="practice"] .task-card:focus-visible{border-left-color:var(--color-action)}
[data-mode-theme="practice"] .practice-book-note{max-width:920px;margin:4px 0 22px;padding:12px 16px;border-left:3px solid var(--color-structure);background:var(--color-warm-soft);color:var(--color-text);font-size:.9rem;line-height:1.6}
[data-mode-theme="practice"] .practice-progress-offer{max-width:980px;display:flex;justify-content:flex-end;margin:-8px 0 14px}
[data-mode-theme="practice"] .practice-progress-offer .text-button{font-size:.875rem;color:var(--color-action)}
[data-mode-theme="practice"] .interaction-tag{background:var(--color-warm-soft);color:var(--color-action);font-weight:700;font-size:.75rem}
[data-mode-theme="practice"] .exercise-layout{grid-template-columns:minmax(0,1fr)}
[data-mode-theme="practice"][data-view="task"] .task-topline{margin-bottom:16px}
[data-mode-theme="practice"][data-view="task"] .task-heading h1{font-size:clamp(1.45rem,2.4vw,2rem);margin-bottom:0}
[data-mode-theme="practice"][data-view="task"] .step-track{margin:16px 0 20px}
[data-mode-theme="practice"] .exercise-card{border-top:4px solid var(--mode-practice)}
[data-mode-theme="practice"] .exercise-card h2{font-weight:700}
[data-mode-theme="practice"] .sentence-frame{border-left:3px solid var(--color-structure);margin-bottom:20px}
[data-mode-theme="practice"] .sentence.selectable .word{border:2px solid var(--color-control-border);background:var(--color-surface);color:var(--color-text)}
[data-mode-theme="practice"] .sentence.selectable .word.selected{border-color:var(--color-action);background:var(--color-selected);color:var(--color-text);box-shadow:inset 0 -3px var(--color-action)}
[data-mode-theme="practice"] .sentence.selectable .word:focus-visible{outline:3px solid var(--color-focus)}
[data-mode-theme="practice"] .choices{margin:18px 0 8px}
[data-mode-theme="practice"] .choices .choice{border:1px solid var(--color-control-border)}
[data-mode-theme="practice"] .choices .choice.selected{border:2px solid var(--color-action);background:var(--color-selected)}
[data-mode-theme="practice"] .practice-connection{max-width:850px;margin:18px 0;background:var(--color-warm-soft)}
[data-mode-theme="practice"] .practice-connection .connection-side-label{font-size:.75rem}
[data-mode-theme="practice"] .practice-connection .connection-source{font-size:1.1rem;line-height:1.5}
[data-mode-theme="practice"] .practice-connection .connection-target{font-size:1rem}
[data-mode-theme="practice"] .practice-connection .connection-status:empty{display:none}
[data-mode-theme="practice"] .practice-connection .connection-status:not(:empty){margin:15px 0 0;font-size:.9rem}
[data-mode-theme="practice"] .feedback .practice-retry{margin:10px 0 0;font-size:.9rem}
[data-mode-theme="practice"] .reorder-list li{border:2px solid var(--color-control-border);background:var(--color-surface);min-width:110px}
[data-mode-theme="practice"] .reorder-list li:focus-within{border-color:var(--color-action)}
[data-mode-theme="practice"] .reorder-preview{background:var(--color-warm-soft)}
[data-mode-theme="practice"] .exercise-actions{align-items:flex-start}

@media(max-width:800px){
  [data-mode-theme="practice"] .task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-mode-theme="practice"][data-view="task"] .task-aside{margin-top:0}
}
@media(max-width:560px){
  [data-mode-theme="practice"] .task-grid{grid-template-columns:1fr}
  [data-mode-theme="practice"] .task-card{min-height:0}
  [data-mode-theme="practice"][data-view="task"] .task-topline{margin-bottom:10px}
  [data-mode-theme="practice"][data-view="task"] .task-heading{flex-wrap:wrap}
  [data-mode-theme="practice"][data-view="task"] .task-heading .secondary{min-height:44px}
  [data-mode-theme="practice"][data-view="task"] .step-track{margin:12px 0 16px}
  [data-mode-theme="practice"] .exercise-card{padding:18px 14px}
  [data-mode-theme="practice"] .practice-connection .connection-columns{gap:14px}
  [data-mode-theme="practice"] .practice-connection .connection-source{font-size:.95rem;min-height:80px}
  [data-mode-theme="practice"] .practice-connection .connection-target{font-size:.9rem;min-height:48px}
  [data-mode-theme="practice"] .exercise-actions{flex-wrap:wrap}
  [data-mode-theme="practice"] .exercise-actions>div{width:100%;justify-content:space-between}
}