.legal-page {
  background: #ececef;
}

.legal-section {
  padding: clamp(2.4rem, 5vw, 4.4rem) 0 clamp(2.6rem, 5vw, 4.6rem);
}

.legal-container {
  max-width: 1150px;
}

.legal-container h1 {
  font-size: clamp(1.45rem, 5.2vw, 2.45rem);
  letter-spacing: -0.01em;
}

.legal-line {
  display: block;
  width: 72px;
  height: 4px;
  margin: 1rem 0 2rem;
  background: #f4c700;
  border-radius: 999px;
}

.legal-container h2 {
  margin: 1.5rem 0 0.7rem;
  font-size: clamp(1.3rem, 4.9vw, 2.15rem);
  line-height: 1.15;
}

.legal-container h3 {
  margin: 1.45rem 0 0.75rem;
  font-size: clamp(1rem, 3.6vw, 1.28rem);
  line-height: 1.2;
}

.legal-subtitle {
  margin-top: 0.6rem !important;
}

.legal-updated {
  margin: 0 0 1.7rem;
  color: #171b24;
}

.legal-container p {
  margin: 0 0 1.35rem;
  max-width: 95ch;
  font-size: 1rem;
  line-height: 1.58;
  color: #1b1f28;
}

.legal-container h2 + p {
  margin-bottom: 1.65rem;
}

.legal-list {
  margin: 0 0 1.45rem;
  padding-left: clamp(1.25rem, 3.1vw, 2.35rem);
  max-width: 95ch;
}

.legal-list li {
  margin: 0 0 0.85rem;
  font-size: 1rem;
  line-height: 1.58;
  color: #1b1f28;
}

.legal-address p {
  margin: 0 0 0.48rem;
}

.legal-container strong {
  font-weight: 700;
}

.legal-container a {
  color: inherit;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

@media (min-width: 900px) {
  .legal-section {
    padding-top: clamp(3.2rem, 5vw, 5rem);
  }

  .legal-line {
    margin-bottom: 2.8rem;
  }

  .legal-container h2 {
    margin-top: 1.8rem;
  }
}