/* Artisname · la mise en page de assistance.html, chargée avant backline.css (plus de style en ligne : audit du 3 novembre 2026). */
  :root { --bg:#F4F3F1; --card:#fff; --ink:#151413; --ink2:#6A6661; --line:rgba(0,0,0,.1); --accent:#A3262E; }
  @media (prefers-color-scheme: dark) { :root { --bg:#0C0C0C; --card:#1A1918; --ink:#F4F2EF; --ink2:#A19D97; --line:rgba(255,255,255,.11); --accent:#F08A80; } }
  * { box-sizing:border-box; }
  body { margin:0; background:var(--bg); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
         min-height:100vh; display:flex; justify-content:center; padding:32px 16px; }
  .wrap { width:100%; max-width:560px; }
  .brand { font-family:var(--bl-display); text-transform:uppercase; font-size:40px; letter-spacing:.6px; margin-bottom:22px; display:flex; align-items:center; gap:10px; justify-content:center; }
  .brand img { width:30px; height:30px; }
  @media (prefers-color-scheme: dark) { .brand img { filter:invert(1); } }
  .card { background:var(--card); border-radius:22px; padding:24px 22px; box-shadow:0 8px 30px rgba(0,0,0,.06); margin-bottom:16px; }
  h1 { font-family:var(--bl-display); font-weight:400; text-transform:uppercase; letter-spacing:.4px; font-size:34px; line-height:1; margin:0 0 12px; }
  h2 { font-size:19px; margin:0 0 10px; }
  p, li { color:var(--ink2); line-height:1.5; font-size:16px; }
  p { margin:0 0 12px; }
  ol { margin:0 0 12px; padding-left:22px; }
  li { margin-bottom:6px; }
  a { color:var(--accent); }
  .small { font-size:13px; text-align:center; }