.legal-wrap {
  max-width: 1000px;
  margin: 110px auto 40px;
  padding: 0 20px;
}

.legal-wrap h1 {
  color: #004aad;
  margin-bottom: 10px;
  font-size: clamp(1.9rem, 3vw, 2.4rem);
}

.legal-wrap h2 {
  color: #004aad;
  margin: 24px 0 8px;
  font-size: clamp(1.3rem, 2vw, 1.8rem);
}

.legal-wrap p,
.legal-wrap li {
  color: #4f5d6e;
  line-height: 1.75;
  font-size: 1.03rem;
}

.legal-wrap ul {
  padding-left: 20px;
}

.legal-wrap a {
  color: #0cc0df;
  text-decoration: none;
  font-weight: 600;
}

.legal-wrap a:hover {
  color: #004aad;
}

@media screen and (max-width: 768px) {
  .legal-wrap {
    margin-top: 90px;
    padding: 0 16px;
  }

  .legal-wrap p,
  .legal-wrap li {
    font-size: 0.98rem;
  }
}