/* Specifications table (DS §7.5) — fully borderless, two columns, monospace
   values aligned right, 1px mist between rows, 16px row padding. */
@layer components {
  .pk-spec-table {
    margin: 0;
  }

  .pk-spec-row {
    display: grid;
    /* minmax(0, 1fr) auto: the label column shrinks first, so an overflowing
       value wraps beneath the label instead of scrolling horizontally. */
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--pk-space-4);
    align-items: baseline;
    padding-block: var(--pk-space-4);
  }

  .pk-spec-row + .pk-spec-row {
    border-top: 1px solid var(--pk-mist);
  }

  .pk-spec-label {
    color: var(--pk-slate);
    font-size: var(--pk-text-body);
    margin: 0;
  }

  .pk-spec-value {
    font-family: var(--pk-font-mono);
    font-size: var(--pk-text-mono);
    color: var(--pk-ink);
    text-align: right;
    justify-self: end;
    margin: 0;
    min-width: 0;
    overflow-wrap: break-word;
  }
}