/* Compact membership message; the number and its unit stay on one line. */
.member-community-heading {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}
.member-community-heading .member-community-title {
  margin: 0;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}
.member-community-heading .member-count-badge {
  width: min(100%, 600px);
  padding: 12px 20px;
  border-radius: 10px;
}
.member-community-heading .member-count-badge h2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  font-family: var(--serif);
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}
.member-community-heading .member-count-badge h2 strong {
  font-size: clamp(80px, 20cqw, 108px);
  line-height: 1;
}
.member-count-badge > .member-count-description {
  margin: 4px 0 0;
  color: #f5edda;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.member-count-line {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 12px;
  min-width: 0;
}
.member-count-line > .member-count-value { flex: none; }
.member-count-line > .member-count-intro {
  margin: 0;
  min-width: 0;
  color: #fff;
  font-family: var(--serif);
  font-size: clamp(13px, 1.3vw, 16px);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .01em;
  text-align: center;
  text-wrap: balance;
}
.member-community-trades { margin-top: 22px; padding-top: 20px; }
.member-community-trades-heading { display: block; margin-bottom: 20px; }
.member-community-trades-heading .member-community-purpose-title {
  margin: 0;
  color: #1d2e40;
  font-family: var(--serif);
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 600;
  line-height: 1.6;
  text-wrap: pretty;
}
.member-community-trades-heading > .member-community-purpose-copy {
  margin-top: 16px;
  color: #243345;
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.9;
}
.member-community-trades-heading > .member-community-trades-instruction {
  text-align: center;
  margin-top: 10px;
  color: #526071;
  font-size: 14px;
  line-height: 1.8;
}

/* Full-width prose, introduced by a centered heading and lead. */
.instructor-principle {
  width: 100%;
  max-width: none;
  margin-top: 24px;
  padding-top: 24px;
}
.instructor-principle > h3 { margin-bottom: 16px; text-align: center; }
.instructor-principle > .instructor-principle-lead { margin-bottom: 16px; text-align: center; }
.principle-scenarios { min-width: 0; margin-block: 22px; }
.principle-scenarios > p + p { margin-top: 16px; }
.instructor-principle .instructor-principle-closing {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(200, 164, 93, .25);
  font-size: clamp(21px, 2vw, 26px);
  font-weight: 600;
  text-align: center;
}
@media (max-width: 760px) {
  .member-community-heading { gap: 12px; }
  .member-community-heading .member-community-title { font-size: clamp(24px, 6.6vw, 32px); line-height: 1.4; }
  .member-community-heading .member-count-badge { padding: 10px 14px; }
  .member-community-heading .member-count-badge h2 { font-size: 28px; }
  .member-count-badge > .member-count-description { font-size: 17px; line-height: 1.6; }
  .member-count-line { align-items: center; gap: 8px; }
  .member-count-line > .member-count-intro { flex: 0 1 auto; max-width: 11em; text-align: right; }
  #member-trades .member-count-line > .member-count-value { font-size: 24px; }
  #member-trades .member-count-line > .member-count-value strong { min-width: 0; font-size: clamp(58px, 22cqw, 80px); }
  .member-community-trades-heading .member-community-purpose-title { font-size: 22px; line-height: 1.65; }
  .member-community-trades-heading > .member-community-purpose-copy { font-size: 17px; }
  .instructor-principle { margin-top: 24px; padding-top: 22px; }
}

/* The learning photo is removed; close the remaining caption border. */
#method .method-practice-photo .method-photo-caption { border-top: 1px solid var(--line-gold); }