/*
 * The row gap of a field stack: bordered fields need a clear rung, larger than an annotation's 2px.
 * Stacked, 16 beats a block's internal 4 and stays under a `Section`'s 24 (`constitution.md` §2).
 */
@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 record surface's rungs; a denser host states its own. */
    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-16));
  }

  /* Measure-then-reveal. */
  .lotics-detail-table[data-unmeasured] {
    opacity: 0;
  }
}