/* Legal pages use the same colors, typography and site shell as the homepage. */
.legal-hero {
  background:var(--ink);
  color:#fff;
  padding:clamp(56px,8vw,96px) 0 42px;
}

.legal-hero .eyebrow {
  color:var(--mint);
}

.legal-hero h1 {
  margin-top:22px;
  font-size:clamp(42px,6vw,76px);
  letter-spacing:-.065em;
}

.legal-description {
  max-width:650px;
  margin-top:22px;
  color:#b7c5b8;
  font-size:18px;
}

.legal-nav {
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
  margin-top:38px;
  padding-top:24px;
  border-top:1px solid #ffffff1a;
  color:#b5bdbb;
  font-size:14px;
}

.legal-nav a {
  padding-block:8px;
}

.legal-nav a:hover,.legal-nav a[aria-current="page"] {
  color:var(--mint);
}

.legal-nav a[aria-current="page"] {
  text-decoration:underline;
  text-underline-offset:8px;
}

.legal-body {
  padding:48px 0 80px;
}

.legal-document-bar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 24px;
  margin-bottom:20px;
}

.legal-document-bar h2 {
  font-size:24px;
}

.legal-document {
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}

.legal-document iframe {
  display:block;
  width:100%;
  height:1000px;
  border:0;
  background:#fff;
}

.legal-help {
  margin-top:20px;
  font-size:14px;
  overflow-wrap:anywhere;
}

.legal-help a {
  color:var(--green);
  text-decoration:underline;
  text-underline-offset:3px;
}

@media(max-width:600px) {
  .legal-hero {
    padding:48px 0 30px;
  }

  .legal-description {
    font-size:16px;
  }

  .legal-nav {
    gap:8px 20px;
    margin-top:28px;
  }

  .legal-body {
    padding:30px 0 52px;
  }

  .legal-document-bar h2 {
    font-size:22px;
  }

  .legal-document iframe {
    height:80vh;
    min-height:560px;
  }
}