/* Un parcours de lecture illustré, indépendant des commandes du jeu. */
.titre-page{padding:32px 0 28px;border-bottom:1px solid #baa17b}.titre-page h1{max-width:960px;line-height:1.12}.preparation-guide{margin:24px 0 64px}.preparation-guide h2{font-size:clamp(27px,3.1vw,37px);color:#174d68;letter-spacing:-.02em}.preparation-guide h3{font-size:25px;color:#8a2a1f}.preparation-guide p{margin:0 0 20px}.entree-lecture{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:center;padding:32px 38px;margin:0 0 48px;border:1px solid #aa8d5c;border-top:5px solid #174d68;background:#f4e8cf url('/assets/graffigny-presentation/cabinet.png') right center/auto 100% no-repeat;isolation:isolate;position:relative}.entree-lecture::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff8e9 52%,#fff8e9e8 74%,#fff8e9a8);z-index:-1}.entree-texte{max-width:700px}.entree-texte p{font-size:20px;line-height:1.65}.lien-suite{display:inline-block;font-weight:700}.ouverture-illustree{margin:0;text-align:center}.vignette{display:block;aspect-ratio:1;background-repeat:no-repeat;background-size:500% 500%;background-position:var(--x) var(--y);mix-blend-mode:multiply;width:100%;max-width:280px;margin-inline:auto}.atlas-atelier{background-image:url('/assets/graffigny-commentaires/atlas01-atelier.png')}.atlas-langue{background-image:url('/assets/graffigny-commentaires/atlas06-langue.png')}.atlas-exister{background-image:url('/assets/graffigny-commentaires/atlas10-exister.png')}.preparation-guide figcaption{font:italic 16px/1.4 Georgia,serif;color:#624a31;text-align:center;margin-top:4px}.lecture-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start}.sommaire-presentation{position:sticky;top:24px;border-top:4px solid #8a2a1f;padding-top:18px;font:15px/1.45 Arial,sans-serif}.sommaire-presentation nav{display:flex;flex-direction:column}.sommaire-presentation .surtitre{font-size:12px}.sommaire-presentation a{padding:9px 0;border-bottom:1px solid #d1bea0;text-decoration:none;color:#553d29}.sommaire-presentation a:hover,.sommaire-presentation a:focus-visible{color:#8a2a1f;text-decoration:underline}.sommaire-presentation .aller-jeu{color:#8a2a1f;font-weight:700;border-bottom:0;margin-top:12px}.fil-lecture{min-width:0}.cadre-oral{padding:26px 30px;border:1px solid #ba9f73;border-left:5px solid #c8912b;background:#f7edda;margin:0 0 34px}.source-discrete{font-size:15px}.guide-section{display:flow-root;border-top:2px solid #b69b71;padding:30px 0 14px;margin-top:34px;scroll-margin-top:25px}.guide-section .etape-guide{font:700 14px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#8a2a1f;text-transform:uppercase;margin:0 0 13px}.guide-section>h2{margin-bottom:27px}.illustration{width:210px;margin:0 0 24px;padding:5px 8px 13px;border-bottom:2px solid #c8912b}.illustration.cote-droit{float:right;margin-left:26px}.illustration.cote-gauche{float:left;margin-right:26px}.parole-modele{clear:both;position:relative;padding:22px 26px 22px 31px;margin:26px 0 30px;border-left:5px solid #174d68;background:#f1e8d5;box-shadow:4px 4px 0 #e3d4b7}.parole-modele::after{content:'';position:absolute;left:27px;bottom:-11px;border-top:12px solid #f1e8d5;border-right:15px solid transparent}.parole-modele .etiquette-parole{font:700 13px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#174d68;margin:0 0 12px}.parole-modele p:last-child{font-size:20px;line-height:1.65;margin:0}.a-toi{clear:both;padding:15px 0 15px 20px;border-left:3px solid #c8912b}.a-toi strong{color:#8a2a1f}.renvoi-lecture{font-size:16px}.trajet-illustre{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:26px 0 32px}.trajet-illustre li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 14px;border-bottom:3px solid #c8912b}.trajet-illustre strong{font-size:16px;color:#8a2a1f;margin:10px 0}.trajet-illustre li>span:last-child{font-size:15px;line-height:1.45}.passage-illustre{display:grid;grid-template-columns:180px minmax(0,1fr);gap:27px;padding:26px 0;border-top:1px solid #d1bea0}.passage-illustre figure{margin:0}.citation-oeuvre{font-size:22px;line-height:1.5;color:#174d68;padding:16px 20px;margin:22px 0;border-left:3px solid #c8912b;background:#f8edda}.gestes-conversation{clear:both;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;gap:12px;margin:24px 0 34px}.gestes-conversation li{padding:15px 10px 15px 0;border-top:4px solid #174d68}.gestes-conversation li:last-child{border-color:#c8912b}.gestes-conversation b{display:block;color:#174d68;margin-bottom:8px;font-size:19px}.gestes-conversation span{font-size:16px;line-height:1.45;display:block}.reponse-guidee{border-left:4px solid #174d68;padding:22px 26px;background:#f1e8d5}.reponse-guidee b{color:#174d68}.reponse-guidee p:last-child{margin-bottom:0}.carte-guide{background:#f3e8d2;padding:30px 28px;border:1px solid #b69b71;border-top:5px solid #8a2a1f}.carte-reperes{clear:both;display:grid;grid-template-columns:150px minmax(0,1fr);margin:26px 0}.carte-reperes dt,.carte-reperes dd{padding:14px 0;border-top:1px solid #c4ad86;margin:0}.carte-reperes dt{font-weight:700;color:#8a2a1f;padding-right:16px}.passage-au-jeu{display:grid;grid-template-columns:250px minmax(0,1fr);gap:35px;align-items:center;margin-top:55px;padding:30px;border-top:4px solid #174d68;border-bottom:1px solid #b69b71;background:#f4e8cf}.passage-au-jeu figure{margin:0}.bouton-jeu{display:inline-block;padding:13px 22px;background:#8a2a1f;color:#fff8e9;font-weight:700;text-decoration:none;border:2px solid #8a2a1f}.bouton-jeu:hover{background:#652016}.jeu-entretien{scroll-margin-top:20px}#questions-dragon{border-top:1px solid #b69b71;padding-top:28px}
@media(max-width:1050px){.lecture-layout{grid-template-columns:1fr;gap:24px}.sommaire-presentation{position:static}.sommaire-presentation nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px}.sommaire-presentation .surtitre{grid-column:1/-1}.sommaire-presentation .aller-jeu{margin-top:0}.entree-lecture{grid-template-columns:minmax(0,1fr) 200px;padding:28px;gap:15px}.trajet-illustre{gap:12px}.preparation-guide{margin-top:20px}}
@media(max-width:650px){.entree-lecture{grid-template-columns:1fr;padding:23px 20px;margin-bottom:30px}.entree-lecture::before{background:#fff8e9e8}.entree-texte p{font-size:18px}.ouverture-illustree{max-width:220px;margin:0 auto}.sommaire-presentation nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.illustration.cote-droit,.illustration.cote-gauche{float:none;width:210px;margin:0 auto 26px}.parole-modele{padding:20px}.parole-modele p:last-child{font-size:18px}.trajet-illustre{grid-template-columns:1fr;gap:15px}.trajet-illustre li{display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:16px;text-align:left;align-items:center}.trajet-illustre .vignette{grid-row:1/3}.trajet-illustre strong{align-self:end;margin:5px 0}.trajet-illustre li>span:last-child{align-self:start}.passage-illustre{grid-template-columns:1fr;gap:20px}.passage-illustre figure{max-width:210px;margin:0 auto}.gestes-conversation{grid-template-columns:repeat(2,minmax(0,1fr))}.carte-reperes{grid-template-columns:1fr}.carte-reperes dt{padding-bottom:4px}.carte-reperes dd{border-top:0;padding-top:0}.carte-guide,.cadre-oral{padding:22px 20px}.passage-au-jeu{grid-template-columns:1fr;gap:18px;padding:24px 20px}.passage-au-jeu figure{max-width:200px;margin:auto}.preparation-guide h2{font-size:28px}.guide-section>h2{margin-bottom:20px}}
@media print{.page-entete,.sommaire-presentation,.jeu-entretien,.bilan,.reservoir,.bouton-jeu{display:none}.lecture-layout{display:block}.vignette{print-color-adjust:exact;-webkit-print-color-adjust:exact}.guide-section{break-inside:avoid}.entree-lecture{background:none}.preparation-guide{margin:0}}
/* La voix de l’élève : une couleur et un intitulé, jamais la couleur seule. */
.parole-modele,.reponse-guidee{color:#28523a;border-left-color:#356747;background:#eff1df}
.parole-modele::after{border-top-color:#eff1df}
.parole-modele .etiquette-parole{color:#28523a;font-size:15px;font-weight:800}
.etiquette-parole span{display:block;font:italic 16px/1.5 Georgia,serif;text-transform:none;letter-spacing:0;margin-top:4px}
.reponse-guidee b{color:#28523a}
.voix-eleve{color:#28523a;font-weight:600}