/* The real console (one page for every route): a block button may carry a long action name, so it wraps
   instead of running out of the Before you start panel. */
.th-btn--block { white-space: normal; text-align: center; padding-top: 8px; padding-bottom: 8px; }

/* Now page only (DESIGN 4.2). The shared th-rail cannot put the rail beside the fleet grid on a desktop and between
   the lanes and the fleet grid on a phone, as the spec asks, so this one grid lives here. */
.now-layout { display: grid; gap: 32px 24px; grid-template-columns: minmax(0, 1fr) 320px; grid-template-areas: "lanes lanes" "fleet rail"; align-items: start; }
.now-lanes { grid-area: lanes; align-items: start; }
.now-fleet { grid-area: fleet; min-width: 0; }
.now-rail { grid-area: rail; align-items: start; }
@media (max-width: 1199px) {
  .now-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "lanes" "rail" "fleet"; }
}
.now-summary { align-items: baseline; gap: 8px 24px; }
.now-age { margin: 0; }
.now-fleet__lead { margin: -4px 0 12px; }
/* Lane headings: the icon repeats the lane's meaning; the word carries it. */
.now-h { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.now-h--bad .th-i { color: var(--bad); }
.now-h--wait .th-i { color: var(--warn); }
.now-h--run .th-i { color: var(--run); }
.now-lane .th-card__foot { margin-top: 4px; }
.now-rail .th-card__head { margin-bottom: 0; }
.now-rail .th-card > p { margin: 0; }