.legal-page {
  padding-top: calc(var(--header-height) + 2rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
  background: var(--color-light);
}

.legal-page__header {
  display: grid;
  gap: 0.75rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-light-muted);
}

.legal-page__title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 600;
  line-height: 1.15;
}

html[lang="ar"] .legal-page__title {
  font-family: var(--font-serif-ar);
}

.legal-page__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  color: var(--color-text-dark-muted);
  font-size: 0.875rem;
}

.legal-page__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin-top: 0.5rem;
}

.legal-page__nav a {
  color: var(--color-accent);
  font-size: 0.9375rem;
  font-weight: 600;
}

.legal-page__nav a:hover,
.legal-page__nav a:focus-visible {
  color: var(--color-accent-hover);
}

.legal-doc__intro {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--color-text-dark-muted);
  margin-bottom: 2rem;
}

.legal-doc__section {
  scroll-margin-top: calc(var(--header-height) + 1rem);
}

.legal-doc__section + .legal-doc__section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-light-muted);
}

.legal-doc__section h2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.875rem;
}

.legal-doc__section p {
  color: var(--color-text-dark-muted);
  line-height: 1.75;
}

.legal-doc__section p + p {
  margin-top: 0.875rem;
}

.legal-doc__section ul {
  margin: 0.875rem 0 0;
  padding-inline-start: 1.25rem;
  color: var(--color-text-dark-muted);
}

.legal-doc__section li + li {
  margin-top: 0.5rem;
}

.legal-doc__section li {
  line-height: 1.7;
}

/* Light header — homepage nav uses white text over the dark hero */
.legal-header {
  background: rgba(245, 241, 233, 0.94);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--color-light-muted);
}

.legal-header.is-scrolled {
  background: rgba(245, 241, 233, 0.98);
  border-bottom-color: var(--color-light-muted);
}

.legal-header .brand {
  color: var(--color-text-dark);
}

.legal-header .lang-switch {
  border-color: rgba(26, 24, 22, 0.14);
  background: rgba(26, 24, 22, 0.05);
}

.legal-header .lang-switch__btn {
  color: var(--color-text-dark-muted);
}

.legal-header .lang-switch__btn.is-active {
  background: rgba(26, 24, 22, 0.1);
  color: var(--color-text-dark);
}

.legal-header .lang-switch__btn:hover,
.legal-header .lang-switch__btn:focus-visible {
  color: var(--color-text-dark);
}

.legal-header .site-nav--legal a {
  color: var(--color-text-dark-muted);
  font-weight: 500;
}

.legal-header .site-nav--legal a:hover,
.legal-header .site-nav--legal a:focus-visible {
  color: var(--color-text-dark);
}

.legal-header .site-nav--legal a[aria-current="page"] {
  color: var(--color-accent);
  font-weight: 600;
}

.legal-header .site-nav a::after {
  background: var(--color-accent);
}

.legal-header .site-nav--legal a[aria-current="page"]::after {
  transform: scaleX(1);
}

.legal-header .site-nav {
  display: none;
}

.legal-header .nav-toggle {
  display: none;
}

@media (min-width: 48rem) {
  .legal-header .site-nav--legal {
    display: block;
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    background: none;
    backdrop-filter: none;
    padding: 0;
  }

  .legal-header .site-nav--legal .site-nav__list {
    flex-direction: row;
    align-items: center;
  }

  .legal-header .site-nav--legal a {
    border-bottom: 0;
    padding: 0.25rem 0;
    font-size: 0.875rem;
  }
}

@media (max-width: 47.99rem) {
  .legal-header .site-nav--legal {
    display: none;
  }
}