/* ==========================================================================
   Legal pages (privacy policy, terms & conditions): dark title band + readable prose card.
   Colours come from luxe-theme.css only.
   ========================================================================== */
.lg-hero, .lg-page { box-sizing: border-box; width: 100%; }
.lg-hero { background: var(--lx-slate); color: var(--lx-white); padding: 150px 20px 64px; text-align: center; }
.lg-hero-inner { max-width: 760px; margin: 0 auto; }
.lg-eyebrow { display: inline-block; margin: 0 0 16px; font: 600 12px/1 var(--lx-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--lx-gold); }
.lg-hero h1 { margin: 0 0 16px; font: 400 clamp(34px, 5vw, 56px)/1.1 var(--lx-serif); letter-spacing: -.01em; color: var(--lx-white); }
.lg-hero p { max-width: 60ch; margin: 0 auto; font: 400 17px/1.6 var(--lx-sans); color: rgb(var(--lx-white-rgb) / .78); }

.lg-page { background: var(--lx-paper); padding: 56px 20px 96px; }
.lg-prose { box-sizing: border-box; max-width: 820px; margin: 0 auto; padding: clamp(24px, 5vw, 56px);
  background: var(--lx-white); border: 1px solid var(--lx-line); border-radius: 24px;
  font: 400 16px/1.75 var(--lx-sans); color: var(--lx-charcoal); }
.lg-prose > :first-child { margin-top: 0; }
.lg-prose > :last-child { margin-bottom: 0; }
.lg-prose h2 { position: relative; margin: 44px 0 14px; padding-bottom: 12px; font: 400 clamp(24px, 3vw, 30px)/1.2 var(--lx-serif); letter-spacing: -.005em; color: var(--lx-ink); scroll-margin-top: 110px; }
.lg-prose h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: var(--lx-gold); }
.lg-prose h3 { margin: 30px 0 8px; font: 600 18px/1.35 var(--lx-sans); color: var(--lx-ink); }
.lg-prose p { margin: 0 0 14px; }
.lg-prose ul { margin: 0 0 16px; padding: 0 0 0 22px; }
.lg-prose li { margin: 0 0 8px; padding-left: 2px; }
.lg-prose li::marker { color: var(--lx-gold); }
.lg-prose strong { font-weight: 600; color: var(--lx-ink); }
.lg-prose a { color: var(--lx-ink); text-decoration: underline; text-decoration-color: rgb(var(--lx-gold-rgb) / .7); text-underline-offset: 3px; overflow-wrap: anywhere; transition: color .2s, text-decoration-color .2s; }
.lg-prose a:hover { color: var(--lx-gold); text-decoration-color: currentColor; }

@media (max-width: 809.98px) {
  .lg-hero { padding: 120px 16px 44px; }
  .lg-hero p { font-size: 16px; }
  .lg-page { padding: 32px 16px 64px; }
  .lg-prose { border-radius: 20px; font-size: 15.5px; }
  .lg-prose h2 { margin-top: 36px; }
}