.legal-hero {
      padding: 150px 0 64px;
    }

    .legal-hero .hero-content {
      max-width: 860px;
    }

    .legal-content {
      padding: 72px 0;
    }

    .legal-document {
      max-width: 920px;
      color: var(--text);
    }

    .legal-document h2 {
      margin-top: 42px;
      margin-bottom: 16px;
      color: var(--blue);
      font-size: clamp(1.45rem, 2vw, 2rem);
    }

    .legal-document p,
    .legal-document li {
      color: var(--muted);
      font-size: 1rem;
      line-height: 1.75;
    }

    .legal-document ul {
      margin: 0 0 24px;
      padding-left: 22px;
    }

    .legal-document li + li {
      margin-top: 10px;
    }

    .legal-document a {
      color: var(--blue);
      font-weight: 800;
      text-decoration: underline;
      text-underline-offset: 3px;
    }