@layer components {
  /*
   * Lightweight page-scoped structure. Prefer nesting under a single
   * root class rather than scattering utility classes in the markup.
   */

  .address-summary {
    p {
      margin: 0;
    }

    & + .actions-row {
      margin-block-start: var(--spacing-md);
    }
  }

  .profile-address {
    margin-block-start: var(--spacing-lg);

    .address-section-label {
      margin: 0 0 var(--spacing-sm);
    }

    .address-empty {
      margin: 0 0 var(--spacing-sm);
    }
  }
}