.training-station-button { display:inline-flex; flex-wrap:wrap; align-items:center; min-height:56px; padding:12px 18px; border:2px solid var(--input-focus); border-radius:8px; background:var(--card-bg); color:var(--text); font-size:1.125rem; font-weight:700; text-decoration:none; }
.training-station-button--overdue { background:var(--scott-error); color:var(--scott-on-error); border-color:var(--scott-error); }
.training-touch { font-size:1.125rem; line-height:1.6; max-width:100%; }
.training-touch a, .training-touch button, .training-touch label { min-height:48px; padding:12px; }
.training-touch a, .training-touch button { display:inline-flex; align-items:center; }
.training-touch label { display:flex; gap:12px; align-items:center; cursor:pointer; }
.training-touch input[type=radio], .training-touch input[type=checkbox] { width:24px; height:24px; flex-shrink:0; }
.training-touch video, .training-touch iframe { width:100%; max-width:100%; aspect-ratio:16/9; }
.training-touch img { max-width:100%; height:auto; }
.training-touch progress { display:block; width:100%; height:20px; accent-color:var(--input-focus); margin:8px 0 20px; }
.training-navigation, .training-quiz-controls { display:flex; flex-wrap:wrap; gap:12px; }
.training-notice { padding:24px; border:2px solid var(--scott-error); border-radius:12px; }
[data-quiz-question][hidden], .training-quiz-controls [hidden] { display:none !important; }
@media (max-width:640px) { .training-touch .flex, .training-touch .d-flex { flex-wrap:wrap; } .training-touch .container { padding:12px !important; } }