/*
 * utilities.css
 * Petites classes utilitaires pour éviter tout style "inline" dans le HTML
 * (plus propre, et compatible avec une CSP stricte sans 'unsafe-inline' sur style-src).
 */

.text-center { text-align: center; }
.mx-auto { margin-inline: auto; }

.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }

.text-muted { color: var(--color-text-soft); }
.font-small { font-size: var(--fs-300); }
.text-accent { color: var(--color-terracotta-dark); font-weight: 600; }
.heading-navy { color: var(--color-navy-dark); }

.meta-note {
  font-size: var(--fs-300);
  color: var(--color-text-soft);
}

.btn-row--center { justify-content: center; }
.tag-list--center { justify-content: center; }
.grid--mt-lg { margin-top: var(--space-lg); }

.pull-quote--tagline {
  border: none;
  padding: 0;
  margin: 0 auto var(--space-md);
}

.practitioner-icon {
  margin-inline: auto;
  color: var(--color-navy-dark);
}

.practitioner-name {
  margin-top: var(--space-sm);
  font-weight: 700;
  color: var(--color-navy-dark);
}

.logo-display span:nth-child(1) { color: var(--color-sage-dark); font-family: var(--font-display); }
.logo-display span:nth-child(2) { color: var(--color-terracotta-dark); font-family: var(--font-display); }
.logo-display span:nth-child(3) { color: var(--color-navy-dark); font-family: var(--font-display); }