/* ==========================================================
   page-legal.css
   Handle:  nexgen-page-legal
   Dep:     nexgen-page-shell
   Gates:   is_page(3) Privacy Policy  |  is_page(132) Terms of Service  |  is_page(134) Accessibility Statement
   Classes: ng-lg-*
   ========================================================== */

/* ── Prose container ──────────────────────────────────────── */
/* .ng-lg-doc is an e-flexbox; e-flexbox-base forces display:flex
   and padding:10px at (0,2,0). Override to simple block layout. */

body.ng-interior .ng-lg-doc {
  display: block;
  width: 100%;
  box-sizing: border-box;
  max-width: 74ch;
  margin-inline: auto;
  padding: 0;
}

/* ── Headings ─────────────────────────────────────────────── */
/* h2 in classic HTML widget: Hello resets margin-block; UA has
   its own. Both are (0,0,1); this is (0,2,1) — wins cleanly. */

body.ng-interior .ng-lg-h {
  font-family: var(--font-heading);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--text);
  margin-top: 44px;
  margin-bottom: 14px;
}

body.ng-interior .ng-lg-h:first-child {
  margin-top: 0;
}

/* ── Body paragraphs ──────────────────────────────────────── */

body.ng-interior .ng-lg-p {
  font-family: var(--font-body);
  font-size: 17.5px;
  line-height: 1.75;
  color: var(--text);
  margin: 0 0 18px;
}

body.ng-interior .ng-lg-p strong {
  font-weight: 600;
  color: var(--text);
}

/* ── Lists ────────────────────────────────────────────────── */
/* UA sets padding-inline-start:40px on ul; reset to 0. */

body.ng-interior .ng-lg-ul {
  list-style: none;
  margin: 0 0 18px;
  padding-inline-start: 0;
}

body.ng-interior .ng-lg-ul li {
  position: relative;
  font-family: var(--font-body);
  font-size: 17.5px;
  line-height: 1.75;
  color: var(--text);
  padding-left: 20px;
  margin-bottom: 8px;
}

body.ng-interior .ng-lg-ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--secondary);
}

/* ── Meta line ────────────────────────────────────────────── */

body.ng-interior .ng-lg-meta {
  font-family: var(--font-mono);
  font-size: 15px;
  letter-spacing: .06em;
  color: var(--secondary);
  margin: 0 0 40px;
}

/* ── Inline mono ──────────────────────────────────────────── */

body.ng-interior .ng-lg-mono {
  display: inline;
  font-family: var(--font-mono);
  font-size: 16px;
  color: var(--text);
}

/* ── Mobile ───────────────────────────────────────────────── */

@media (max-width: 767px) {
  body.ng-interior .ng-lg-h {
    font-size: 22px;
  }
  body.ng-interior .ng-lg-meta {
    font-size: 14px;
  }
}