/* ONIMA legal pages (conditions, confidentialite) : page-specific finish only.
   Typography, .container, .page-hero and article.prose come from the
   system stylesheet (onima.css) ; this file just adds the light bits that
   are unique to legal content : version meta line, table of contents,
   callout boxes and section rhythm inside .legal-prose. */

/* ---------- Page hero meta (version date + cross-link) ---------- */
.page-hero__meta { margin-top: 14px; font-size: 14px; color: var(--ink-soft); }
.page-hero__meta a { color: var(--green-deep); font-weight: 600; }
.page-hero__meta a:hover { text-decoration: underline; }

/* ---------- Table of contents ---------- */
.legal-toc { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px 26px; margin: 0 auto 40px; max-width: 760px; }
.legal-toc__title { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--green-deep); }
.legal-toc__list { list-style: none; margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 28px; }
.legal-toc__list a { font-size: 14.5px; color: var(--ink-soft); font-weight: 500; }
.legal-toc__list a:hover { color: var(--green-deep); }

/* ---------- Prose rhythm (legal-prose sits alongside .prose) ---------- */
.legal-prose { max-width: 760px; margin: 0 auto; }
.legal-prose h2 { margin-top: 2.4em; padding-top: 1.2em; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.legal-prose h2:first-of-type { margin-top: 0; padding-top: 0; border-top: none; }
.legal-prose ul { margin-top: .6em; }
.legal-prose li + li { margin-top: .4em; }
.legal-prose a { color: var(--green-deep); font-weight: 600; }
.legal-prose a:hover { text-decoration: underline; }

/* ---------- Callout (predictions are estimates, sourced public data) ---------- */
.legal-callout { margin: 18px 0; padding: 16px 20px; background: var(--green-tint); border-left: 4px solid var(--green); border-radius: 0 var(--radius-sm, 10px) var(--radius-sm, 10px) 0; }
.legal-callout p { color: var(--navy-2); font-size: 14.5px; }
.legal-callout p + p { margin-top: 8px; }

/* ---------- Version line at the end of the document ---------- */
.legal-updated { margin-top: 2.4em; padding-top: 1.2em; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--ink-soft); }

/* ---------- Responsive ---------- */
@media (max-width: 640px) {
  .legal-toc { padding: 18px 20px; }
  .legal-toc__list { grid-template-columns: 1fr; }
}