/* ============================================================================
   legal.css — Privacy Policy and Terms of Use pages.
   Loaded AFTER css/style.css (tokens, theming, nav, footer). Prefixed `lg-`,
   reuses the shared theme variables only — no new colors.
   ============================================================================ */

.lg-doc {
  max-width: calc(780px + 2 * var(--gutter));
  padding-block: clamp(40px, 6vw, 88px) clamp(56px, 8vw, 112px);
  color: var(--ink);
}

.lg-title {
  font-size: var(--t-h2); line-height: 1.08; font-weight: 700;
  letter-spacing: -0.022em; margin: 16px 0 0; text-wrap: balance;
}
.lg-meta { margin: 14px 0 0; font-size: 14.5px; color: var(--ink-soft); }

.lg-toc {
  margin-top: 36px; padding: 20px 24px;
  background: var(--page-alt); border: 1px solid var(--line); border-radius: var(--radius-lg);
}
.lg-toc h2 {
  margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: var(--ink-soft);
}
.lg-toc ol { margin: 12px 0 0; padding-left: 1.5em; list-style: decimal; columns: 2 240px; column-gap: 32px; }
.lg-toc li { padding: 3px 0; font-size: 15px; break-inside: avoid; }
.lg-toc a { color: var(--ink); text-decoration: none; }
.lg-toc a:hover { color: var(--brand-ink); text-decoration: underline; }

.lg-doc section { margin-top: 44px; scroll-margin-top: 96px; }
.lg-doc section > h2 {
  font-size: var(--t-h3); line-height: 1.25; font-weight: 600;
  letter-spacing: -0.01em; margin: 0;
}
.lg-doc h3 { font-size: 1.05rem; line-height: 1.4; font-weight: 600; margin: 24px 0 0; }
.lg-doc p,
.lg-doc li { font-size: 16px; line-height: 1.7; }
.lg-doc section p { margin: 12px 0 0; }
.lg-doc section ul,
.lg-doc section ol { margin: 10px 0 0; padding-left: 1.5em; }
.lg-doc section ul { list-style: disc; }
.lg-doc section ol { list-style: lower-alpha; }
.lg-doc section li { margin-top: 6px; }
.lg-doc section li::marker { color: var(--ink-soft); }
.lg-doc strong { font-weight: 600; }
.lg-doc section a { color: var(--brand-ink); text-decoration: underline; text-underline-offset: 2px; }

.lg-address { font-style: normal; margin-top: 12px; line-height: 1.7; }

.lp-foot-legal a[aria-current="page"] { color: var(--footer-ink); }