.legal-header {
  background: var(--dark);
}
.legal-home {
  flex: 0 0 auto;
  color: var(--gold2);
  font-size: 0.78rem;
  font-weight: 700;
}
.legal-document {
  max-width: 860px;
  padding-block: 64px 80px;
}
.legal-document h1 {
  font-size: clamp(3rem, 8vw, 5rem);
  overflow-wrap: anywhere;
}
.legal-date {
  color: var(--muted);
  font-size: 0.85rem;
}
.legal-document section {
  margin-top: 36px;
}
.legal-document h2 {
  margin: 0 0 12px;
  font-family: var(--display);
  font-size: 1.8rem;
  line-height: 1.1;
  text-transform: uppercase;
}
.legal-document h3 {
  font-size: 1.1rem;
  margin-top: 24px;
}
.legal-document p,
.legal-document li {
  color: #42483f;
}
.legal-document a {
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.legal-document a:hover {
  color: #9d0e18;
}
.legal-document address {
  font-style: normal;
}
.legal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 18px;
}
.legal-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.legal-footer a[aria-current="page"] {
  color: var(--gold2);
}
.legal-document :focus-visible {
  outline-color: #a5111d;
}
@media (max-width: 560px) {
  .legal-header .nav {
    height: auto;
    min-height: 78px;
    flex-wrap: wrap;
    padding-block: 12px;
    gap: 8px 18px;
  }
  .legal-document {
    padding-block: 40px 56px;
  }
}