/*
 * EvaluMax /for-schools landing.
 * Scoped to the EvaluMax brand shell.
 */

.public-quiz-brand-evalumax .em-schools-page {
  background: var(--em-ui-page, #f8fafc);
}

.public-quiz-brand-evalumax .em-schools-hero {
  background: var(--em-ui-surface, #ffffff);
  border-bottom: 1px solid var(--em-ui-border, #e2e8f0);
}

.public-quiz-brand-evalumax .em-schools-hero__lead {
  max-width: 40rem;
  margin: 0;
}

.public-quiz-brand-evalumax .em-schools-hero__ctas {
  margin-top: var(--em-ui-space-2, 0.5rem);
}

.public-quiz-brand-evalumax .em-schools-features {
  background: var(--em-ui-surface-subtle, #f8fafc);
}

.public-quiz-brand-evalumax .em-schools-feature {
  display: flex;
  flex-direction: column;
  gap: var(--em-ui-space-3, 0.75rem);
  height: 100%;
}

.public-quiz-brand-evalumax .em-schools-feature__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--em-ui-radius-md, 10px);
  background: var(--em-ui-primary-soft, #eef2ff);
  color: var(--em-ui-primary, #4f46e5);
  font-size: 1rem;
}

.public-quiz-brand-evalumax .em-schools-feature p {
  margin: 0;
}

@media (max-width: 575.98px) {
  .public-quiz-brand-evalumax .em-schools-hero__ctas .em-ui-btn--mobile-block {
    width: 100%;
  }
}