/* =========================================================
   LEGAL PAGES — TERMS & PRIVACY
   ========================================================= */

/* Wrapper aligned under fixed header */
.page-wrap {
  width: min(1280px, 100% - 48px);
  margin: 0 auto;
  padding-top: var(--header-h);
}


/* =========================================================
   UNIFIED LEGAL PAGE SECTION (H1 + BODY)
   ========================================================= */

.legal-page {
  width: min(1280px, 100% - 48px);
  margin: 10px auto 60px;
  display: flex;
  justify-content: center;
}

.legal-page-inner {
  max-width: 720px;
  width: 100%;
}

/* Heading */
.legal-page-inner h1 {
  font-size: clamp(40px, 6.2vw + 4px, 72px);
  line-height: 1.0;
  font-weight: 900;
  margin: 10px 0 40px;
}

/* Meta */
.legal-meta {
  color: var(--wb-muted);
  font-size: 18px;
  line-height: 1.45;
  margin-bottom: 40px;
}

.legal-meta a {
  color: var(--wb-blue);
  text-decoration: none;
}

.legal-meta a:hover {
  text-decoration: underline;
}

/* Body text */
.legal-page-inner p {
  font-size: 18px;
  line-height: 1.6;
  color: var(--wb-ink);
  margin: 0 0 28px;
}

.legal-page-inner p strong {
  font-weight: 900;
  display: block;
  margin-bottom: 8px;
}

.legal-page-inner a {
  color: var(--wb-blue);
  text-decoration: none;
}

.legal-page-inner a:hover {
  text-decoration: underline;
}


/* =========================================================
   MOBILE — RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {

  /* Make the whole page full-width on mobile so
     footer + content use the same 24–25px gutters */
  .page-wrap {
    width: 100%;
    margin: 0;
  }

  .legal-page {
    width: 100%;
    padding: 0 24px;
  }

  .legal-page-inner {
    max-width: none;
  }
}