/* ============================================================
   SPO - Pages legales et confirmation UX v2
   Deliberately neutral and reading-first.
   ============================================================ */

body .entry-content,
body.page .spo-legal,
body.page .spo-confirmation {
  --legal-ink: #11283f;
  --legal-muted: #587086;
  --legal-blue: #123e66;
  --legal-line: rgba(15, 42, 68, .12);
  max-width: 820px;
  margin: 0 auto;
  color: var(--legal-ink);
  line-height: 1.72;
}

body .entry-content
  :is(h2, h3),
body.page :is(.spo-legal, .spo-confirmation) :is(h2, h3) {
  margin-top: 1.7em;
  color: var(--legal-ink);
  letter-spacing: -.02em;
}

body .entry-content
  :is(table, pre),
body.page :is(.spo-legal, .spo-confirmation) :is(table, pre) {
  overflow-x: auto;
  max-width: 100%;
}

body .entry-content a,
body.page :is(.spo-legal, .spo-confirmation) a {
  color: var(--legal-blue);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body .entry-content a:focus-visible,
body.page :is(.spo-legal, .spo-confirmation) a:focus-visible {
  outline: 3px solid #2767b1;
  outline-offset: 3px;
}