/* Cursos: preserve whole header controls when text is enlarged. */
@media (max-width: 720px) {
  body[data-page="cursos"] .topbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: static;
  }

  body[data-page="cursos"] .topbar .top-actions {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    min-inline-size: 0;
    gap: 8px;
  }

  body[data-page="cursos"] .topbar > #menu-toggle,
  body[data-page="cursos"] .topbar .top-actions > .btn,
  body[data-page="cursos"] .topbar .top-actions > .notification-toggle {
    flex: 0 0 auto;
    min-inline-size: 44px;
    min-block-size: 44px;
    max-inline-size: 100%;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    overflow: visible;
    text-overflow: clip;
  }

  body[data-page="cursos"] .topbar .top-actions > #community-owner-view {
    flex-basis: 100%;
    inline-size: 100%;
  }
}