/* ============================================================
   Styles des pages de contenu (guides) et de la section
   éditoriale de la page d'accueil. Servi tel quel depuis public/
   (jamais renommé par Vite). Reprend les tokens de legal.css.
   ============================================================ */
:root{
  --bg:#0c1626; --panel:#12213a; --line:#24334f;
  --brass:#c9a24b; --teal:#4fd1c5; --text:#e9edf4; --text-dim:#8ea0bd;
  --radius:2px;
}

/* ---- Section éditoriale en bas de la page d'accueil ---- */
.accueil-contenu{
  border-top:1px solid var(--line);
  background:var(--bg);
  padding:48px 24px 72px;
  font-family:'Inter',sans-serif;
  color:var(--text-dim);
  line-height:1.7;
}
.accueil-contenu .ac-inner{max-width:720px;margin:0 auto;}
.accueil-contenu h2{
  font-family:'Fraunces',serif;font-weight:500;font-size:1.5rem;
  color:var(--text);margin:0 0 14px;
}
.accueil-contenu h3{
  font-family:'Fraunces',serif;font-weight:500;font-size:1.05rem;
  color:var(--brass);margin:28px 0 10px;
}
.accueil-contenu p{margin:0 0 14px;font-size:.95rem;}
.accueil-contenu a{color:var(--teal);}
.accueil-contenu strong{color:var(--text);}
.ac-domaines{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;}
.ac-domaines li{
  border:1px solid var(--line);border-left:2px solid var(--brass);
  background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;
  padding:10px 14px;font-size:.9rem;
}
.ac-domaines li a{font-weight:600;}
.ac-nav{
  margin-top:32px;padding-top:18px;border-top:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--text-dim);
}
.ac-nav a{color:var(--text-dim);text-decoration:none;}
.ac-nav a:hover{color:var(--brass);}

/* ---- Pages de guide (réutilisent .page / h1 / h2 / p de legal.css) ---- */
.formule{
  font-family:'JetBrains Mono',monospace;font-size:1rem;color:var(--text);
  background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:12px 16px;margin:14px 0;text-align:center;overflow-x:auto;
}
.exemple{
  border:1px solid var(--line);border-left:2px solid var(--teal);
  background:#0f1d33;border-radius:0 var(--radius) var(--radius) 0;
  padding:14px 16px;margin:16px 0;font-size:.9rem;
}
.exemple .exemple-titre{
  font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;
  letter-spacing:.06em;color:var(--teal);margin:0 0 8px;
}
.guides-liste{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px;}
.guides-liste li{
  border:1px solid var(--line);border-left:2px solid var(--brass);
  background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;padding:14px 16px;
}
.guides-liste a{font-family:'Fraunces',serif;font-size:1.05rem;color:var(--text);text-decoration:none;}
.guides-liste a:hover{color:var(--brass);}
.guides-liste p{margin:6px 0 0;font-size:.86rem;}