/* ============================================================
   LEGAL PAGES — privacy policy, terms, cookies

   These restyle the EXISTING legacy markup rather than rebuilding it.
   The content is 6,000+ words of legal text that must not be reworded,
   and both pages already carry a sensible structure: a title, a contents
   rail of anchors, then numbered sections. So this is a skin, not a
   rewrite, which keeps the risk of mangling legal copy at zero.

   Scoped to .lg-page, which the page wrapper adds.
   ============================================================ */

.lg-page{
  --orange:var(--color-orange,#FF731E);
  --accent:var(--color-accent,#C2410C);
  --ink:var(--color-ink,#1C1917);
  /* Hard-set rather than inheriting --color-muted. The global token is a cool
     #6B7280, which reads grey-blue next to the warm palette on every other
     launch page. */
  --muted:#57534E;
  --line:var(--color-line,#E7E2DA);
  --bg-soft:var(--color-bg-soft,#F4F0EA);
  font-family:Inter,Arial,sans-serif;color:var(--ink);
  -webkit-font-smoothing:antialiased;
}

/* ---------- page shell ---------- */
/* Privacy uses .container-1462, terms uses .container-1461. Same job. */
.lg-page .container-1461,
.lg-page .container-1462,
.lg-page .content-citation-building > .w-container{
  max-width:64rem !important;margin:0 auto !important;padding:0 1.5rem !important;width:auto !important;
}
.lg-page .body-section{padding:3.5rem 0 5rem;background:#fff;}
/* Legacy carries a 160px padding-top here, which stacks on the section padding
   above and leaves a screen of white before the title. */
.lg-page .content-citation-building{padding-top:0 !important;}

/* ---------- title ---------- */
.lg-page .ppheader{
  max-width:64rem;margin:0 auto 2rem;padding:0 1.5rem;
  border-bottom:1px solid var(--line);padding-bottom:1.75rem;
}
.lg-page .pptitle{
  font-size:clamp(2rem,4vw,2.75rem) !important;font-weight:800 !important;
  line-height:1.08 !important;letter-spacing:-.03em !important;color:var(--ink) !important;
  margin:0 !important;
}
.lg-page .lg-updated{
  display:block;max-width:64rem;margin:.875rem auto 0;padding:0 1.5rem;
  font-size:.875rem;color:var(--muted);
}

/* ---------- contents rail ---------- */
.lg-page .navbar-collaps{
  max-width:64rem;margin:0 auto 2.75rem;padding:1.25rem 1.5rem;
  background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;
}
.lg-page .navbar-left{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.75rem;
  margin:0 !important;padding:0 !important;list-style:none !important;
}
@media (max-width:720px){ .lg-page .navbar-left{grid-template-columns:1fr;} }
.lg-page .navbar-left li{margin:0 !important;}
.lg-page .link-id{
  display:block;font-size:.875rem;line-height:1.45;color:var(--muted) !important;
  text-decoration:none !important;padding:.1875rem 0;
  border-bottom:1px solid transparent;transition:color .14s,border-color .14s;
}
.lg-page .link-id:hover{color:var(--accent) !important;border-bottom-color:var(--orange);}

/* ---------- body copy ---------- */
/* Legacy centres the whole container. Fine for a title, unreadable for 4,000
   words of policy, so everything below the header goes back to flush left. */
.lg-page .content-citation-building,
.lg-page .container-1461,
.lg-page .container-1462{text-align:left !important;}
.lg-page .ppheader,
.lg-page .ppheader *{text-align:center !important;}
.lg-page .grid-content-block{margin-bottom:2.25rem;}
/* Anchor ids sit on .introduction as often as on the block wrapper, and the
   nav is sticky, so every jump target needs the offset or the heading lands
   underneath the header. The footer Cookies link relies on this. */
.lg-page [id]{scroll-margin-top:6rem;}
.lg-page .grid-title,
.lg-page .introduction{
  font-size:1.25rem !important;font-weight:750 !important;line-height:1.3 !important;
  letter-spacing:-.015em !important;color:var(--ink) !important;margin:0 0 .75rem !important;
}
.lg-page .grid-desc,
.lg-page .inner-text,
.lg-page .gray-text{
  font-size:.9375rem !important;line-height:1.7 !important;color:var(--muted) !important;
  margin:0 0 .875rem !important;
}
.lg-page .bold{font-weight:650 !important;color:var(--ink) !important;}
.lg-page .italic{font-style:italic;}
.lg-page .m0{margin-bottom:0 !important;}

/* ---------- lists ---------- */
.lg-page .bullet-list{margin:0 0 1rem !important;padding-left:1.125rem !important;}
.lg-page .bullet-list-item{
  font-size:.9375rem !important;line-height:1.7 !important;color:var(--muted) !important;
  margin-bottom:.4375rem !important;
}
.lg-page .bullet-list-item::marker{color:var(--orange);}

/* ---------- links inside the text ---------- */
.lg-page .grid-desc a,.lg-page .inner-text a,.lg-page .gray-text a,.lg-page .bullet-list-item a{
  color:var(--accent) !important;text-decoration:underline;text-underline-offset:2px;
}

/* ---------- consent / emphasis blocks ---------- */
.lg-page .consent{
  background:var(--bg-soft);border-left:3px solid var(--orange);
  padding:1rem 1.125rem !important;border-radius:0 10px 10px 0;margin-bottom:1.25rem !important;
}