/* /trust — "The honest data map." Templated prose page in the reskin design system.
   Built to ABOUT-BRIEF-v3 (§1 header + §2 prose column) + ACCEPTANCE-ADDENDUM-1 §2.14.
   Typography + hairlines only — NO boxes, cards, wash panels, or numbered circles.
   Tokens only (zero raw hex); prose links --accent-strong 500; breakpoints only 560/760/1040.
   Trust-scoped so /privacy, /terms, /evidence, /faq (shared privacy.css) are untouched. */

/* ---- Page-header block (ADDENDUM §2.14.4) : spark 44 -> H1 -> lede, padding 76/40 ---- */
.trust-page .reader-head{text-align:center;max-width:720px;margin:0 auto;padding:76px 0 40px}
.trust-page .reader-head .spark{font-size:44px;line-height:1}
.trust-page .reader-head h1.display{font-family:var(--font-display);font-weight:var(--fw-display);
  font-size:clamp(34px,6vw,56px);line-height:1.04;letter-spacing:-.02em;margin:28px auto 0;color:var(--ink)}
body.mktg.trust-page .reader-head .lead{max-width:620px;margin:20px auto 0;color:var(--muted);
  font-family:var(--font-ui);font-weight:400;font-size:17px;line-height:1.6}

/* ---- Prose column (ABOUT-BRIEF §2) : ONE left-aligned column, max 640, centered on the axis ---- */
.trust-prose{max-width:640px;margin-inline:auto;text-align:left}
.trust-prose h2{font-family:var(--font-display);font-weight:var(--fw-display);font-size:28px;
  line-height:1.15;letter-spacing:-.01em;color:var(--ink);margin:56px 0 18px}
.trust-prose > *:first-child{margin-top:0}
.trust-prose p{font-family:var(--font-ui);font-weight:400;font-size:15px;line-height:1.7;
  color:var(--muted);margin:0 0 14px}
.trust-prose ul{margin:0 0 14px;padding-left:22px}
.trust-prose li{font-family:var(--font-ui);font-weight:400;font-size:15px;line-height:1.7;
  color:var(--muted);margin:0 0 10px}
.trust-prose b,.trust-prose strong{color:var(--ink);font-weight:600}

/* prose links --accent-strong 500 (ABOUT-BRIEF §2 / task rule) — overrides sitewide a.link --accent */
.trust-prose a,.trust-prose a.link{color:var(--accent-strong);font-weight:500;text-decoration:none;
  border-bottom:1px solid var(--accent-soft);padding-bottom:1px;
  transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.trust-prose a:hover,.trust-prose a.link:hover{border-bottom-color:var(--accent-strong)}
.trust-prose a:focus-visible,.trust-prose a.link:focus-visible{outline:var(--focus-ring);
  outline-offset:var(--focus-offset);border-bottom-color:transparent}

/* meta line under H1 (Last verified / companion link) — quiet caption, no box */
.trust-prose .prose-meta{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 28px}

/* the two "kept separate" asides — hairline-led notes, NOT wash panels (typography + rule only) */
.trust-prose .prose-note{border-left:3px solid var(--line-strong);padding-left:18px;
  margin:14px 0 18px;color:var(--muted)}
.trust-prose .prose-note b{color:var(--ink)}

@media (max-width:560px){
  .trust-page .reader-head{padding:56px 0 24px}
  .trust-page .reader-head .h1,.trust-page .reader-head h1.display{font-size:34px}
  .trust-prose h2{font-size:24px}
}