/* Ui::SpecSheet + Ui::SpecCell — "ficha técnica" (grid de células com hairlines). */
.c-ui-spec-sheet{
  display: grid;
  grid-template-columns: repeat(var(--cols, 5), 1fr);
  border-bottom: var(--bd);
}
.c-ui-spec-cell{ padding: 11px 18px; border-left: var(--bd); }
.c-ui-spec-cell:first-child{ border-left: 0; padding-left: 0; }
.c-ui-spec-cell__label{
  font: 500 var(--fs-label)/1 var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 5px;
}
.c-ui-spec-cell__value{ font: 600 var(--fs-lead)/1.2 var(--font-ui); letter-spacing: -.01em; }
.c-ui-spec-cell__value.is-mono{ font-family: var(--font-mono); font-weight: 500; font-size: var(--fs-ui); }

/* Dentro do topbar (doc 51) a ficha vira LINHA: célula = "rótulo valor" lado a lado, separadas
   por hairline vertical — a anatomia de duas linhas não cabe nos 50px do cabeçalho fino. */
.c-ui-topbar__meta .c-ui-spec-sheet{ display: flex; border-bottom: 0; }
.c-ui-topbar__meta .c-ui-spec-cell{ display: flex; align-items: baseline; gap: 6px; padding: 0 12px; }
.c-ui-topbar__meta .c-ui-spec-cell:first-child{ padding-left: 0; }
.c-ui-topbar__meta .c-ui-spec-cell__label{ margin-bottom: 0; }
.c-ui-topbar__meta .c-ui-spec-cell__value{ font: 600 var(--fs-ui)/1 var(--font-ui); }