/* ===========================================================
   legal.css: /privacy-policy/ and /terms-of-use/ (tools/build-legal-pages.py).
   The page hero from page.css, then the text in the site container
   (--container-max inside --section-pad-x, 40px inset), set at a
   reading measure.
   =========================================================== */
.legal .page-h1 { max-width: none; }
.lg-body { padding: 56px var(--section-pad-x) 96px; background: var(--paper, #fff); }
.lg-inner { max-width: var(--container-max); margin: 0 auto; padding-left: 40px; }
.lg-inner > * { max-width: 72ch; }
.lg-inner h2 { font-family: var(--font-sans); font-weight: 800; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2;
  letter-spacing: -0.02em; color: var(--gray-deep); margin: 52px 0 16px; scroll-margin-top: calc(var(--nav-height) + 16px); }
.lg-inner h2:first-child { margin-top: 0; }
.lg-inner h3 { font-weight: 700; font-size: 19px; color: var(--gray-deep); margin: 32px 0 10px; }
.lg-inner p, .lg-inner li { font-size: 16.5px; line-height: 1.65; color: var(--gray); }
.lg-inner p { margin: 0 0 14px; }
.lg-inner ul { margin: 0 0 16px; padding-left: 22px; }
.lg-inner li { margin: 0 0 6px; }
.lg-inner strong { color: var(--gray-deep); }
.lg-inner a { color: var(--orange-text); text-decoration: underline; text-underline-offset: 2px; }
.lg-tbl { max-width: 100%; overflow-x: auto; margin: 6px 0 20px; }
.lg-tbl table { width: 100%; max-width: 100ch; border-collapse: collapse; font-size: 15.5px; line-height: 1.55; }
.lg-tbl th, .lg-tbl td { text-align: left; vertical-align: top; padding: 12px 16px 12px 0; border-bottom: 1px solid var(--rule); color: var(--gray); }
.lg-tbl th { font-weight: 700; color: var(--gray-deep); border-bottom-color: var(--rule-strong); }
.lg-tbl td:first-child { width: 46%; }
mark.tbc { background: #fff2a8; color: var(--gray-deep); padding: 0 3px; }   /* staging only: --final refuses to build with these */
@media (max-width: 768px) {
  .lg-body { padding: 40px var(--section-pad-x) 72px; }
  .lg-inner { padding-left: 0; }
  .lg-tbl td:first-child { width: auto; }
}