/* au-cabinet.fr/helicobacter — blocs propres à la page (le reste vient de /_commun/gabarit-mdph.css).
   Tailles en rem/em (le réglage « taille du texte » du bandeau doit tout agrandir).
   Cases groupées en cadres titrés : présentation de l'outil Ionogramme (choix de Jonathan, 12/10/2026). */
.hp-aide{font-size:.86rem;color:var(--gm-encre-2)}
.hp-ref{font-size:.82rem;color:var(--gm-encre-3);margin-top:.6rem}
.hp-note{font-size:.9rem;margin:.35rem 0;padding:.4rem .6rem;border-left:4px solid var(--gm-rub);background:var(--gm-carte)}
.hp-note.att{border-color:var(--gm-rouge);background:var(--gm-rose)}
.hp-note.ok{border-color:var(--gm-vert);background:var(--gm-vert-doux)}
.hp-req{font-size:.9rem;margin:.3rem 0 .6rem}
.hp-oblig,.hp-cond,.hp-fac{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:.25rem;padding:.05rem .4rem;vertical-align:middle}
.hp-oblig{background:var(--gm-rouge);color:#fff}
.hp-cond{background:var(--gm-ambre-doux);color:var(--gm-ambre-txt);border:1px solid var(--gm-ambre)}
.hp-fac{background:var(--gm-papier-2);color:var(--gm-encre-2);border:1px solid var(--gm-filet)}
.hp-boutons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}
/* champs alignés : libellé, saisie, unité */
.hp-ident{display:grid;gap:.1rem;margin:.4rem 0 .8rem;max-width:40rem}
.hp-champ{display:grid;grid-template-columns:minmax(0,13rem) auto 1fr;align-items:center;gap:.4rem .8rem;padding:.3rem 0;border-bottom:1px dotted var(--gm-filet)}
.hp-champ label,.hp-lab{font-weight:800;font-size:1rem;line-height:1.25}
.hp-champ .gm-chipset{margin:0;grid-column:2/4}
.hp-input{font:inherit;font-size:1rem;padding:.35rem .5rem;border:2px solid var(--gm-encre-3);border-radius:.3rem;background:#fff;box-sizing:border-box;width:9.5rem;max-width:100%}
input.hp-input[inputmode]{text-align:right;width:6.2rem}
.hp-u{font-size:.85rem;color:var(--gm-encre-2)}
@media (max-width:640px){.hp-champ{grid-template-columns:auto auto 1fr}.hp-champ label,.hp-lab{grid-column:1/4}.hp-champ .gm-chipset{grid-column:1/4}}
/* motifs et cases : cadres titrés, une ligne par choix */
.hp-motifs,.hp-cases-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.7rem .9rem;margin:.4rem 0 .8rem}
.hp-gcase{margin:0;padding:.5rem .6rem .45rem;border:2px solid var(--gm-encre);border-radius:.4rem;background:var(--gm-carte);min-width:0}
.hp-gcase legend{font-size:1.05rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--gm-rub-txt);border-radius:.3rem;padding:.15rem .6rem}
.hp-gcase label{display:grid;grid-template-columns:1.2rem 1fr;align-items:start;gap:.35rem;font-size:.9rem;line-height:1.25;padding:.28rem 0;cursor:pointer;border-bottom:1px dotted var(--gm-filet)}
.hp-gcase label:last-child{border-bottom:0}
.hp-gcase input{margin:.1rem 0 0;width:1rem;height:1rem}
.hp-gcase label small{display:block;font-size:.78rem;color:var(--gm-encre-2)}
.hp-gcase label:has(input:checked){font-weight:700}
.hp-gcase.hp-alarme legend{background:var(--gm-rouge)}
.hp-ligne-q{display:grid;grid-template-columns:minmax(0,15rem) 1fr;gap:.3rem .8rem;align-items:center;padding:.4rem 0;border-bottom:1px dotted var(--gm-filet)}
.hp-ligne-q:last-child{border-bottom:0}
.hp-ligne-l{font-size:1rem;font-weight:800;line-height:1.25}
.hp-ligne-l small{display:block;font-weight:400;font-size:.78rem;color:var(--gm-encre-2)}
.hp-ligne-q .gm-chipset{margin:0}
@media (max-width:640px){.hp-ligne-q{grid-template-columns:1fr}}
/* résultat */
.hp-res{border:3px solid var(--gm-encre);border-radius:.5rem;background:var(--gm-carte);padding:.7rem .9rem;margin:.6rem 0}
.hp-res h3{margin:.1rem 0 .4rem;font-size:1.2rem}
.hp-res ul{margin:.3rem 0 .3rem 1.1rem;padding:0}
.hp-res li{margin:.2rem 0;font-size:.93rem;line-height:1.4}
.hp-niv{display:inline-block;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-radius:.3rem;padding:.1rem .5rem;margin-bottom:.3rem;color:#fff;background:var(--gm-encre-2)}
.hp-res.hp-urgence{border-color:var(--gm-rouge);background:var(--gm-rose)}.hp-urgence .hp-niv{background:var(--gm-rouge)}
.hp-res.hp-fogd .hp-niv{background:var(--gm-ambre-txt)}
.hp-res.hp-ipp .hp-niv,.hp-res.hp-test .hp-niv,.hp-res.hp-traiter .hp-niv{background:var(--gm-rub-txt)}
.hp-res.hp-rien .hp-niv{background:var(--gm-vert-txt)}
.hp-demande{background:#fff;border:2px dashed var(--gm-encre-3);border-radius:.4rem;padding:.5rem .7rem;margin:.5rem 0;font-size:.92rem}
.hp-demande p{margin:.2rem 0}
.hp-ordo{width:100%;border-collapse:collapse;margin:.4rem 0;font-size:.92rem}
.hp-ordo td,.hp-ordo th{border-bottom:1px solid var(--gm-filet);padding:.35rem .4rem;text-align:left;vertical-align:top}
.hp-ordo th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gm-encre-2)}
.hp-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.5rem;margin:.5rem 0}
.hp-date{background:#fff;border:2px solid var(--gm-encre);border-radius:.4rem;padding:.4rem .6rem;font-size:.85rem}
.hp-date b{display:block;font-size:1rem}
.hp-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.8rem}
.hp-tab{width:100%;border-collapse:collapse;font-size:.9rem;margin:.4rem 0}
.hp-tab td,.hp-tab th{border-bottom:1px solid var(--gm-filet);padding:.3rem .4rem;text-align:left;vertical-align:top}
.hp-methode{border:2px solid var(--gm-encre);border-radius:.4rem;background:var(--gm-carte);padding:.6rem .8rem;margin:.6rem 0}
.hp-methode h3{margin:.1rem 0 .3rem}
.hp-methode ul{margin:.2rem 0 .2rem 1.1rem;padding:0}
.hp-methode li,.hp-methode p{font-size:.92rem;line-height:1.4;margin:.2rem 0}
.hp-depot{display:flex;gap:.9rem;align-items:center;border:2px dashed var(--gm-encre-3);border-radius:.5rem;padding:1rem;background:var(--gm-carte);cursor:pointer;margin:.6rem 0}
.hp-depot:hover,.hp-depot.hp-survol{background:var(--gm-rub-doux)}
.hp-depot input{position:absolute;opacity:0;width:1px;height:1px}
.hp-depot-n{flex:none;font-weight:800;font-size:.85rem;background:var(--gm-encre);color:#fff;border-radius:.3rem;padding:.55rem .6rem}
.hp-depot b{display:block}
.hp-depot span span{font-size:.88rem;color:var(--gm-encre-2)}
.hp-coller textarea{width:100%;min-height:6rem;font:inherit;font-size:.9rem;padding:.5rem;border:2px solid var(--gm-encre-3);border-radius:.35rem;box-sizing:border-box}
.hp-tabw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hp-sources li{margin:.25rem 0;font-size:.9rem}
@media print{.hp-depot,.hp-coller,.hp-boutons{display:none}}
/* IPP : choix, tableau, règles ; boutons de copie ; fiches */
.hp-cp{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.hp-lien{text-decoration:underline;cursor:pointer;font-weight:700}
.hp-gcase.hp-large{grid-column:1/-1}
.hp-gcase.hp-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));column-gap:1rem}
.hp-gcase.hp-large legend{grid-column:1/-1}
.hp-gcase.hp-large label:last-child{border-bottom:1px dotted var(--gm-filet)}
.hp-regles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.7rem;margin:.5rem 0}
/* carte de règle : texte en haut, juste sous le titre (align-content:start : les lignes ne s'étirent pas quand la
   carte voisine est plus haute) */
.hp-regle{display:grid;grid-template-columns:1.9rem 1fr;gap:.35rem .6rem;align-items:start;align-content:start;border:2px solid var(--gm-encre);
  border-top:.45rem solid var(--th,var(--gm-rub-txt));border-radius:.4rem;background:var(--gm-carte);padding:.55rem .75rem .6rem;box-shadow:3px 3px 0 var(--gm-encre)}
.hp-regle-n{width:1.9rem;height:1.9rem;border-radius:50%;background:var(--th,var(--gm-rub-txt));color:#fff;font-weight:800;display:grid;place-items:center;font-size:1rem}
.hp-regle-t{align-self:center;font-family:var(--ac-display);font-weight:800;text-transform:uppercase;font-size:1.15rem;line-height:1.1;color:var(--th,var(--gm-encre))}
.hp-regle-c{grid-column:1/-1}
.hp-regle-c p{margin:0 0 .15rem;font-size:.92rem;font-weight:700;color:var(--gm-encre)}
.hp-regle-c ul{margin:0}
.gm-sec .hp-regle-c ul>li,.gm-sec .hp-puces li,.gm-sec .hp-lignes li{font-size:.93rem;line-height:1.4;padding-top:.22rem;padding-bottom:.22rem}
.gm-sec .hp-regle-c ul>li::before,.gm-sec .hp-puces li::before,.gm-sec .hp-lignes li::before{top:.75rem;background:var(--th,var(--gm-rub))}
.hp-oui{color:var(--gm-vert-txt);font-weight:800}
.hp-non{color:var(--gm-encre-3)}
.hp-amm td,.hp-amm th{font-size:.85rem}
.hp-rp{color:var(--gm-vert-txt)}
.hp-rm{color:var(--gm-rouge)}
.hp-ra{color:var(--gm-ambre-txt)}
.hp-res li:is(.hp-rp,.hp-rm,.hp-ra){list-style:none}
.gm-sec .hp-res li:is(.hp-rp,.hp-rm,.hp-ra)::before{width:auto;height:auto;border-radius:0;background:none;top:.2rem;font-weight:800}
.gm-sec .hp-res li.hp-rp::before{content:"+";color:var(--gm-vert-txt)}
.gm-sec .hp-res li.hp-rm::before{content:"−";color:var(--gm-rouge-txt)}
.gm-sec .hp-res li.hp-ra::before{content:"!";color:var(--gm-ambre-txt)}
.hp-cinq tr.hp-1er td{background:var(--gm-vert-doux)}
.hp-fiche{margin:.6rem 0}
.hp-fiche-une{background:#fff;border:2px solid var(--gm-encre);border-radius:.4rem;padding:.6rem .9rem;margin:.6rem 0}
.hp-fiche-une h2{font-size:1.15rem;margin:.1rem 0 .4rem}
.hp-fiche-une h3{font-size:1rem;margin:.6rem 0 .2rem}
.hp-fiche-une table{width:100%;border-collapse:collapse;font-size:.9rem;margin:.3rem 0}
.hp-fiche-une td,.hp-fiche-une th{border:1px solid var(--gm-filet);padding:.3rem .4rem;text-align:left;vertical-align:top}
.hp-fiche-une .cadre{border:2px solid var(--gm-encre);padding:.4rem .6rem;margin:.4rem 0;font-size:.9rem}
.hp-fiche-une ul{margin:.2rem 0 .2rem 1.1rem;padding:0}
.hp-fiche-une li{font-size:.9rem;margin:.15rem 0}
.hp-gcase input:disabled+span{opacity:.6}
/* exclusions : case bloquée (grisée, raison en rouge), case cochée d'office ; alertes rouges */
.hp-gcase label.hp-exclu{cursor:not-allowed;background:var(--gm-papier-2)}
.hp-gcase label:is(.hp-exclu,.hp-force) input:disabled+span{opacity:1}
.hp-gcase label.hp-exclu > span{color:var(--gm-encre-3);text-decoration:line-through;text-decoration-thickness:1px}
.hp-gcase label .hp-raison{display:block;text-decoration:none;font-size:.8rem;font-weight:700;color:var(--gm-rouge-txt)}
.hp-gcase label.hp-exclu .hp-raison{display:inline-block;margin-top:.1rem}
.hp-gcase label.hp-force .hp-raison{color:var(--gm-vert-txt)}
.hp-alertes:empty{display:none}
.hp-alerte{margin:.4rem 0;padding:.45rem .7rem .45rem 2.1rem;position:relative;border:2px solid var(--gm-rouge);border-left-width:6px;border-radius:.35rem;
  background:var(--gm-rose);color:var(--gm-rouge-txt)!important;font-weight:700;font-size:.92rem;line-height:1.4;max-width:78ch}
.hp-alerte::before{content:"!";position:absolute;left:.55rem;top:.45rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--gm-rouge);color:#fff;
  font-size:.8rem;font-weight:800;display:grid;place-items:center;line-height:1}

/* ---------- code couleur par thème (couleurs de la charte, assombries pour le contraste AA sur le papier) ----------
   indic = sapin (indication, AMM) ; puis = outremer (puissance) ; ix = rouille (interactions, médicaments) ;
   forme = lagon (formes, avaler) ; gross = lilas (grossesse, allaitement) ; foie = ambre (foie, rein). */
.hp{--th-indic:#2F6B4F;--th-puis:#3F5D9A;--th-ix:#9A3A24;--th-forme:#2C6A70;--th-gross:#76508F;--th-foie:#8A5410}
:root[data-contrast="high"] .hp{--th-indic:#000;--th-puis:#000;--th-ix:#000;--th-forme:#000;--th-gross:#000;--th-foie:#000}
.hp-th-indic{--th:var(--th-indic)}.hp-th-puis{--th:var(--th-puis)}.hp-th-ix{--th:var(--th-ix)}
.hp-th-forme{--th:var(--th-forme)}.hp-th-gross{--th:var(--th-gross)}.hp-th-foie{--th:var(--th-foie)}
/* titres des parties en couleur : celle de la rubrique, ou celle du thème */
.hp .gm-sec h3{color:var(--th,var(--gm-rub-txt))}
.hp .gm-sec h3[class*="hp-th-"]{border-left:.4rem solid var(--th);padding-left:.5rem}
.hp .gm-sec h3[class*="hp-th-"]:not(:first-child){padding-top:0;border-top:0;margin-top:1.6rem}
/* puces : mot clé en gras, à la couleur de son thème */
.hp-cle{color:var(--th,var(--gm-encre))!important;font-weight:800}
.gm-sec .hp-puces{margin:.4rem 0}
.gm-sec .hp-puces ul{margin:.15rem 0 0}
.gm-callout .hp-puces:first-child{margin-top:0}
.gm-callout .hp-puces:last-child{margin-bottom:0}
.hp-legende{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.3rem 0 .7rem;font-size:.85rem}
.hp-legende span{display:inline-block;padding:.1rem .55rem;border-radius:1rem;background:var(--th);color:#fff;font-weight:800}
.hp-legende .hp-legende-t{background:none;color:var(--gm-encre-2);padding-left:0;font-family:var(--ac-mono);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}
/* lignes « libellé | contenu » (méthodes, cartes des IPP) */
.hp-lignes{margin:.3rem 0;display:grid;gap:0}
.hp-lignes > div{display:grid;grid-template-columns:8.2rem 1fr;gap:.2rem .7rem;padding:.4rem 0;border-top:1px dotted var(--gm-filet)}
.hp-lignes > div:first-child{border-top:0}
.hp-lignes dt{align-self:start;font-family:var(--ac-mono);font-size:.74rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.25;
  color:var(--th,var(--gm-encre));border-left:.3rem solid var(--th,var(--gm-rub));padding:.15rem 0 .15rem .45rem}
.hp-lignes dd{margin:0;min-width:0;font-size:.93rem;line-height:1.4}
.hp-lignes dd p{margin:0 0 .15rem;font-size:.93rem;line-height:1.4}
.hp-lignes dd :is(ul,p):last-child{margin-bottom:0}
.hp-lignes dd ul{margin:0}
.gm-sec .hp-lignes dd li{padding-top:.12rem;padding-bottom:.12rem}
@media (max-width:640px){.hp-lignes > div{grid-template-columns:1fr;gap:.15rem}}
/* cartes des cinq IPP (partie 10) */
.hp-mols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:.8rem;margin:.5rem 0}
.hp-mol{border:2px solid var(--gm-encre);border-radius:.4rem;background:var(--gm-carte);padding:0 .8rem .5rem;box-shadow:3px 3px 0 var(--gm-encre);min-width:0}
.hp .gm-sec .hp-mol h3{margin:0 -.8rem .3rem;padding:.45rem .8rem;border:0;background:var(--gm-rub-txt);color:#fff;font-size:1.3rem}
.hp-jauge{display:inline-block;vertical-align:middle;width:6.5rem;height:.7rem;margin-right:.5rem;border:1.5px solid var(--gm-encre);border-radius:1rem;background:var(--gm-papier-2);overflow:hidden}
.hp-jauge i{display:block;height:100%;background:var(--th,var(--gm-rub))}
.gm-sec ul.hp-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.25rem 0 0}
.gm-sec ul.hp-tags > li{padding:.08rem .55rem;border:1.5px solid var(--th,var(--gm-encre));border-radius:1rem;font-size:.85rem;font-weight:700;color:var(--gm-encre);line-height:1.35}
.gm-sec ul.hp-tags > li::before{display:none}
@media print{.hp-cp{display:none}}
/* ---------- schémas de décision : règles reprises de ionogramme/guide/ionogramme.css (dessin : /ionogramme/guide/schema.js) ---------- */
.sc{margin:.6rem 0 1.2rem;font-size:.92rem;line-height:1.25}
.sc-depart{display:table;position:relative;margin:0 auto 1rem;font-weight:800;font-size:1.05rem;background:var(--gm-rub);color:#fff;border-radius:.35rem;padding:.4rem .9rem}
.sc-depart::after{content:"";position:absolute;left:50%;top:100%;height:1rem;border-left:3px solid var(--gm-encre)}
.sc-q{display:table;margin:0 auto;text-align:center;font-weight:800;background:var(--gm-encre-2);color:#fff;border-radius:.35rem;padding:.4rem .75rem;max-width:15rem}
.sc-q small{display:block;font-weight:400;font-size:.78rem;opacity:.85}
.sc-l{display:table;margin:0 auto;max-width:calc(100% - .4rem);font-weight:800;font-size:.86rem;line-height:1.2;text-align:center;overflow-wrap:break-word;hyphens:auto;background:var(--gm-jaune);color:var(--gm-encre);border:2px solid var(--gm-encre);border-radius:.8rem;padding:.12rem .55rem}
.sc-f{overflow-wrap:break-word;background:var(--gm-carte);border:1px solid var(--gm-encre);border-top:5px solid var(--gm-rub);border-radius:.35rem;padding:.4rem .55rem;text-align:center}
.sc-f b{display:block;font-size:.95rem}
.sc-f span{display:block;font-size:.82rem;color:var(--gm-encre-2);margin-top:.15rem}
.sc-f.sc-urg{border-color:var(--gm-rouge);background:var(--gm-rose)}
.sc figcaption,.sc-pop-note{font-size:.8rem;color:var(--gm-encre-3);text-align:center;margin-top:.6rem}
/* organigramme : traits en CSS (le trait vertical sous la question, puis un trait horizontal qui dessert les branches) */
.sc-k{display:flex;justify-content:center;align-items:flex-start;position:relative;padding-top:1rem}
.sc-k::before{content:"";position:absolute;left:50%;top:0;height:1rem;border-left:3px solid var(--gm-encre)}
.sc-c{flex:1 1 0;min-width:7rem;position:relative;padding:1rem .25rem 0;display:flex;flex-direction:column;align-items:stretch}
.sc-c::before,.sc-c::after{content:"";position:absolute;top:0;width:50%;border-top:3px solid var(--gm-encre)}
.sc-c::before{left:0}.sc-c::after{right:0}
.sc-c:first-child::before,.sc-c:last-child::after{display:none}
.sc-c:only-child::before,.sc-c:only-child::after{display:none}
.sc-c > .sc-l{position:relative;margin-bottom:.9rem}
.sc-c > .sc-l::before{content:"";position:absolute;left:50%;bottom:100%;height:1rem;border-left:3px solid var(--gm-encre)}
.sc-c > .sc-l::after{content:"";position:absolute;left:50%;top:100%;height:.9rem;border-left:3px solid var(--gm-encre)}
.sc-c > .sc-f{margin:0 .1rem}
/* zones colorées (façon « bulles » du schéma papier) */
.sc-z{background:var(--sc-z);border-radius:1.2rem;padding-bottom:.6rem;margin:0 .2rem}
/* le trait horizontal traverse l'espace entre deux zones */
.sc-c.sc-z::before{left:-.2rem;width:calc(50% + .2rem)}.sc-c.sc-z::after{right:-.2rem;width:calc(50% + .2rem)}
.sc-z0{--sc-z:#E3EEF0}.sc-z1{--sc-z:#F6E6C8}.sc-z2{--sc-z:#E4ECD6}.sc-z3{--sc-z:#ECE3F2}.sc-z4{--sc-z:#F4E0D6}.sc-zn{--sc-z:var(--gm-papier-2)}
/* version étroite : une carte par issue, dans la couleur de sa zone, son chemin au-dessus.
   Retraits ≤ 10 px : au-delà, gabarit-mdph.js les prendrait pour des cadres imbriqués (.gm-imb) sur téléphone. */
.sc-petit{display:none}
.sc-petit-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;margin:0 0 .5rem}
.sc-petit .sc-depart{display:inline-block;margin:0}
.sc-petit .sc-depart::after{display:none}
.sc-liste{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.sc-p{background:var(--sc-z);border-radius:.8rem;padding:.45rem .55rem .55rem}
.sc-fil{list-style:none;margin:0 0 .35rem;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .3rem;align-items:center;font-size:.84rem;font-weight:800}
.sc-fil li{background:var(--gm-jaune);border:1.5px solid var(--gm-encre);border-radius:.8rem;padding:0 .45rem;max-width:100%;overflow-wrap:break-word}
.sc-fil li small{font-weight:600;font-size:.76rem;color:var(--gm-encre-2)}
.sc-petit .sc-f{text-align:left}
.sc-ouvrable{cursor:zoom-in}
.sc-ouvrable:focus-visible{outline:3px solid var(--gm-flamme);outline-offset:3px;border-radius:.5rem}
.sc-agrandir{display:inline-block;font-weight:800;font-size:.9rem;background:var(--gm-encre);color:#FFFDF7;border-radius:.35rem;padding:.45rem .9rem;box-shadow:3px 3px 0 var(--gm-flamme)}
/* bascule : c'est la largeur du schéma qui compte (requête de conteneur) ; plus il a d'issues (sc-n2 … sc-n12,
   posée par schema.js), plus il passe tôt en version étroite */
[data-schema]{container-type:inline-size}
@container (max-width:24rem){.sc-n2 .sc-grand,.sc-n3 .sc-grand{display:none}.sc-n2 .sc-petit,.sc-n3 .sc-petit{display:block}}
@container (max-width:38rem){.sc-n4 .sc-grand,.sc-n5 .sc-grand{display:none}.sc-n4 .sc-petit,.sc-n5 .sc-petit{display:block}}
@container (max-width:52rem){.sc-n6 .sc-grand,.sc-n7 .sc-grand{display:none}.sc-n6 .sc-petit,.sc-n7 .sc-petit{display:block}}
@container (max-width:66rem){.sc-n8 .sc-grand,.sc-n9 .sc-grand,.sc-n10 .sc-grand,.sc-n11 .sc-grand,.sc-n12 .sc-grand{display:none}.sc-n8 .sc-petit,.sc-n9 .sc-petit,.sc-n10 .sc-petit,.sc-n11 .sc-petit,.sc-n12 .sc-petit{display:block}}
/* fenêtre plein écran : l'organigramme à sa taille d'ordinateur */
.sc-pop{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--gm-papier);color:var(--gm-encre)}
.sc-pop[open]{display:flex;flex-direction:column}
.sc-pop::backdrop{background:rgba(27,43,56,.6)}
.sc-pop-barre{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;padding-top:max(.5rem,env(safe-area-inset-top));background:var(--gm-nuit);color:#fff}
.sc-pop-t{flex:1;min-width:0;font-size:.85rem;line-height:1.15}
.sc-pop-barre button{font:inherit;font-weight:800;font-size:.95rem;min-width:2.4rem;padding:.35rem .6rem;border:2px solid #fff;border-radius:.3rem;background:transparent;color:#fff;cursor:pointer}
.sc-pop-barre .sc-pop-fermer{background:#fff;color:var(--gm-encre)}
.sc-pop-zone{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:.8rem .5rem}
.sc-pop-in{margin:0 auto;font-size:.92rem;line-height:1.25}
.sc-pop-aide{margin:0;padding:.4rem .75rem;padding-bottom:max(.4rem,env(safe-area-inset-bottom));font-size:.8rem;text-align:center;color:var(--gm-encre-2);background:var(--gm-papier-2)}
/* sur fond rose (alerte, urgence), le mot clé reste à l'encre (contraste AA) */
.gm-sec :is(.gm-callout.warn,.hp-urgence) .hp-cle{color:var(--gm-encre)!important}
/* téléphone : l'IPP proposé (1re ligne du tableau des cinq) garde sa carte verte, en-tête compris */
@media (max-width:640px){
  .hp-cinq tr.hp-1er{border-color:var(--gm-vert-txt);border-width:3px;background:var(--gm-vert-doux)}
  .hp-cinq tr.hp-1er td{background:none}
  .hp-cinq tr.hp-1er > .gm-tc-tete{background:var(--gm-vert-txt)}
}

/* fiche reflux illustrée (13/10/2026) : schéma à gauche du texte, en dessous sur téléphone */
.hp-bloc-fig{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:.4rem 1rem;align-items:start}
.hp-fig{margin:.3rem 0}
.hp-fig svg{width:100%;height:auto;display:block;background:#fff}
.hp-fig figcaption{font-size:.82rem;font-style:italic;color:var(--gm-encre-2)}
@media (max-width:640px){.hp-bloc-fig{grid-template-columns:1fr}}