:root {
  --pp-usecase-hero-columns: minmax(0, 1.02fr) minmax(340px, .98fr);
}

.pp-school-background {
  margin-top: 34px;
  gap: 26px;
}

.pp-school-background .pp-benefit {
  align-items: stretch;
}

.pp-school-background .pp-benefit__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 340px;
  background:
    radial-gradient(circle at 72% 24%, rgba(139, 220, 155, .28), transparent 34%),
    linear-gradient(135deg, #f7fbfa 0%, #e9f7f2 100%);
}

.pp-school-background .pp-benefit__media img {
  width: clamp(142px, 16vw, 190px);
  height: clamp(142px, 16vw, 190px);
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(48%) sepia(41%) saturate(758%) hue-rotate(118deg) brightness(88%) contrast(89%);
  opacity: .96;
}

.pp-school-background .pp-benefit__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 26px;
}

.pp-school-background__text,
.pp-school-background__source {
  margin: 14px 0 0;
  color: var(--pp-muted);
  font-size: 1rem;
  line-height: 1.7;
}

.pp-school-background__source {
  padding-top: 14px;
  border-top: 1px solid rgba(11, 31, 42, .1);
  font-size: .94rem;
}

.pp-school-background__source a {
  color: var(--pp-accent);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pp-school-background__note {
  max-width: 980px;
  margin: 30px auto 0;
  padding: 18px 22px;
  border-left: 4px solid var(--pp-accent);
  background: #f7fbfa;
  color: var(--pp-muted);
  font-size: 1rem;
  line-height: 1.7;
}

@media (max-width: 859.98px) {
  .pp-school-background .pp-benefit__media {
    min-height: 230px;
  }

  .pp-school-background .pp-benefit__content {
    padding: 14px 8px 10px;
  }
}