@layer components {
  /* "Osnova aktualizována: říjen 2026", a small label under a course's outline heading. */
  .outline-updated {
    inline-size: fit-content;
    margin: 4px auto var(--space-block);
    padding: 4px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-canvas);
    font-size: 0.85rem;
    color: var(--color-subtle);
  }
}