/* kept. legal and trust pages: a reading surface, not a stage.
   Cream page, charcoal text, ember as accent only. No animations here:
   these pages must be printable, linkable, and boring in the best way.
   Page chrome (nav, footer) comes from css/site.css. */

body.lg-body {
  background: #fbfaf8;
  display: flex; flex-direction: column; min-height: 100vh;
}
.lg-main { flex: 1; padding: 74px 0 130px; }
.lg-doc { width: min(760px, 100% - 48px); margin: 0 auto; }

/* ---------------- document head ---------------- */
.lg-head { padding-bottom: 34px; border-bottom: 1px solid var(--border); }
.lg-head h1 { font-size: 40px; line-height: 1.12; margin-top: 14px; }
.lg-lede { margin-top: 18px; font-size: 17px; }
.lg-meta {
  margin: 22px 0 0; font-size: 13.5px; font-weight: 500;
  color: var(--text-muted); display: grid; gap: 4px;
}

/* ---------------- draft banner and inline notes ---------------- */
.lg-banner {
  margin-top: 26px; padding: 14px 18px; border-radius: 10px;
  border: 1px solid var(--ember); background: var(--ember-soft);
  font-size: 14.5px; font-weight: 600; color: var(--text); line-height: 1.55;
}
.lg-note {
  margin: 14px 0 0; padding: 10px 14px; border-left: 3px solid var(--ember);
  background: var(--hover); border-radius: 0 8px 8px 0;
  font-size: 14px; font-weight: 500; color: var(--text-muted); line-height: 1.6;
}

/* ---------------- body copy ---------------- */
.lg-doc section { padding-top: 44px; }
.lg-doc h2 { font-size: 26px; line-height: 1.2; scroll-margin-top: 90px; }
.lg-doc h3 { font-size: 19px; line-height: 1.35; margin-top: 30px; scroll-margin-top: 90px; }
.lg-doc p, .lg-doc li { font-size: 16px; font-weight: 400; line-height: 1.75; color: var(--text); }
.lg-doc section > p, .lg-doc h3 + p { margin: 14px 0 0; }
.lg-doc ul, .lg-doc ol { margin: 14px 0 0; padding-left: 22px; display: grid; gap: 8px; }
.lg-doc a { color: var(--ember-deep); text-decoration: underline; text-underline-offset: 3px; }
.lg-doc a:hover { color: var(--text); }
.lg-doc address { font-style: normal; margin-top: 14px; line-height: 1.75; font-size: 16px; }

/* keyboard focus must be obvious on a legal page */
.lg-body a:focus-visible, .lg-body button:focus-visible {
  outline: 3px solid var(--ember); outline-offset: 3px; border-radius: 4px;
}

/* ---------------- table of contents ---------------- */
.lg-toc { margin-top: 30px; padding: 20px 24px; border: 1px solid var(--border); border-radius: 12px; background: #ffffff; }
.lg-toc-h { font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--stone); }
.lg-toc ol { margin: 14px 0 0; padding-left: 20px; display: grid; gap: 7px; }
.lg-toc li { font-size: 14.5px; line-height: 1.5; }
.lg-toc a { color: var(--text); text-decoration: none; }
.lg-toc a:hover { color: var(--ember-deep); text-decoration: underline; }

/* ---------------- tables (subprocessors) ---------------- */
.lg-tablewrap { margin-top: 20px; overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; background: #ffffff; }
.lg-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.lg-table th, .lg-table td {
  padding: 12px 16px; text-align: left; vertical-align: top;
  font-size: 14px; line-height: 1.6; border-bottom: 1px solid var(--border);
}
.lg-table th {
  font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--stone); border-bottom: 1px solid var(--border-2);
}
.lg-table tr:last-child td { border-bottom: none; }

/* ---------------- disabled download placeholder (DPA) ---------------- */
.lg-download {
  display: inline-flex; align-items: center; margin-top: 18px; padding: 12px 18px;
  border: 1px dashed var(--border-2); border-radius: 8px; background: var(--hover);
  font-size: 14.5px; font-weight: 600; color: var(--text-muted); cursor: not-allowed;
}

/* ---------------- responsive ---------------- */
@media (max-width: 720px) {
  .lg-head h1 { font-size: 30px; }
  .lg-doc h2 { font-size: 22px; }
  .lg-main { padding: 50px 0 90px; }
}

/* ---------------- print: the document, nothing else ---------------- */
@media print {
  body.lg-body { background: #ffffff; }
  .nav, .footer, .lg-toc { display: none !important; }
  .lg-main { padding: 0; }
  .lg-doc { width: 100%; }
  .lg-doc a { color: var(--text); text-decoration: none; }
  .lg-banner, .lg-note { border-color: #111827; background: none; }
}