.account-centered,
.account-dashboard {
  margin-inline: auto;
}

.account-centered {
  display: grid;
  gap: 1.5rem;
  max-inline-size: 46rem;
}

.account-section-heading h1 {
  margin: .45rem 0 0;
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.account-section-heading > p:last-child:not(.account-eyebrow) {
  max-inline-size: 38rem;
  margin: 1rem 0 0;
  color: var(--store-muted);
}

.account-card {
  border: 1px solid var(--store-border);
  border-radius: var(--store-radius-lg);
  padding: clamp(1.25rem, 4vw, 2.25rem);
  background: var(--store-surface);
  box-shadow: 0 1rem 2.5rem rgb(23 34 28 / .06);
}

.account-card > :first-child {
  margin-block-start: 0;
}

.account-card > :last-child {
  margin-block-end: 0;
}

.account-eyebrow {
  margin: 0;
  color: var(--store-accent);
  font-size: .78rem;
  font-weight: 650;
  letter-spacing: .12em;
  text-transform: uppercase;
}
