.about-page .about-hero-ctas {
  margin-bottom: 22px;
}

.about-page .split .about-copy-spaced {
  margin-top: 12px;
}

.about-audience-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.about-audience-card {
  padding: 16px 18px;
  border: 1px solid var(--g200);
  border-radius: 14px;
  background: #fff;
}

.about-audience-card strong {
  font-size: 14px;
}

.about-audience-card p {
  margin-top: 4px;
  color: var(--g600);
  font-size: 12.5px;
  font-weight: 500;
}

.about-partner-link {
  color: var(--red);
  font-weight: 700;
}

.about-centered-action {
  margin-top: 26px;
  text-align: center;
}

/* "Request Schools Geek in your country" cannot fit one line on a phone; a
   wrapped label inside a fat capsule reads badly, so on a phone the button
   becomes a full-width pill (site button radius) with the icon on the first line and left-aligned text */
@media (max-width: 640px) {
  .about-page .about-centered-action .js-country-request {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    white-space: normal;
    padding: 14px 22px;
    font-size: 14px;
    gap: 12px;
    line-height: 1.45;
  }

  .about-page .about-centered-action .js-country-request i {
    margin-top: 3px;
    color: var(--red);
  }
}

.about-page .about-demo-link {
  background: #fff;
  color: var(--ink);
}