/* =============================================================================
   Antiborg (Undebt) Landing — land-specific styles
   ─────────────────────────────────────────────────────────────────────────
   Базова стилізація → /resources/css/course.css (підключається перед цим файлом).
   Тут лежить ТІЛЬКИ те, що унікальне для Антиборгу.
   ============================================================================= */

/* Diag-card "problem" symbol — undebt-only override (base .diag-card → course.css).
   У "поганій" колонці символ червоний (✕), а не градієнтний. */
.diag-card__sym--muted {
  background: var(--color-error);
  box-shadow: none;
}

/* .outcome__icon і .hero__cover-video → /resources/css/course.css (спільні) */

/* -----------------------------------------------------------------------------
   Module labels у сітці уроків — варіант "bar" (акцентна ліва смужка, два рядки).
   Лише цей варіант використовується (HTML: .lgl .lgl--bar).
   -------------------------------------------------------------------------- */
.lgl { grid-column: 1 / -1; }

.lgl--bar {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 2px 0 2px var(--space-4);
  border-left: 3px solid var(--color-primary);
  margin-top: var(--space-5);
}

.lgl--bar.is-first { margin-top: 0; }

.lgl__eyebrow {
  font-size: var(--text-xs);
  font-weight: var(--font-weight-bold);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--color-primary);
}

.lgl__title {
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  color: var(--color-text);
}

@media only screen and (max-width: 743.98px) {
  .lgl--bar  { margin-top: var(--space-3); }
  .lgl__title { font-size: 16px; }
}