/* Pages légales — V1.11 : identité « Kodachrome » (docs/design/DESIGN.md), polices hébergées par le site */
@import url('/fonts/fonts.css');
:root {
  --creme: #FBEED3; --creme-2: #F5E0B8; --papier: #FFFAF0; --cacao: #3A1F12; --texte-doux: #53402F; --fond: #F3DDB2; --brique-texte: #A93226;
  --moutarde: #F2A516; --orange: #E8681C; --brique: #C0392B; --rouille: #6B2D1A; --sapin: #2F6B5E;
  --bandes: linear-gradient(90deg, var(--moutarde) 0 25%, var(--orange) 25% 50%, var(--brique) 50% 75%, var(--rouille) 75%);
  --bg: var(--fond); --card: var(--papier); --line: rgba(58,31,18,.18); --text: var(--cacao); --muted: var(--texte-doux); --accent: var(--sapin);
  color-scheme: light; font-synthesis: none;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font-family: 'DM Sans', system-ui, sans-serif; line-height: 1.6; }
body { border-top: 6px solid transparent; border-image: var(--bandes) 1; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
a { color: var(--sapin); font-weight: 600; }
h1 { font-family: 'Shrikhand', serif; font-weight: 400; font-size: 1.9rem; line-height: 1.2; margin: 8px 0 4px; color: var(--brique-texte); }
h2 { font-family: 'DM Sans', sans-serif; font-weight: 700; font-size: 1.15rem; margin: 28px 0 6px; color: var(--brique-texte); }
h3 { font-size: 1rem; margin: 18px 0 6px; }
.version { color: var(--muted); font-size: .85rem; font-weight: 500; font-family: 'DM Mono', monospace; }
.back { display: inline-block; margin-bottom: 8px; font-weight: 700; text-decoration: none; }
table { width: 100%; border-collapse: collapse; font-size: .9rem; margin: 8px 0; background: var(--papier); border: 2px solid var(--cacao); border-radius: 14px; overflow: hidden; }
th, td { text-align: left; border-bottom: 1px solid var(--line); padding: .5rem .55rem; vertical-align: top; }
th { color: var(--cacao); font-weight: 700; background: var(--creme-2); }
.box { background: var(--papier); border: 2px solid var(--cacao); border-radius: 14px; padding: 12px 14px; box-shadow: 0 3px 0 var(--cacao); }
.todo { color: var(--brique-texte); font-weight: 600; }
li { margin: 4px 0; }
/* V1.10 : brouillons juridiques, page Probabilités */
.draft { background: var(--creme-2); border: 2px dashed var(--brique); color: var(--cacao); border-radius: 14px; padding: 8px 12px; font-size: .9rem; }
.odds-num { font-family: 'DM Mono', monospace; font-variant-numeric: tabular-nums; white-space: nowrap; }
.muted { color: var(--muted); font-size: .9rem; }
.muted, small { font-weight: 500; }