/* Historical long connected strip. Colors remain owned by the style settings. */
html:root .learning-main-canvas .learning-footer-controls [data-word-step-strip] {
  background:var(--color-bottom-dock-bg,rgba(12,23,49,.6))!important;
  border:1px solid var(--color-nav-btn-border,#162645)!important;
  border-radius:12px!important;padding:2px!important;gap:2px!important;
  box-shadow:0 1px 2px #0000000d!important;
  max-width:100%;
}
html:root .learning-main-canvas .learning-footer-controls [data-word-step-strip]>button {
  border:0!important;background:transparent!important;border-radius:9px!important;
  padding:6px 12px!important;font-size:14px!important;line-height:20px!important;
  box-shadow:none!important;text-shadow:none!important;filter:none!important;transform:none!important;
}
html:root .learning-main-canvas .learning-footer-controls [data-word-step-strip]>button:not([aria-current="step"]) {
  color:var(--read-dock,var(--color-text-secondary,#94a3b8))!important;
}
html:root .learning-main-canvas .learning-footer-controls [data-word-step-strip]>button[aria-current="step"] {
  background:var(--color-bottom-tab-active-bg,var(--color-accent-primary,#06b6d4))!important;
  color:var(--read-dock-active,var(--app-dock-ink,#020617))!important;
}
html:root .learning-main-canvas .learning-footer-controls [data-word-step-strip]>button:not([aria-current="step"]):hover {background:var(--color-sidebar-item-bg-hover,#ffffff0a)!important;}
@media(max-width:767px){html:root .learning-main-canvas .learning-footer-controls [data-word-step-strip]>button{font-size:12px!important;padding:5px 8px!important;line-height:18px!important;}}

.student-course-page[data-course-domain="cet"] .student-course-picker-grid { grid-template-columns: minmax(160px,220px) 1fr !important; }