/* Eqra — pages légales (conditions, confidentialité) : styles communs, extraits des deux pages. */
  :root {
    --paper: #F7F5F0; --surface: #FFFFFF; --muted: #EFECE5; --border: #E6E1D8;
    --ink: #15171A; --ink-2: #5F5C55;
    --green: #0F4F44; --green-soft: #E2EDE9;
    --gold: #85661F; --todo: #FCE7A8;
    --serif: "Fraunces", Georgia, serif; --sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    color-scheme: light;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --paper: #0C0F0E; --surface: #151A18; --muted: #1D2422; --border: #27302D;
      --ink: #EDE9E2; --ink-2: #A9ADA9;
      --green: #7CC4AE; --green-soft: #16302A;
      --gold: #D4B36E; --todo: #5A4A17;
      color-scheme: dark;
    }
  }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.65 var(--sans); padding: 32px 16px 64px; }
  main { max-width: 720px; margin: 0 auto; }
  .brand { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 28px; color: var(--ink-2); text-decoration: none; font-weight: 600; }
  .brand img { width: 32px; height: 32px; border-radius: 8px; }
  .eyebrow { margin: 0 0 6px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); font-weight: 600; }
  h1 { margin: 0 0 8px; font: 600 clamp(28px, 6vw, 36px)/1.15 var(--serif); }
  h2 { margin: 40px 0 10px; font: 600 22px/1.25 var(--serif); }
  h3 { margin: 24px 0 6px; font-size: 16px; }
  p, li { color: var(--ink-2); }
  p { margin: 0 0 14px; }
  ul { margin: 0 0 14px; padding-left: 22px; }
  li { margin-bottom: 6px; }
  strong { color: var(--ink); font-weight: 600; }
  a { color: var(--green); }
  .updated { font-size: 14px; color: var(--ink-2); }
  .summary { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 20px 22px; margin: 24px 0 8px; }
  .summary ul { margin: 0; }
  .table-wrap { overflow-x: auto; margin: 0 0 14px; }
  table { width: 100%; border-collapse: collapse; font-size: 14px; background: var(--surface); border-radius: 14px; overflow: hidden; }
  th, td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--border); color: var(--ink-2); }
  th { color: var(--ink); font-weight: 600; background: var(--muted); }
  mark.todo { background: var(--todo); color: var(--ink); padding: 0 4px; border-radius: 4px; }
  nav.legal { margin-top: 48px; padding-top: 20px; border-top: 1px solid var(--border); display: flex; gap: 18px; flex-wrap: wrap; font-size: 14px; }
  /* Thème sombre choisi sur le site (assets/theme.js pose data-theme d'après la clé « iqra-theme »). */
  :root[data-theme="dark"] {
    --paper: #0C0F0E; --surface: #151A18; --muted: #1D2422; --border: #27302D;
    --ink: #EDE9E2; --ink-2: #A9ADA9;
    --green: #7CC4AE; --green-soft: #16302A;
    --gold: #D4B36E; --todo: #5A4A17;
    color-scheme: dark;
  }
  :focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; border-radius: 4px; }