/* Le compagnon — volet « Aujourd'hui » (public/compagnon.js). Variables de portail.css.
   États : une forme + un mot, jamais une couleur seule (utilisateur daltonien ; jamais rouge/vert). */
.btn-compagnon{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--trait);background:var(--surface);color:var(--encre);border-radius:999px;padding:5px 6px 5px 12px;cursor:pointer;font:500 13.5px var(--sans)}
.btn-compagnon:hover{border-color:var(--encre2)}
.btn-compagnon[aria-expanded="true"]{border-color:var(--bleu);background:var(--bleu-doux)}
.btn-compagnon .bc-cpt{white-space:nowrap;font:600 12px var(--mono);border-radius:999px;padding:2px 8px;min-width:24px;text-align:center;background:var(--bleu);color:#fff}
.btn-compagnon .bc-cpt.a-verifier{background:var(--surface);color:var(--orange);box-shadow:inset 0 0 0 1.5px var(--orange)}
.btn-compagnon .bc-cpt.rien{background:var(--surface2);color:var(--encre2)}
:root[data-theme="dark"] .btn-compagnon .bc-cpt:not(.a-verifier):not(.rien){color:#10202f}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-compagnon .bc-cpt:not(.a-verifier):not(.rien){color:#10202f}}

.voile-compagnon{position:fixed;inset:0;background:rgba(20,16,13,.28);z-index:45}
.volet-compagnon{position:fixed;z-index:46;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--surface);border-left:1px solid var(--trait);box-shadow:-12px 0 40px rgba(0,0,0,.12);
  display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px))}
.vc-tete{display:flex;gap:12px;align-items:flex-start;margin-bottom:6px}
.vc-titres{flex:1;min-width:0}
.vc-tete h2{font-size:26px;font-weight:400;margin-top:4px}
.vc-resume{margin:4px 0 0;color:var(--encre2)}
.vc-liste{list-style:none;margin:8px 0 0;padding:0}
.vc-item{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--trait)}
.vc-forme{font-size:17px;line-height:1.35;text-align:center;color:var(--encre2)}
.vc-item.a-verifier .vc-forme{color:var(--orange)}
.vc-corps{min-width:0}
.vc-titre{margin:0;line-height:1.4;overflow-wrap:anywhere}
.vc-mot{display:inline-block;font:600 11.5px var(--sans);padding:1px 8px;border-radius:999px;background:var(--bleu-doux);color:var(--bleu);white-space:nowrap;vertical-align:1px}
.vc-mot.verif{background:var(--orange-doux);color:var(--orange)}
.vc-citation{margin:4px 0 0;color:var(--encre3);font-size:13px;font-style:italic;overflow-wrap:anywhere}
.vc-corps .btn{margin-top:8px}
.vc-vide{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:16px 0;border-top:1px solid var(--trait);color:var(--encre2)}
.vc-vide p{margin:0}
.vc-pied{margin-top:auto;padding-top:16px;border-top:1px solid var(--trait);display:grid;gap:6px}
.vc-pied p{margin:0}
.vc-legende{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--encre2)}
.vc-pied .lien{justify-self:start}
.bande-compagnon{display:none}
@media (max-width:560px){
  .btn-compagnon{display:none}
  .bande-compagnon:not([hidden]){display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid var(--trait);background:var(--bleu-doux);color:var(--encre);padding:11px 16px;font:500 14px var(--sans);text-align:left;cursor:pointer}
  .bande-compagnon.a-verifier{background:var(--orange-doux)}
  .bande-compagnon .bdc-forme{font-size:15px;color:var(--bleu)}
  .bande-compagnon.a-verifier .bdc-forme{color:var(--orange)}
  .bande-compagnon .bdc-texte{flex:1;min-width:0}
  .bande-compagnon .bdc-voir{font-weight:600;color:var(--bleu);white-space:nowrap}
  .bande-compagnon.a-verifier .bdc-voir{color:var(--orange)}
  .volet-compagnon{width:100vw;border-left:0}
  .vc-corps .btn{padding:8px 14px;font-size:14px}   /* cible au doigt */
}