/* Feuille de style commune aux guides. Volontairement séparée de
   styles.css (qui sert l'application) : ces pages sont de simples
   documents, lisibles et légers, sans dépendre du JavaScript du site. */
:root{
  --void:#0b0a0a; --void-deep:#0f0d0d; --bone:#e8e3e3; --parchment:#cfc9c9;
  --fog:#2a2626; --fog-light:#9aa0a6; --blood:#8a1220; --blood-accessible:#e2606f;
  --radius:10px;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--void); color:var(--parchment);
  font-family:'Inter',system-ui,sans-serif; line-height:1.7;
}
.wrap{max-width:780px; margin:0 auto; padding:2.5rem 1.2rem 4rem;}
.retour{display:inline-block; color:var(--blood-accessible); text-decoration:none; font-size:.85rem; margin-bottom:1.6rem;}
.retour:hover{text-decoration:underline;}
h1{font-family:'Cinzel',serif; font-size:clamp(1.7rem,5vw,2.5rem); color:var(--bone); margin:0 0 .4rem; line-height:1.25;}
.chapeau{color:var(--fog-light); font-size:.95rem; margin:0 0 2rem;}
h2{font-family:'Cinzel',serif; font-size:1.25rem; color:var(--bone); margin:2.4rem 0 .7rem;}
h3{font-size:1.02rem; color:var(--bone); margin:1.6rem 0 .4rem;}
p, li{font-size:.95rem;}
ul,ol{padding-left:1.25rem;}
li{margin-bottom:.5rem;}
strong{color:var(--bone);}
a{color:var(--blood-accessible);}
table{width:100%; border-collapse:collapse; margin:1rem 0 1.4rem; font-size:.9rem;}
th, td{text-align:left; padding:.55rem .6rem; border-bottom:1px solid var(--fog); vertical-align:top;}
th{color:var(--bone); font-weight:600; font-size:.8rem; text-transform:uppercase; letter-spacing:.05em;}
.encadre{
  border:1px solid var(--fog); border-left:3px solid var(--blood-accessible);
  border-radius:var(--radius); padding:.9rem 1.1rem; margin:1.4rem 0; background:rgba(255,255,255,.02);
}
.encadre p:first-child{margin-top:0;}
.encadre p:last-child{margin-bottom:0;}
.maj{font-size:.8rem; color:var(--fog-light); margin-top:2.5rem; border-top:1px solid var(--fog); padding-top:1rem;}

/* Sommaire de la section */
.liste-guides{list-style:none; padding:0; margin:1.5rem 0 0;}
.liste-guides li{margin-bottom:1rem;}
.carte-guide{
  display:block; text-decoration:none; color:inherit;
  border:1px solid var(--fog); border-radius:var(--radius);
  padding:1rem 1.15rem; background:var(--void-deep); transition:border-color .15s ease;
}
.carte-guide:hover{border-color:var(--blood-accessible);}
.carte-guide .titre{font-family:'Cinzel',serif; color:var(--bone); font-size:1.05rem; display:block; margin-bottom:.25rem;}
.carte-guide .resume{font-size:.88rem; color:var(--fog-light); display:block;}

/* Navigation entre guides, en bas de page */
.suite{margin-top:2.5rem; border-top:1px solid var(--fog); padding-top:1.4rem;}
.suite h2{margin-top:0;}