/* Дополнения для статической страницы /school */
html, body {
  margin: 0;
  padding: 0;
}

.school-page {
  min-height: 100vh;
}

.school-cards--5 {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.school-card__title {
  overflow-wrap: anywhere;
  hyphens: auto;
  line-height: 1.3;
}

.school-lead-form__note--api {
  margin-top: 12px;
  font-size: 0.9rem;
  color: var(--color-text-muted);
}

.school-lead-form__note--api a {
  color: var(--color-accent-dark);
}

.school-faq__a[hidden] {
  display: none !important;
}

@media (max-width: 1024px) {
  .school-steps--4,
  .school-cards--5,
  .school-catalog,
  .school-roles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .school-steps--4,
  .school-steps--3,
  .school-cards--5,
  .school-formats,
  .school-catalog,
  .school-roles,
  .school-pricing,
  .school-split,
  .school-compare__head,
  .school-compare__row {
    grid-template-columns: 1fr;
  }

  .school-compare__usual {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .school-lead-form__row,
  .school-lead-form__row--3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

.school-lead-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.school-lead-form__row--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}