/* TASK-1008 (owner 20.10, INBOX #211): the AU load cell = variant A of TASK-0999 — seconds + a word chip
   Fast / Medium / Slow, «Sydney · 20 Oct» under them; «Timed out» is a word, never a dash or a zero.
   Rules of docs/os/work/TASK-0999/load.css (variant A, accepted by ux* 9bda6b8b0) without the html.v-a prefix, scoped
   to the tested cell (.metric.load.ld), so a «Not measured» cell looks exactly as before. Homepage only, after rank.css.
   Colours: the owner's tokens plus ONE pair of the project signals (standards/brand.md «Сигналы», yellow #FEF0C7 /
   #93370D) for «Slow». Red is not used: on our site red means a public warning or a ban, and a slow page is neither.
   Bands: Fast <= 2.5 s · Medium 2.5–4 s · Slow > 4 s — Google's LCP bands (web.dev/articles/lcp), set in build_new.py. */

/* «how to read» line above the list: metric, place, tool, runs, bands — once for all rows (only when a row has a test) */
.ld-legend { margin: 0 0 9px; padding: 0 4px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.ld-legend b { color: var(--ink); }

.metric.load.ld .ld-state { font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: var(--muted); white-space: nowrap; line-height: 1.25; }
.metric.load.ld .metric-caption { line-height: 1.35; }

.ld-chip { display: inline-block; border-radius: 100px; padding: 1px 9px; font-size: 12px; font-weight: 800; line-height: 1.5; white-space: nowrap; }
.ld-fast { background: var(--mint); color: var(--on-mint); }
/* TASK-1070 (owner 20.10, pick A of TASK-1062/TASK-1050): Medium = the signal pair «жёлтый» as is (pale apricot chip,
   dark rust word, 6.6:1); Slow = solid dark rust with white (7.5:1) so it never reads as Medium. No new colour. */
.ld-mid  { background: var(--warn-bg); color: var(--warn-tx); }
.ld-slow { background: var(--warn-tx); color: var(--on-purple); }

/* desktop compact row (>= 1200): keep the cell inside the row height of its neighbours */
@media (min-width: 1200px) {
  .metric.load.ld { gap: 3px; }
}
/* tablet and phone (< 1200) */
@media (max-width: 1199px) {
  .ld-legend { font-size: 12px; }
  .metric.load.ld .ld-state { font-size: 14px; }
}
@media (max-width: 759px) {
  .ld-legend { padding: 0 2px; }
}