/*
 * The row gap of a field stack. A field carries a BORDER, so a tighter rung
 * fuses the stack of hard edges into one block — and an annotated row's
 * `description` sits 2px under ITS value, so the gap to the NEXT row has to be
 * unmistakably larger.
 *
 * Stacked (narrow) mode: a row is a label-over-value BLOCK, so the gap between
 * rows must beat the gap inside one — the next rung up, on the same grid.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-detail-table {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    /* The two rungs are the RECORD surface's; a host whose density is not a
       page's states its own pair. */
    gap: var(--lotics-detail-table-gap, var(--lotics-space-16));
  }

  .lotics-detail-table[data-stacked] {
    gap: var(--lotics-detail-table-stacked-gap, var(--lotics-space-24));
  }

  /* Measure-then-reveal: the first PAINT is already in the right mode. */
  .lotics-detail-table[data-unmeasured] {
    opacity: 0;
  }
}