/* au-cabinet.fr/ionogramme — 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). */

/* ---------- saisie ---------- */
.io-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}
.io-depot:hover,.io-depot.io-survol{background:var(--gm-rub-doux)}
.io-depot input{position:absolute;opacity:0;width:1px;height:1px}
.io-depot-n{flex:none;font-weight:800;font-size:.85rem;background:var(--gm-encre);color:#fff;border-radius:.3rem;padding:.55rem .6rem}
.io-depot b{display:block}
.io-depot span span{font-size:.88rem;color:var(--gm-encre-2)}
.io-lecture{margin:.4rem 0 .8rem}
.io-note{font-size:.9rem;margin:.3rem 0;padding:.45rem .7rem;border-left:4px solid var(--gm-rub);background:var(--gm-carte)}
.io-note.att{border-color:var(--gm-rouge)}
.io-coller textarea{width:100%;min-height:7rem;font:inherit;font-size:.9rem;padding:.5rem;border:2px solid var(--gm-encre-3);border-radius:.35rem;box-sizing:border-box}
.io-grilles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.4rem 1.4rem;margin:.6rem 0}
.io-groupe{border-top:3px solid var(--gm-encre);padding-top:.35rem}
.io-groupe h3{font-size:.95rem;margin:.1rem 0 .35rem;text-transform:uppercase;letter-spacing:.03em}
.io-champ{display:grid;grid-template-columns:minmax(0,1fr) 6.2rem 5.2rem;align-items:center;gap:.4rem;padding:.18rem 0;border-bottom:1px dotted var(--gm-filet)}
.io-champ label{font-size:.92rem;line-height:1.2}
.io-champ input{width:100%;box-sizing:border-box;font:inherit;font-size:.95rem;padding:.3rem .4rem;border:2px solid var(--gm-encre-3);border-radius:.3rem;text-align:right;background:#fff}
.io-champ input.io-lu{border-color:var(--gm-vert);background:var(--gm-vert-doux)}
.io-champ input.io-hors{border-color:var(--gm-rouge);background:var(--gm-rose)}
.io-champ .io-u{font-size:.8rem;color:var(--gm-encre-2)}
.io-champ.io-anormal label{font-weight:700;color:var(--gm-rouge-txt)}
.io-quest{margin:.55rem 0}
.io-quest .gm-libelle{display:block;font-weight:700;margin-bottom:.25rem}
.io-cases{display:flex;flex-wrap:wrap;gap:.3rem .5rem}
.io-cases label{display:inline-flex;align-items:center;gap:.3rem;font-size:.9rem;background:var(--gm-carte);border:1px solid var(--gm-filet);border-radius:1rem;padding:.2rem .6rem;cursor:pointer}
.io-cases input{margin:0}
.io-lus{font-size:.85rem;width:100%;border-collapse:collapse;margin:.4rem 0}
.io-lus td,.io-lus th{border-bottom:1px solid var(--gm-filet);padding:.2rem .35rem;text-align:left;vertical-align:top}
.io-lus .io-src{color:var(--gm-encre-3);font-size:.8rem;word-break:break-word}

/* ---------- synthèse ---------- */
.io-synth{display:grid;gap:.8rem}
.io-anom{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0}
.io-badge{display:inline-block;font-weight:700;font-size:.85rem;border:2px solid var(--gm-encre);border-radius:.35rem;padding:.15rem .5rem;background:var(--gm-carte)}
.io-badge.leger{background:var(--gm-ambre-doux)}
.io-badge.modere{background:#F8D2A8}
.io-badge.severe{background:var(--gm-rouge);color:#fff;border-color:var(--gm-rouge)}
.io-badge.ok{background:var(--gm-vert-doux)}
.io-urgence{border:3px solid var(--gm-rouge);background:var(--gm-rose);padding:.6rem .8rem;border-radius:.4rem}
.io-urgence b{color:var(--gm-rouge-txt)}
.io-derives{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.35rem}
.io-der{background:var(--gm-carte);border:1px solid var(--gm-filet);border-radius:.35rem;padding:.35rem .55rem;font-size:.88rem}
.io-der b{display:block;font-size:1.05rem}
.io-der a{font-size:.8rem}
.io-bilan{background:var(--gm-carte);border:2px solid var(--gm-encre);border-radius:.4rem;padding:.6rem .8rem}
.io-bilan h4{margin:.1rem 0 .35rem;font-size:.95rem}
.io-bilan ul{margin:.2rem 0 .2rem 1.1rem;padding:0}
.io-bilan li{margin:.15rem 0}

/* ---------- arbres ---------- */
.io-arbre{font-size:.92rem;margin:.5rem 0 1rem;overflow-wrap:anywhere}
.io-arbre-t{font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;color:var(--gm-rub-txt);margin-bottom:.35rem}
.io-arbre .io-q{display:inline-block;max-width:100%;box-sizing:border-box;background:var(--gm-nuit);color:#fff;border-radius:.4rem;padding:.4rem .65rem;margin:0}
.io-q-t{font-weight:700}
.io-q-a{font-size:.8rem;opacity:.85;margin-top:.15rem}
.io-val{display:inline-block;background:var(--gm-jaune);color:var(--gm-encre);border-radius:.25rem;padding:0 .35rem;margin-left:.2rem;font-weight:800}
.io-manque{margin-top:.3rem;background:#fff;color:var(--gm-rouge-txt);border-radius:.25rem;padding:.2rem .4rem;font-size:.85rem}
.io-br{list-style:none;margin:0 0 0 .9rem;padding:0;border-left:3px solid var(--gm-filet)}
.io-b{position:relative;padding:.45rem 0 .1rem 1.1rem}
.io-b::before{content:"";position:absolute;left:0;top:1.05rem;width:.85rem;border-top:3px solid var(--gm-filet)}
.io-b-l{display:inline-block;font-weight:700;font-size:.82rem;background:var(--gm-papier-2);border:1px solid var(--gm-filet);border-radius:1rem;padding:.05rem .55rem;margin:0 .3rem .3rem 0}
.io-b > .io-q,.io-b > .io-f{display:block;margin-top:.1rem}
.io-f{background:var(--gm-carte);border:2px solid var(--gm-encre);border-left-width:7px;border-radius:.35rem;padding:.4rem .6rem;max-width:44rem}
.io-f-t{font-weight:800}
.io-f-d{font-size:.86rem;color:var(--gm-encre-2);margin-top:.15rem}
.io-f-urg{border-color:var(--gm-rouge);background:var(--gm-rose)}
.io-f-b{margin-top:.35rem;font-size:.85rem}
.io-puce{display:inline-block;background:var(--gm-rub-doux);border:1px solid var(--gm-rub);border-radius:.25rem;padding:0 .35rem;margin:.1rem .2rem .1rem 0}
.io-f-c{margin:.3rem 0 0 1rem;padding:0;font-size:.86rem}
.io-f-l{margin-top:.3rem;font-size:.82rem}
/* parcours du patient */
.io-patient .io-pris > .io-b-l{background:var(--gm-rub);color:#fff;border-color:var(--gm-rub)}
.io-patient .io-pris::before{border-color:var(--gm-rub)}
.io-patient .io-br{border-left-color:var(--gm-papier-2)}
.io-patient .io-q.io-passe{background:var(--gm-rub-txt)}
.io-patient .io-q.io-bloque{outline:3px solid var(--gm-rouge);outline-offset:2px}
.io-patient .io-f.io-actif{box-shadow:var(--gm-ombre);border-color:var(--gm-rub);border-left-color:var(--gm-rub)}
.io-patient .io-f.io-actif.io-f-urg{border-color:var(--gm-rouge)}
.io-replie{opacity:.75}
.io-autre summary{cursor:pointer;list-style:none;font-size:.85rem}
.io-autre summary::-webkit-details-marker{display:none}
.io-autre summary::before{content:"＋ ";font-weight:800;color:var(--gm-encre-3)}
.io-autre[open] summary::before{content:"－ "}
.io-resume{color:var(--gm-encre-3);font-size:.8rem}

/* ---------- pages de référence ---------- */
.io-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.6rem;margin:.6rem 0}
.io-carte{background:var(--gm-carte);border:2px solid var(--gm-encre);border-radius:.4rem;padding:.55rem .75rem}
.io-carte h3{margin:.1rem 0 .3rem;font-size:1rem}
.io-carte.io-carte-urg{border-color:var(--gm-rouge);background:var(--gm-rose)}
.io-carte ul{margin:.2rem 0 0 1rem;padding:0;font-size:.9rem}
.io-ref{font-size:.82rem;color:var(--gm-encre-3);margin-top:.6rem}
.io-liens{font-size:.88rem;margin:.4rem 0}
.io-sources li{margin:.25rem 0;font-size:.9rem}
@media print{.io-depot,.io-coller,.io-autre{display:none}}
.io-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:.8rem;margin:.6rem 0}
.io-boutons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}
.io-aide{font-size:.85rem;color:var(--gm-encre-2);margin:.25rem 0}
.io-champ select.io-u{width:100%;font:inherit;font-size:.82rem;padding:.25rem .2rem;border:1px solid var(--gm-filet);border-radius:.3rem;background:#fff}
.io-bloc{border-top:3px solid var(--gm-encre);padding-top:.4rem}
.io-bloc-t{margin:.2rem 0 .3rem;font-size:1.05rem}
.io-repondre{margin:.4rem 0}
.io-repondre .gm-chipset{margin-top:.25rem}
.io-panneau{margin:0;padding-left:1.1rem;font-size:.88rem}
.io-hors-t{color:var(--gm-rouge-txt)}
/* parcours du patient : étapes empilées */
.io-pas{list-style:none;margin:0;padding:0}
.io-etape{position:relative;padding:0 0 .9rem 1.4rem}
.io-etape::before{content:"";position:absolute;left:.45rem;top:.2rem;bottom:0;border-left:3px solid var(--gm-rub)}
.io-etape::after{content:"";position:absolute;left:.12rem;top:.55rem;width:.75rem;height:.75rem;border-radius:50%;background:var(--gm-rub)}
.io-etape-fin::before{display:none}
.io-etape-bloquee::before{border-left-style:dashed;border-color:var(--gm-rouge)}
.io-etape-bloquee::after{background:var(--gm-rouge)}
.io-choix{margin:.35rem 0 0}
.io-b-pris{background:var(--gm-rub)!important;color:#fff;border-color:var(--gm-rub)!important}
.io-choix .io-autre{margin-top:.2rem}
.io-choix .io-br{margin-left:.2rem}
@media (max-width:760px){
  .io-br{margin-left:.35rem}
  .io-b{padding-left:.75rem}
  .io-b::before{width:.55rem}
  .io-arbre{font-size:.88rem}
  .io-derives{grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr))}
}
/* traitements et situations : rangés par catégorie, une case par ligne */
.io-cases-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));gap:.6rem .9rem;margin-top:.3rem}
.io-gcase{margin:0;padding:.35rem .6rem .45rem;border:2px solid var(--gm-encre);border-radius:.4rem;background:var(--gm-carte);min-width:0}
.io-gcase legend{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding:0 .3rem;color:var(--gm-rub-txt)}
.io-gcase label{display:grid;grid-template-columns:1.2rem 1fr;align-items:start;gap:.35rem;font-size:.9rem;line-height:1.25;padding:.22rem 0;cursor:pointer;border-bottom:1px dotted var(--gm-filet)}
.io-gcase label:last-child{border-bottom:0}
.io-gcase input{margin:.1rem 0 0;width:1rem;height:1rem}
/* questions à choix : intitulé à gauche, réponses alignées */
.io-blocs{display:grid;gap:.6rem;margin:.3rem 0 .8rem}
.io-ligne-q{display:grid;grid-template-columns:minmax(0,13rem) 1fr;gap:.3rem .8rem;align-items:center;padding:.35rem 0;border-bottom:1px dotted var(--gm-filet)}
.io-ligne-q:last-child{border-bottom:0}
.io-ligne-l{font-size:.9rem;font-weight:700;line-height:1.25}
.io-ligne-q .gm-chipset{margin:0}
@media (max-width:640px){.io-ligne-q{grid-template-columns:1fr}}
.io-ligne-l small{display:block;font-weight:400;font-size:.78rem;color:var(--gm-encre-2);margin-top:.1rem}
.io-f-c li,.io-bilan li,.io-carte li{font-size:.88rem;line-height:1.35}
/* titres de catégorie bien visibles (demande du 12/10/2026) */
.io-gcase legend{font-size:1.05rem;font-weight:800;letter-spacing:.03em;color:#fff;background:var(--gm-rub-txt);border-radius:.3rem;padding:.15rem .6rem}
.io-gcase{padding-top:.5rem}
.io-ligne-l{font-size:1rem;font-weight:800;color:var(--gm-encre)}
.io-ligne-q .gm-chip{font-size:.85rem}
.io-gcase label{font-size:.88rem}
#c-questions .io-quest > .gm-libelle{font-size:1.1rem;font-weight:800;color:var(--gm-encre);margin:.6rem 0 .3rem}
/* ---------- schémas de synthèse (avant l'arbre détaillé) ---------- */
.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;font-weight:800;font-size:.86rem;background:var(--gm-jaune);color:var(--gm-encre);border:2px solid var(--gm-encre);border-radius:1rem;padding:.05rem .55rem;white-space:nowrap}
.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:1rem;padding:0 .45rem;white-space:nowrap}
.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)}
/* ---------- ordonnance et terrain ---------- */
.io-nombre{display:flex;align-items:center;gap:.4rem}
.io-nombre input{width:6.2rem;box-sizing:border-box;font:inherit;font-size:.95rem;padding:.3rem .4rem;border:2px solid var(--gm-encre-3);border-radius:.3rem;text-align:right;background:#fff}
.io-nombre input.io-lu{border-color:var(--gm-vert);background:var(--gm-vert-doux)}
.io-nombre .io-u{font-size:.8rem;color:var(--gm-encre-2)}
.io-gcase label.io-ordo{background:var(--gm-vert-doux);border-radius:.25rem}
.io-gcase label.io-ordo span::after{content:" · ordonnance";font-size:.75rem;font-weight:700;color:var(--gm-vert-txt,var(--gm-encre-2))}