/* Match the Kingdom Stewardship hero title rhythm to Kingdom Influence. */
.ks-hero-title {
  padding: 54px 14px 58px;
}

.ks-hero h1 {
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
  color: var(--ink);
  font: 500 64px/.75 "Playfair Display", Georgia, serif;
  letter-spacing: -5px;
  text-align: center;
}

.ks-hero h1 em {
  display: block;
  margin: 2px 0 0;
  color: #4f6848;
  font-family: "Allura", cursive;
  font-size: .88em;
  font-style: normal;
  font-weight: 400;
  line-height: .82;
  letter-spacing: 0;
  text-align: center;
  transform: none;
}

.ks-hero-title .eyebrow {
  margin: 23px auto 0;
  color: var(--ink);
  font: 600 11.5px/1.25 "DM Sans", Arial, sans-serif;
  letter-spacing: .08em;
  text-align: center;
}

@media (max-width: 350px) {
  .ks-hero h1 {
    font-size: 58px;
  }
}

/* Give the page the open vertical rhythm used on Kingdom Influence. */
.ks-intro {
  padding: 54px 23px 50px;
}

.ks-intro > p:not(.eyebrow) {
  margin-top: 24px;
}

.ks-articles {
  padding-top: 50px;
  padding-bottom: 52px;
}

.ks-articles .section-heading {
  padding: 0 23px 28px;
}

.article-stack {
  padding-inline: 23px;
}

.article-card {
  gap: 18px;
  padding-block: 17px;
}

.articles-more {
  margin: 24px 23px 0;
}

.expert {
  padding: 42px 23px 40px;
}

.expert-heading {
  padding-bottom: 16px;
}

.expert-copy {
  padding-top: 16px;
}

.expert-name {
  padding-bottom: 14px;
}

.expert-response {
  padding-top: 17px;
}

.pathway {
  padding: 58px 23px 50px;
}

.pathway-intro {
  margin-top: 24px;
  margin-bottom: 18px;
}

.pathway form {
  padding-top: 28px;
}

.pathway label {
  margin-bottom: 12px;
  padding: 16px;
}

.quiz-progress {
  margin-top: 26px;
}

.watch-listen {
  padding-top: 52px;
  padding-bottom: 54px;
}

.watch-listen .section-heading {
  padding: 0 23px 28px;
}

.watch-listen-intro {
  margin-top: 18px;
}

.media-list {
  padding-inline: 23px;
}

.media-card {
  gap: 18px;
  padding-block: 18px;
}

.tools {
  padding: 48px 23px 44px;
}

.tool-grid {
  margin-top: 22px;
  margin-bottom: 18px;
}

.tool-grid article {
  padding: 16px 12px 18px;
}

.tool-icon {
  margin-bottom: 9px;
}

.tool-grid h3 {
  margin-bottom: 8px;
}

.tool-grid p {
  margin-bottom: 12px;
}

.accounting-invite {
  padding: 58px 23px 62px;
}

.accounting-profile {
  gap: 22px;
  margin-top: 36px;
}

.accounting-profile p {
  margin-top: 12px;
}

.ks-close {
  padding: 52px 23px 54px;
}

.ks-footer {
  padding: 25px 23px;
}

/* Use the main page's editorial heading treatment throughout this page. */
:is(
  .ks-intro,
  .ks-articles,
  .expert,
  .pathway,
  .watch-listen,
  .tools,
  .accounting-invite,
  .ks-close
) h2 {
  font: 500 clamp(35px, 9.2vw, 42px)/.98 "Playfair Display", Georgia, serif !important;
  letter-spacing: -.045em !important;
}

:is(
  .ks-intro,
  .ks-articles,
  .expert,
  .pathway,
  .watch-listen,
  .tools,
  .accounting-invite,
  .ks-close
) h2 :is(em, span) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.ks-intro h2 .keep-together {
  display: block;
  white-space: nowrap;
}

.ks-close h2 em {
  font-family: "Allura", cursive !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* Carry the main page's complete type rhythm into the supporting copy. */
body > main {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

body > main .eyebrow {
  margin-bottom: 12px;
  font: 700 11.5px/1.35 "Montserrat", Arial, sans-serif;
  font-size: 11.5px !important;
  letter-spacing: .09em;
}

:is(
  .ks-intro > p:not(.eyebrow),
  .pathway-intro,
  .watch-listen-intro,
  .expert blockquote,
  .tool-grid p,
  .tools > small,
  .accounting-profile p
) {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

:is(.article-card p, .media-card p) {
  font: 700 11.5px/1.35 "Montserrat", Arial, sans-serif;
  letter-spacing: .09em;
}

:is(.article-card h3, .media-card h3, .tool-grid h3, .accounting-profile h3) {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 500;
}

:is(.article-card > div > span, .media-card span) {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.pathway label {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.pathway-result p {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

:is(.ks-intro, .pathway-result) p + p {
  margin-top: 14px;
}

:is(
  .ks-intro > p:not(.eyebrow),
  .article-card > div > span,
  .pathway-intro,
  .pathway-result p,
  .watch-listen-intro,
  .accounting-profile p
) {
  width: 100%;
  max-width: none;
}