/* OBJECTS — reusable layout patterns. No cosmetics (colour/shadow/font). */

.o-container {
  max-width: 48rem;
  margin-inline: auto;
  padding: var(--space-4);
}

.o-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  max-width: 28rem;
  margin-bottom: var(--space-4);
}

.o-grid {
  display: grid;
  grid-template-columns: 12rem 1fr;
  column-gap: var(--space-4);
  row-gap: var(--space-1);
}

.o-table-scroll { overflow-x: auto; }