/* cs-team-links — "Find the Right Connection" roster at the foot of a bio page.
   All rem values follow BB Theme's html { font-size: 10px } base — 1.8rem = 18px. */

.fl-row-content-wrap:has(.cs-team-links) {
  padding-block: 0;
}
.fl-module-content:has(.cs-team-links) {
  margin-block: 0;
}

.cs-team-links {
  font-family: var(--cs-font-body);
  color: var(--cs-ink);
}

/* Section padding — same scale the other cs-* sections expose. */
.cs-team-links--spacing-none { padding-block: 0; }
.cs-team-links--spacing-sm   { padding-block: var(--cs-space-lg); }
.cs-team-links--spacing-md   { padding-block: var(--cs-space-section); }
.cs-team-links--spacing-lg   { padding-block: var(--cs-space-2xl); }

.cs-team-links__inner {
  max-width: var(--cs-container);
  margin: 0 auto;
  padding-inline: var(--cs-gutter);
  display: flex;
  flex-direction: column;
  gap: var(--cs-space-md);
}

/* Doubled-up class specificity so the heading survives BB Global Styles'
   `.fl-builder-content h2` color & font rules. */
.cs-team-links .cs-team-links__heading {
  margin: 0;
  font-family: var(--cs-font-display);
  font-weight: 700;
  font-size: clamp(3.2rem, 3vw + 1rem, 4.8rem); /* 32px → 48px */
  line-height: 1.212;
  letter-spacing: var(--cs-tracking-tight);
  color: var(--cs-ink);
  text-wrap: balance;
}

.cs-team-links__intro {
  max-width: 98rem;
  font-size: 1.8rem; /* 18px */
  line-height: 1.6;
  color: #5f6570; /* matches the muted body grey used across the intro bands */
}

.cs-team-links__intro p {
  margin: 0;
}

.cs-team-links__intro a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.cs-team-links__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--cs-space-md);
}

.cs-team-links__item {
  font-size: 1.8rem; /* 18px */
  line-height: 1.6;
  color: #5f6570;
  max-width: 110rem;
}

/* Doubled-up class specificity so these survive BB Global Styles'
   `.fl-builder-content a` colour rule, which otherwise decides this for us. */
.cs-team-links .cs-team-links__name,
.cs-team-links .cs-team-links__name:link,
.cs-team-links .cs-team-links__name:visited {
  font-family: var(--cs-font-display);
  font-weight: 700;
  color: #5180ba; /* the site's link blue — matches the intro link above */
  text-decoration: none;
  transition: color 200ms ease-in-out;
}

.cs-team-links .cs-team-links__name:hover,
.cs-team-links .cs-team-links__name:focus-visible {
  color: var(--cs-ink);
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.cs-team-links__sep {
  font-weight: 700;
  color: var(--cs-ink);
}

@media (max-width: 900px) {
  .cs-team-links--spacing-md { padding-block: var(--cs-space-section-sm); }
  .cs-team-links--spacing-lg { padding-block: var(--cs-space-section-sm); }

  .cs-team-links__intro,
  .cs-team-links__item {
    font-size: 1.8rem; /* 18px */
  }
}