/* Center only the requested learning introduction. */
#method .method-opening-copy,
#method .method-heading,
#method .method-analogy { text-align: center; }
#method .method-heading .section-kicker {
  margin: 0 0 18px;
  color: var(--gold-light);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.8;
}
#method .method-heading h2 { margin-inline: auto; text-align: center; }
#method .method-heading > p:last-child { margin-inline: auto; text-align: center; }
#method .method-analogy { margin-top: 26px; padding-top: 24px; }
#method .method-analogy h3 {
  margin: 0;
  color: var(--white);
  font-family: var(--serif);
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 600;
  line-height: 1.95;
  text-align: center;
}
/* Emphasize the saved 3:7 wording without changing its text or adding decoration. */
#method .method-analogy .method-learning-ratio {
  display: flex;
  justify-content: center;
  align-items: baseline;
  width: fit-content;
  max-width: 100%;
  margin: 12px auto 10px;
  white-space: nowrap;
}
#method .method-analogy .method-ratio-part { display: inline-flex; align-items: baseline; gap: 5px; }
#method .method-analogy .method-ratio-label,
#method .method-analogy .method-ratio-unit {
  color: #f0f0ee;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}
#method .method-analogy .method-ratio-number {
  color: #fff;
  font-family: var(--serif);
  font-size: clamp(32px, 3vw, 40px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.025em;
}
#method .method-analogy .method-ratio-gap { display: inline-block; width: 28px; overflow: hidden; }
#method .method-analogy .method-ratio-output .method-ratio-number { color: #d2b577; }
@media (max-width: 760px) {
  #method .method-analogy .method-learning-ratio { margin-block: 12px 8px; }
  #method .method-analogy .method-ratio-part { gap: 3px; }
  #method .method-analogy .method-ratio-label,
  #method .method-analogy .method-ratio-unit { font-size: 14px; }
  #method .method-analogy .method-ratio-number { font-size: 32px; }
  #method .method-analogy .method-ratio-gap { width: 16px; }
}

/* Saved paragraph breaks must remain visible at desktop widths, too. */
#member-trades .member-community-story {
  width: 100%;
  max-width: 850px;
  min-width: 0;
  margin: 8px auto 0;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.95;
  letter-spacing: .015em;
  text-align: left;
  overflow-wrap: anywhere;
}
#member-trades .member-community-story br { display: initial; }
#member-trades .member-community-story > strong {
  display: block;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--line-light);
  color: var(--ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.8;
}
@media (max-width: 760px) {
  #method .method-heading .section-kicker { font-size: 14px; margin-bottom: 16px; }
  #method .method-analogy { margin-top: 22px; padding-top: 22px; }
  #method .method-analogy h3 { font-size: 19px; line-height: 1.9; }
  #member-trades .member-community-story { font-size: 16px; line-height: 1.95; letter-spacing: 0; }
  #member-trades .member-community-story > strong { margin-top: 20px; padding-top: 18px; font-size: 20px; }
}

.instructor-principle .instructor-principle-closing { font-size: clamp(23px, 2.2vw, 29px); text-align: center; }
@media (max-width: 760px) { .instructor-principle .instructor-principle-closing { font-size: 22px; } }

/* Keep continuous prose regular; emphasis is lighter than the headings. */
main p strong { font-weight: 600; }
#member-trades .member-community-story > strong { font-weight: 600; }
.community-essay-body strong, .method-output-columns strong { font-weight: 600; }