/* Phase 5 navigation geometry only. */
.session-phases-page:has([data-testid="phase5-reports-view"]) .phase-navigation-list {
  height: auto;
  align-items: stretch;
  grid-auto-columns: minmax(max-content, 1fr);
}
.session-phases-page .phase5-report-navigation { display: flex; flex-wrap: wrap; align-items: stretch; }
.session-phases-page .phase5-report-navigation > * { flex: 1 1 auto; width: auto; min-width: 0; }
.session-phases-page .phase5-report-navigation > [role="tab"],
.session-phases-page .phase5-report-navigation > .relative > [role="tab"] {
  width: auto; height: 100%; min-height: 62px;
  white-space: nowrap; overflow-wrap: normal;
}
.session-phases-page .phase5-report-navigation > .relative > [role="tab"] { width: 100%; }
@media (max-width: 699px) {
  .session-phases-page .phase5-report-navigation > * { flex: 1 1 12rem; }
  .session-phases-page .phase5-report-navigation > [role="tab"],
  .session-phases-page .phase5-report-navigation > .relative > [role="tab"] { white-space: normal; }
}

/* Let the shared phase bar contain its 48px tabs and vertical padding. */
.session-phases-page .phase-navigation-list { height: auto; }