/* Feuille commune aux pages légales. Elles n'ont rien à vendre : une colonne étroite,
   un texte lisible, et le chemin du retour toujours visible. */
@import url('/assets/fonts/sn-pro.css');
@import url('/assets/tokens.css');

*, *::before, *::after { box-sizing: border-box }
body { margin: 0; background: var(--bg-soft); color: var(--ink);
  font-family: 'SN Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 15px; line-height: 1.62; -webkit-font-smoothing: antialiased }

.wrap { max-width: 720px; margin: 0 auto; padding: 48px 20px 80px }
.back { display: inline-block; margin-bottom: 28px; font-size: 13px; color: var(--muted); text-decoration: none }
.back:hover { color: var(--ink-2) }

h1 { font-size: 28px; font-weight: 800; line-height: 1.06; letter-spacing: -.035em; margin: 0 0 6px }
.maj { margin: 0 0 34px; font-size: 12.5px; color: var(--muted) }
h2 { font-size: 17px; font-weight: 800; letter-spacing: -.028em; margin: 36px 0 10px }
h3 { font-size: 14.5px; margin: 22px 0 6px }
p, li { color: var(--ink-2); font-size: 14px }
ul { padding-left: 20px }
li { margin: 4px 0 }
a { color: var(--brand) }

table { border-collapse: collapse; width: 100%; margin: 14px 0; font-size: 13px }
th, td { text-align: left; padding: 9px 12px; border: 1px solid var(--line); vertical-align: top }
th { background: var(--bg); font-weight: 650; color: var(--ink) }
td { color: var(--ink-2) }

/* Ce qui reste à compléter doit être impossible à publier par inadvertance. */
.todo { background: #fff4ed; border: 1px dashed var(--brand); border-radius: var(--radius, 12px);
  padding: 12px 14px; margin: 18px 0; font-size: 13px; color: var(--ink) }

.foot { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line);
  font-size: 12.5px; color: var(--muted) }