/* Record Grid
 *
 * A record page's two columns: its content, and beside it a rail carrying the record's facts.
 * Stock css-zero has no two-column page component, so the split is ours. The rail's width is
 * fixed, so a wider container widens the content rather than the facts. Both columns become one
 * at the width the pairs inside them collapse at.
 */

.record-grid {
  column-gap: var(--size-6);  /* 24px */
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--size-72); /* 288px rail */
}

/* Responsive: the rail follows the content into a single column */
@media (max-width: 980px) {
  .record-grid {
    grid-template-columns: 1fr;
    row-gap: var(--size-6);
  }
}