/* EX’SIE — guides du carnet : une page de lecture. Calme, une colonne de texte, un schéma qui suit la lecture. */
.guide-tete { padding-block: clamp(36px, 5vw, 72px) clamp(28px, 4vw, 48px); }
.guide-tete .conteneur { display: flex; flex-direction: column; gap: var(--e-5); align-items: flex-start; }
.guide-tete h1 { max-width: 20ch; }
.guide-tete .chapo { max-width: 56ch; }
.lien--retour .fleche--retour { transform: scaleX(-1); }
.guide-signature { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; max-width: none; padding-top: var(--e-5); border-top: 1px solid var(--line); width: 100%; font-size: var(--t-petit); font-weight: 600; color: var(--muted); }

.guide-corps { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: clamp(32px, 6vw, 96px); align-items: start; padding-bottom: var(--section); }
.guide-marge { position: sticky; top: calc(var(--h-entete) + 24px); display: grid; gap: var(--e-6); }
.guide-schema { position: relative; aspect-ratio: 1; display: grid; place-items: center; border-radius: var(--r-3); background: var(--surface); border: 1px solid var(--line); overflow: hidden; }
.guide-sommaire ol { display: grid; gap: 2px; }
.guide-sommaire a { position: relative; display: block; padding: 7px 0 7px 16px; font-size: var(--t-petit); font-weight: 600; color: var(--muted); line-height: 1.45; transition: color var(--d-2); }
.guide-sommaire a::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 2px; border-radius: 2px; background: var(--accent); transform: scaleY(0); transform-origin: top; transition: transform var(--d-3) var(--c-elan); }
.guide-sommaire a:hover, .guide-sommaire a.est-courant { color: var(--ink); }
.guide-sommaire a.est-courant::before { transform: scaleY(1); }

.guide-texte { max-width: 42rem; }
.guide-section { padding-block: clamp(28px, 4vw, 44px); border-top: 1px solid var(--line); scroll-margin-top: calc(var(--h-entete) + 16px); }
.guide-section:first-child { border-top: 0; padding-top: 0; }
.guide-section h2 { font-size: clamp(1.45rem, 1.2rem + 1vw, 1.9rem); font-weight: 600; margin-bottom: var(--e-4); }
.guide-section > p { font-size: 1.08rem; line-height: 1.75; max-width: 62ch; }
.guide-reperes { margin: var(--e-5) 0 0; display: grid; }
.guide-reperes div { display: grid; grid-template-columns: 8.5rem 1fr; gap: 4px 18px; padding-block: 12px; border-top: 1px solid var(--line); }
.guide-reperes dt { padding-top: .3em; font-size: var(--t-mini); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-texte); }
.guide-reperes dd { margin: 0; color: var(--ink); line-height: 1.6; }
.guide-reperes .piege dt { color: var(--ambre-texte); }

.guide-local, .guide-retenir, .guide-suite { margin-top: clamp(28px, 4vw, 44px); padding: clamp(22px, 3vw, 34px); border-radius: var(--r-3); }
.guide-local { background: var(--bg-doux); display: grid; gap: var(--e-3); }
.guide-retenir { border: 1px solid var(--line-fort); }
.guide-retenir h2 { font-size: 1.3rem; font-weight: 700; margin-bottom: var(--e-4); }
.guide-retenir ol { counter-reset: r; display: grid; gap: 12px; }
.guide-retenir li { counter-increment: r; display: grid; grid-template-columns: 2rem 1fr; color: var(--ink); font-weight: 600; font-size: 1.05rem; line-height: 1.5; }
.guide-retenir li::before { content: counter(r); font-weight: 700; color: var(--accent-texte); }
.guide-suite { background: var(--surface); border: 1px solid var(--line); display: grid; gap: var(--e-4); justify-items: start; }

@media (max-width: 900px) {
  .guide-corps { grid-template-columns: 1fr; }
  .guide-marge { position: static; }
  .guide-schema { max-width: 360px; }
  .guide-sommaire { display: none; }
  .guide-reperes div { grid-template-columns: 1fr; }
}

@media print {
  .bandeau, .entete, .menu-m, .pied, .appel, .guide-marge, .guide-signature button, .section--douce, .evitement { display: none !important; }
  body { background: #fff; color: #000; }
  .guide-corps { display: block; }
  .guide-section { break-inside: avoid; }
}