/* =========================
   BIO PAGE STYLES
   ========================= */

/* Override the narrow page content to use full width like navbar/footer */
.page-content {
  max-width: var(--page-max-width) !important;
}

.bio-hero {
  text-align: center;
  margin-bottom: 3rem;
}

.bio-title {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.bio-lead {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: var(--font-main);
  color: var(--color-text);
  opacity: 0.8;
}

.bio-body {
  line-height: 1.8;
  font-family: var(--font-main);
}

.bio-body p {
  margin-bottom: 1.5rem;
}