/* Balance page specific styles */
.hero {
  padding-block: var(--space-16) var(--space-12);
}
.hero__inner {
  display: grid;
  gap: var(--space-8);
  grid-template-columns: 1fr;
  align-items: center;
}
.hero__content p { color: var(--color-text-muted); }
.hero__actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.hero__media { justify-self: center; max-width: 860px; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); }

@media (min-width: 992px) {
  .hero__inner { grid-template-columns: 1.1fr 1fr; }
}

.section { padding-block: var(--space-14); }

/* Table of contents */
.toc { margin-top: var(--space-8); }
.toc__list { display: flex; flex-wrap: wrap; gap: var(--space-3); list-style: none; padding: 0; margin: 0; }
.toc__list a { display: inline-block; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-full); color: var(--color-text); background: var(--color-surface); }
.toc__list a[aria-current="true"] { border-color: var(--color-primary); background: var(--color-tint); }

/* Wellness wheel image */
.wheel { margin: 0; justify-self: center; max-width: 520px; }
.wheel img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

/* Parenting image */
.parenting { margin: 0; justify-self: center; }
.parenting img { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }

/* Final CTA */
.cta-final { padding-block: var(--space-16); }