/* Legal pages (terms, privacy) */

.frogmi-legal-page-wrap {
  --legal-shadow: 0 12px 30px rgba(33, 68, 99, 0.08);
}

.frogmi-legal-page__page-bg {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

.frogmi-legal-page {
  padding: 72px 0 72px;
  margin-bottom: 40px;
}

.frogmi-legal-page__header {
  max-width: 768px;
  margin: 0 auto 56px;
  text-align: center;
}

.frogmi-legal-page__eyebrow {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 14px;
  color: #000;
  letter-spacing: 0.04em;
}

.frogmi-legal-page__title {
  margin: 0;
  font-size: 43px;
  line-height: 1.05;
  font-weight: 700;
  color: var(--title);
}

.frogmi-legal-page__content {
  max-width: 768px;
  margin: 0 auto;
}

.frogmi-legal-page__section + .frogmi-legal-page__section {
  margin-top: 36px;
  padding-top: 36px;
  border-top: 1px solid #ececec;
}

.frogmi-legal-page__section-title {
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--title);
}

.frogmi-legal-page__paragraph--intro {
  margin-bottom: 18px;
}

.frogmi-legal-page__section-number {
  color: var(--title);
  margin-right: 4px;
}

.frogmi-legal-page__paragraph {
  margin: 0 0 14px;
  color: #444;
  font-size: 16px;
  line-height: 1.7;
}

.frogmi-legal-page__paragraph:last-child {
  margin-bottom: 0;
}

.frogmi-legal-page__paragraph a {
  color: var(--green);
  font-weight: 600;
  text-decoration: underline;
}

.frogmi-legal-page__paragraph a:hover {
  color: var(--green-dark);
}

@media (max-width: 768px) {
  .frogmi-legal-page {
    padding-top: 56px;
  }

  .frogmi-legal-page__title {
    font-size: 34px;
  }

  .frogmi-legal-page__section-title {
    font-size: 18px;
  }
}