/* au-cabinet.fr — « IPP » : cas particuliers, sur le gabarit commun « façon MDPH »
   (/_commun/gabarit-mdph.css). Habillage seulement : la logique des deux arbres est dans
   logique.js (testée par tools/test-logique.js) ; les réponses s'affichent dans le panneau de droite. */
.gm{--bas:#2F6B4F;--moyen:#D08A35;--haut:#B5462C;--rouille-txt:#9A3A24}
.gm .gm-page [id]{scroll-margin-top:calc(var(--gm-barh,112px) + 12px)}

/* arbres : cases et rangées de boutons de la page MDPH */
.gm fieldset{border:0;padding:0;margin:0 0 1.125rem;min-width:0}
.gm legend{padding:0;margin:0 0 .5625rem;font:600 var(--fs-etiquette)/1.35 var(--ac-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gm-encre-2)}
.coche{display:flex;align-items:center;gap:.75rem;min-height:44px;margin-top:7px;padding:.5rem .875rem;border:2px solid var(--gm-encre);border-radius:3px;
  background:var(--gm-carte);cursor:pointer;font-size:1.06875rem;line-height:1.4;color:var(--gm-encre-2);transition:box-shadow .12s}
.coche input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--gm-encre);cursor:pointer}
.coche small{display:block;font-weight:400;color:var(--gm-encre-3);font-size:var(--fs-petit)}
.coche:hover{color:var(--gm-encre);box-shadow:3px 3px 0 var(--gm-encre)}
.coche:has(input:checked){background:var(--gm-rub-doux);color:var(--gm-encre);font-weight:700;box-shadow:3px 3px 0 var(--gm-flamme)}
.coche:has(input:focus-visible){outline:3px solid var(--gm-flamme);outline-offset:2px}
.puces{display:flex;flex-wrap:wrap;gap:7px}
.puce{position:relative;display:inline-flex}
.puce input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.puce span{display:inline-flex;align-items:center;min-height:44px;padding:.4375rem 1rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte);
  color:var(--gm-encre-2);font-weight:700;font-size:.95625rem;line-height:1.35;cursor:pointer;transition:box-shadow .12s}
.puce:hover span{color:var(--gm-encre);box-shadow:3px 3px 0 var(--gm-encre)}
.puce input:checked+span{background:var(--gm-encre);color:#FFFDF7;box-shadow:3px 3px 0 var(--gm-flamme)}
.puce input:focus-visible+span{outline:3px solid var(--gm-flamme);outline-offset:2px}
.arbre{max-width:52rem}
.btn-l{min-height:44px;padding:0 10px;background:none;border:0;font:600 .875rem var(--ac-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rouille-txt);cursor:pointer;text-decoration:underline}

/* panneau : réponse de l'arbre actif */
.gm-panneau .gm-score{flex-wrap:wrap}
.gm-panneau .gm-score-v{font-size:1.9rem;min-width:0}
.ipp-f{margin:.25rem 0 0;font:600 .8rem/1.3 var(--ac-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gm-encre-3)}
.ipp-f b{display:inline-block;min-width:1.6em;padding:1px 6px;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-papier);text-align:center;color:var(--gm-encre)}
.ipp-sous{margin:.875rem 0 .25rem;font:600 .8rem/1.3 var(--ac-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gm-rub-txt)}
.gm .gm-panneau-corps ul{margin:.25rem 0 0}
.gm .gm-panneau-corps li{font-size:.99rem;line-height:1.5;padding-top:.25rem;padding-bottom:.25rem}

/* fiches de lecture */
.cases{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));align-items:start;margin:.75rem 0 0}
.case{padding:1rem 1.125rem;background:var(--gm-papier);border:1.5px solid var(--gm-filet);border-left:5px solid var(--gm-rub);border-radius:3px}
.gm .case h3{margin:0 0 .5rem;padding:0;border:0;font-size:var(--fs-h3)}
.case p{margin:0 0 .5rem;font-size:1.06875rem;line-height:1.6;color:var(--gm-encre-2)}
.gm .src{margin:1rem 0 0;padding-top:.625rem;border-top:1.5px dashed var(--gm-filet);font:500 .875rem/1.55 var(--ac-mono);color:var(--gm-encre-3);max-width:none}
.src b{color:var(--gm-encre-2)}
.gm .gm-callout>b:first-child{display:block;margin-bottom:.25rem;font:800 1.215rem/1.1 var(--ac-display);text-transform:uppercase}
.gm-tableau .tab tbody th{padding:.6875rem .875rem;background:none;border-bottom:1px solid var(--gm-filet);font:700 1.04625rem/1.5 var(--ac-body);letter-spacing:0;text-transform:none;color:var(--gm-encre);vertical-align:top}
.gm-tableau td.d{font-family:var(--ac-mono);font-size:.95rem}
@media (max-width:700px){
  .gm-tableau .tab thead{display:none}
  .gm-tableau .tab,.gm-tableau .tab tbody,.gm-tableau .tab tr,.gm-tableau .tab th,.gm-tableau .tab td{display:block;width:100%}
  .gm-tableau .tab tr{border-bottom:3px solid var(--gm-encre);padding:6px 0}
  .gm-tableau .tab td,.gm-tableau .tab tbody th{border:0;padding:4px 12px}
  .gm-tableau .tab tbody tr:nth-child(even) td{background:none}
  .gm-tableau .tab td[data-l]::before{content:attr(data-l) " : ";font:600 .75rem var(--ac-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gm-encre-3)}
}
.gm ul.non{display:grid;gap:7px;margin:.75rem 0}
.gm ul.non>li{padding:.5rem .875rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte);color:var(--gm-encre)}
.gm ul.non>li::before{content:"✕";position:static;display:inline;margin-right:.5rem;width:auto;height:auto;background:none;font-weight:900;color:var(--haut)}
.etapes{counter-reset:e;list-style:none;padding:0;margin:.75rem 0;display:grid;gap:.625rem;max-width:82ch}
.etapes li{counter-increment:e;position:relative;padding:.625rem .875rem .625rem 3.5rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte);
  font-size:1.06875rem;line-height:1.6;color:var(--gm-encre-2)}
.etapes li b{color:var(--gm-encre)}
.etapes li::before{content:counter(e,decimal-leading-zero);position:absolute;left:.625rem;top:.625rem;width:2.125rem;height:2.125rem;display:flex;align-items:center;justify-content:center;
  background:var(--gm-rub);border:2px solid var(--gm-encre);color:var(--gm-encre);font:italic 800 1rem/1 var(--ac-logo)}
.sources{margin:.5rem 0 0;padding-left:1.25rem;display:grid;gap:.5rem;font-size:1.03rem;line-height:1.55;color:var(--gm-encre-2)}
.renvoi{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:1.125rem}
@media print{.btn-l{display:none!important}}
