.back {
  margin-bottom: 1rem;
}

.heading {
  margin-bottom: 1.25rem;
}

/* Do not set display: block — it breaks horizontal flex on tui-tabs and wraps tabs. */
.session-tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  margin-bottom: 1.25rem;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Padding between label and underline (Taiga [tuiTab] has padding: 0 by default). */
.session-tabs [tuiTab] {
  padding-block-end: 0.5rem;
}

/*
 * Taiga's inactive tab hover shadow is above the tab bar bottom border — remove it.
 */
.session-tabs [tuiTab]:hover:not(._active) {
  box-shadow: none;
}
