@layer molecules {
  .details {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--space-2) var(--space-4);
    margin: 0;

    dt { color: var(--color-muted); font-size: var(--text-s); }
    dd { margin: 0; }
  }
  .receipt-image {
    max-width: 100%;
    border-radius: var(--radius-m);
  }
}