/* Shared chrome of the Elektrodílna lessons: the lesson strip under the top bar and the footer. */
.lessons { max-width: 1320px; margin: 0 auto; padding: 10px 32px; display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--line); font-size: .82rem; }
.lessons::-webkit-scrollbar { display: none; }
.lessons-label { color: var(--muted); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; margin-right: 8px; flex: none; }
.lessons a, .lessons .soon { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px; border-radius: 999px; border: 1px solid transparent; color: var(--muted); text-decoration: none; white-space: nowrap; }
.lessons a:hover { border-color: var(--line); color: var(--text); background: var(--panel); }
.lessons a[aria-current="page"] { color: var(--text); background: var(--panel); border-color: var(--line); }
.lessons b { color: #f5c76b; font-weight: 700; }
.lessons .soon { opacity: .55; cursor: default; }
.lessons .soon small { font-size: .68rem; opacity: .8; }
.lessons .done::after { content: "✓"; color: #7ed6a0; font-weight: 700; margin-left: 2px; }
.lesson-footer { border-top: 1px solid var(--line); max-width: 1180px; margin: 20px auto 0; padding: 24px 28px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; font-size: .78rem; color: var(--muted); }
.lesson-footer a { color: var(--muted); text-decoration: none; }
.lesson-footer a:hover { color: var(--text); }
@media (max-width: 600px) {
  .lessons { padding: 8px 12px; }
  .lessons-label { display: none; }
  .lesson-footer { padding: 20px 14px; }
}