/* Guides du Conseil de guerre : pages publiques (visiteur : en-tête simple ; compte connecté : cadre commun, cadre.js).
   Jetons de couleur et typographie : theme.css (body.cg). */
html body.cg.guide{min-height:100vh}
/* visiteur : pas de barre latérale (le thème la prévoit en grille), une colonne de lecture */
html body.cg.guide.visiteur{display:block}
.guide-public{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 24px;border-bottom:1px solid var(--c-filet);background:var(--c-panneau)}
.guide-public .marque{font-weight:650;font-size:16px;color:var(--c-texte);text-decoration:none}
.guide-public nav{display:flex;gap:14px;align-items:center;font-size:14px}
html body.cg.guide.visiteur>header{max-width:760px;margin:0 auto;padding:28px 20px 0;box-sizing:border-box}
html body.cg.guide.visiteur>header h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}
html body.cg.guide.visiteur>main{max-width:760px;margin:0 auto;padding:16px 20px 56px;box-sizing:border-box}
@media (max-width:600px){.guide-public{padding:10px 16px}html body.cg.guide.visiteur>header,html body.cg.guide.visiteur>main{padding-left:16px;padding-right:16px}}
/* l'article */
.guide-article{max-width:760px;font-size:15.5px;line-height:1.65;color:var(--c-texte2)}
.guide-article h2{font-size:19px!important;margin:30px 0 10px}
.guide-article h3{font-size:16px!important;margin:20px 0 8px}
.guide-article p{margin:0 0 12px}
.guide-chapeau{font-size:17px;color:var(--c-texte);line-height:1.55}
.guide-article strong{color:var(--c-texte)}
.guide-article ol.etapes{counter-reset:etape;list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}
.guide-article ol.etapes>li{counter-increment:etape;position:relative;padding:12px 14px 12px 50px;background:var(--c-panneau);border:1px solid var(--c-filet);border-radius:10px}
.guide-article ol.etapes>li::before{content:counter(etape);position:absolute;left:14px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--c-accent);color:var(--c-sur-accent);font-weight:650;font-size:13px;display:flex;align-items:center;justify-content:center}
.guide-article .calcul{font-family:var(--c-mono);font-size:13.5px;background:var(--c-panneau2);border:1px solid var(--c-filet);border-radius:7px;padding:8px 10px;margin:8px 0 0;overflow-x:auto;white-space:pre-wrap;color:var(--c-texte)}
.guide-article ul.pieges{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.guide-article table{border-collapse:collapse;width:100%;font-size:14px;margin:8px 0 14px}
.guide-article th,.guide-article td{border-bottom:1px solid var(--c-filet);padding:6px 8px;text-align:left}
.guide-article td.n,.guide-article th.n{text-align:right;font-variant-numeric:tabular-nums}
.guide-action{margin:18px 0;padding:14px 16px;border-radius:10px;background:var(--c-accent-pale);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.guide-action span{color:var(--c-texte);font-size:14.5px}
.guide-suite{margin-top:34px;padding-top:16px;border-top:1px solid var(--c-filet);font-size:14px}
.guide-suite a{margin-right:14px}
/* sommaire des guides */
.guides-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px}
.guides-liste a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--c-filet);border-radius:10px;background:var(--c-panneau);text-decoration:none;color:var(--c-texte2);box-shadow:var(--c-ombre)}
.guides-liste a:hover{border-color:var(--c-accent)}
.guides-liste b{color:var(--c-texte);font-size:16px}
.guides-liste span{font-size:14px;line-height:1.5}