/* Training portal (src/training/), on the M3 theme (docs/theme.md). Tokens
   only; .trn-* prefix. It sits in the same fixed overlay as the Handbook (.hb). */
body.trn-open { overflow: hidden; }
.trn { gap: var(--m3-space-3); }
.trn-tabs { position: sticky; top: calc(56px + env(safe-area-inset-top)); z-index: 19; padding: var(--m3-space-2) var(--m3-space-4);
  background: color-mix(in srgb, var(--md-sys-color-card) 95%, transparent); }
.trn-filters .m3-chip-set { margin: 0; }
.trn-badges { flex-wrap: wrap; gap: var(--m3-space-1); margin-top: var(--m3-space-1); }
.trn-person.trn-gone .m3-list-item-headline { color: var(--md-sys-color-on-surface-variant); text-decoration: line-through; }
.trn .m3-list-item-trailing.m3-row { gap: var(--m3-space-2); }
.trn .m3-list-item-trailing .m3-select { max-width: 12rem; }
.trn-x { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0 0 0 4px; line-height: 1; }
@media (max-width: 599px) {
  .trn .m3-list-item { flex-wrap: wrap; }
  .trn .m3-list-item-trailing { width: 100%; }
  .trn .m3-list-item-trailing .m3-select { max-width: none; flex: 1; }
}