.macro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.macro-grid article {
  background: var(--cream);
  border-radius: 16px;
  padding: 12px;
}

.macro-grid strong { display: block; font-family: var(--font-display); font-size: 32px; color: var(--navy); font-weight: 500; }

.macro-grid span { color: var(--muted); font-size: 14px; }

.nutrition-form { margin-top: 8px; }