/* The fleet scoreboard. Lab instances only; production never loads this. */
.fleet { padding: 40px 0 72px; }
.fleet h1 { font-family: var(--serif); font-weight: 400; font-size: 34px; margin: 0 0 6px; }
.fleet .sub { color: var(--ink-2); margin: 0 0 28px; max-width: 70ch; }
.fleet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1px; background: var(--line); margin-bottom: 28px; }
.fleet-card { background: var(--bg); padding: 18px 20px; }
.fleet-card .k { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-3); }
.fleet-card .v { font-family: var(--serif); font-size: 34px; margin-top: 4px; }
.fleet-card .n { font-size: 12.5px; color: var(--ink-3); margin-top: 6px; }
.fleet table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 28px; }
.fleet th, .fleet td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.fleet th { font-weight: 500; color: var(--ink-3); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
.fleet td.num, .fleet th.num { text-align: right; font-family: var(--mono); }
.fleet .warn { color: var(--red); }
.fleet .ok { color: var(--healthy); }
.fleet h2 { font-family: var(--serif); font-weight: 400; font-size: 22px; margin: 0 0 12px; }