/* HDM 1.2.0 — la page de l'idée et la porte d'entrée (ÉCRANS 436-442, validés par Kad le 15/10/2026).
   Charte : Arial, angles droits partout, bleu #0068E8, violet #8224E3, couleurs de sens ; panneaux côte à côte de même hauteur.
   La discussion repliable reprend celle des projets HPM (hpm-ep2.css) : « discussion-fermee », rail vertical, plein écran sur téléphone. */

.hdm12,body>.hdm13-mod{--b:#0068E8;--v:#8224E3;--vert:#0c8560;--or:#b45309;--rouge:#d93025;--gris:#5b6072;--bf:#0a4fb0;--trait:#e3e7ef;--pale:#eef5ff;--vpale:#f3ebfd;--fond:#f4f6fa;--texte:#1c2333;
  font-family:Arial,Helvetica,sans-serif;color:var(--texte);font-size:calc(15px * var(--hdm-fs,1));line-height:1.55;box-sizing:border-box}
.hdm12 *,.hdm12 *::before,.hdm12 *::after{box-sizing:border-box;border-radius:0}
.hdm12 input[type=radio],.hdm13-mod input[type=radio]{border-radius:50%}
.hdm12 [hidden],.hdm12[hidden]{display:none!important}
.hdm12 button{font-family:inherit}
.hdm12-doux{color:var(--gris);font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-droite{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Boutons */
.hdm12-btn,.hdm12-btn2,.hdm12-btn-plein,.hdm12-btn-ligne{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 16px;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;cursor:pointer;text-decoration:none;border:1px solid var(--b);line-height:1.2}
.hdm12-btn{background:var(--b);color:#fff}
.hdm12-btn:hover,.hdm12-btn:focus{background:var(--bf);border-color:var(--bf);color:#fff}
.hdm12-btn2{background:#fff;color:var(--b)}
.hdm12-btn2:hover,.hdm12-btn2:focus{background:var(--pale);color:var(--b)}
.hdm12-btn2.fait,.hdm12-btn2:disabled{border-color:var(--vert);color:var(--vert);background:#fff;cursor:default}
.hdm12-btn-plein{display:flex;width:100%;margin-top:10px;color:#fff;border:0;background:linear-gradient(90deg,var(--b),var(--v))}
.hdm12-btn-plein:hover,.hdm12-btn-plein:focus{filter:brightness(.92);color:#fff}
.hdm12-btn-ligne{display:flex;width:100%;margin-top:8px;background:#fff;color:var(--b)}
.hdm12-btn-ligne:hover{background:var(--pale)}
.hdm12-lien{all:unset;cursor:pointer;color:var(--b);font-weight:700;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-lien:hover{text-decoration:underline}
.hdm12-lien.rouge{color:var(--rouge)}
.hdm12-lien-fort{color:var(--b);font-weight:700;text-decoration:none}
.hdm12 :focus-visible{outline:2px solid var(--v);outline-offset:2px}
.hdm12-fait{color:var(--vert);font-weight:700;margin:8px 0 0}

/* Pastilles */
.hdm12-puces{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.hdm12 .hdm11-pas{display:inline-block;color:#fff;font-weight:700;font-size:calc(12px * var(--hdm-fs,1));padding:3px 9px;line-height:1.4}
.hdm12-puce{display:inline-block;border:1px solid;font-weight:700;font-size:calc(12px * var(--hdm-fs,1));padding:2px 8px;background:#fff;line-height:1.4}

/* ── La page : pleine largeur, même dans une colonne de thème étroite ── */
.hdm12-fiche{position:relative;background:transparent;border:0;margin:0 0 30px}
/* 1.2.1 (Kad) : pas de liseré ni de fond ; largeur non limitée. Hors WPBakery : toute la largeur de l'écran, marge réglable. */
.hdm12-fiche.pleine{width:calc(100vw - var(--hdm12-ascenseur,0px))!important;max-width:none!important;margin-left:calc(50% - 50vw + var(--hdm12-ascenseur,0px) / 2)!important;margin-right:0!important;padding:var(--hdm12-marge,50px)}
.hdm12-fiche.wpb{width:100%;padding:0}
.hdm12-tete{padding:0;background:transparent}
.hdm12-tete-l{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.hdm12-tete-t{min-width:0}
.hdm12 .hdm12-titre{margin:0 0 8px;font:700 calc(28px * var(--hdm-fs,1))/1.25 Arial,sans-serif;color:var(--hdm12-titre-c,var(--v));letter-spacing:0;text-transform:none}
.hdm12-boutons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:none}
.hdm12-meta{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:calc(13px * var(--hdm-fs,1));color:var(--gris);margin-top:10px}
.hdm12-meta b{color:var(--texte)}

/* La frise */
.hdm12-frise{display:flex;align-items:flex-start;list-style:none;margin:16px 0 0;padding:14px 18px 12px;background:linear-gradient(90deg,var(--b),var(--v));border:0}   /* 1.2.11 (Kad, ÉCRAN 457) : bleu dégradé violet, la signature Horizon (avant : gris ardoise) */
.hdm12-frise li{margin:0;padding:0}
.hdm12-frise .e{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:92px;font-size:calc(13px * var(--hdm-fs,1));color:rgba(255,255,255,.82);text-align:center;font-weight:700}
.hdm12-frise .e i{width:18px;height:18px;border:3px solid rgba(255,255,255,.7);background:transparent;display:block}
.hdm12-frise .e.ok{color:#fff}.hdm12-frise .e.ok i{border-color:#0C8560;background:#0C8560}
.hdm12-frise .e.on{color:#fff}.hdm12-frise .e.on i{border-color:#ff8a00;background:#fff;box-shadow:0 0 0 4px rgba(255,138,0,.35)}
.hdm12-frise .e.non{color:#fff}.hdm12-frise .e.non i{border-color:#ef2b2b;background:#ef2b2b}
.hdm12-frise .e small{font-size:calc(11px * var(--hdm-fs,1));color:rgba(255,255,255,.85);font-weight:400}
.hdm12-frise .t{flex:1;height:3px;background:rgba(255,255,255,.45);margin-top:8px;min-width:12px}
.hdm12-frise .t.ok{background:#0C8560}
.hdm12-frise.compacte{padding:8px 10px;margin:8px 0 12px}
.hdm12-frise.compacte .e{min-width:64px;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-frise-tel{display:none}

/* Les onglets (toujours visibles) */
.hdm12-onglets{display:flex;border-bottom:1px solid var(--trait);padding:0;margin-top:6px;overflow-x:auto;scrollbar-width:thin;background:transparent}
.hdm12-onglets button{all:unset;cursor:pointer;padding:13px 16px;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--gris);border-bottom:3px solid transparent;display:flex;align-items:center;gap:6px;white-space:nowrap}
.hdm12-onglets button:hover{color:var(--b)}
.hdm12-onglets button[aria-selected=true]{color:var(--b);border-bottom-color:var(--b)}
.hdm12-onglets button:focus-visible{outline:2px solid var(--v);outline-offset:-2px}
.hdm12-onglets i,.hdm12-fils i{font-style:normal;font-size:calc(11px * var(--hdm-fs,1));background:var(--pale);color:var(--b);padding:1px 6px}

/* Trois colonnes, même hauteur */
.hdm12-corps{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr) minmax(300px,1.05fr);gap:16px;padding:16px 0 0;background:transparent;align-items:stretch}
.hdm12-fiche.discussion-fermee .hdm12-corps{grid-template-columns:minmax(0,2.4fr) minmax(250px,1fr) 46px}
.hdm12-col{background:#fff;border:1px solid var(--trait);min-width:0}
.hdm12-col-fiche{display:flex;flex-direction:column}
.hdm12-panneau{padding:18px 20px;min-width:0}
.hdm12-panneau[data-panneau=presentation]{padding:0}
.hdm12-panneau[data-panneau=presentation]{display:flex;flex-direction:column}
.hdm12-defile{max-height:640px;overflow-y:auto;scrollbar-width:thin}
.hdm12-photo{display:block;width:100%;height:300px;object-fit:cover;flex:none}
.hdm12-texte{padding:16px 20px 20px;font-size:var(--hdm12-texte-t,16px);line-height:1.7;color:var(--hdm12-texte-c,var(--texte))}
.hdm12-texte h2,.hdm12-texte h3,.hdm12-texte h4{color:var(--hdm12-inter-c,var(--b));font-family:Arial,sans-serif;line-height:1.3;margin:16px 0 8px}
.hdm12-texte ul,.hdm12-texte ol{margin:0 0 12px 22px}.hdm12-texte blockquote{border-left:4px solid var(--v);margin:0 0 12px;padding:4px 12px;color:var(--gris)}
.hdm12-texte p{margin:0 0 12px}
.hdm12 .hdm12-h{margin:18px 0 8px;font:700 calc(19px * var(--hdm-fs,1))/1.3 Arial,sans-serif;color:var(--hdm12-inter-c,var(--b));text-transform:none;letter-spacing:0}
.hdm12-texte .hdm12-h:first-child,.hdm12-panneau>.hdm12-h:first-child{margin-top:0}
.hdm12 .hdm12-h3{margin:10px 0 6px;font:700 calc(15px * var(--hdm-fs,1))/1.3 Arial,sans-serif;color:var(--b)}
.hdm12 .hdm12-h4{margin:14px 0 6px;font:700 calc(13px * var(--hdm-fs,1))/1.3 Arial,sans-serif;color:var(--v);text-transform:uppercase;letter-spacing:.3px}
.hdm12-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}
.hdm12-galerie img{display:block;width:100%;height:100px;object-fit:cover}
.hdm12-vide{border:1px dashed #c3c4c7;background:#fafbfd;padding:16px 18px;color:var(--gris)}
.hdm12-vide p{margin:0}

/* Équipe */
.hdm12-cartes3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.hdm12-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;color:#fff;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;background:var(--v);overflow:hidden}
.hdm12 .hdm12-av,.hdm12 .hdm12-av img{border-radius:50%}   /* 1.2.3 (Kad) : avatars ronds comme HPM — exception aux angles droits */
.hdm12-av img{display:block;width:100%;height:100%;object-fit:cover}
.hdm12-av.grand{width:46px;height:46px;font-size:calc(15px * var(--hdm-fs,1))}
.hdm12-av.plus{background:#c3c4c7;color:var(--texte)}
.hdm12-groupe{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.hdm12-groupe li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;font-size:calc(13px * var(--hdm-fs,1));margin:0;padding:8px 4px;border:1px solid transparent}
.hdm12-groupe li:hover{border-color:var(--trait)}
.hdm12-groupe.replie li:nth-child(n+19){display:none}
.hdm12-porteurs{margin:0 0 16px}
.hdm12 .hdm11-enc{border-radius:0}

/* Suivi, documents */
.hdm12-table{width:100%;border-collapse:collapse;font-size:calc(14px * var(--hdm-fs,1));margin:6px 0}
.hdm12-table th{text-align:left;color:var(--v);font-weight:700;font-size:calc(13px * var(--hdm-fs,1));border-bottom:2px solid var(--trait);padding:8px 6px}
.hdm12-table td{border-bottom:1px solid var(--trait);padding:9px 6px;vertical-align:top}
.hdm12-date{width:110px;white-space:nowrap;color:var(--gris)}
.hdm12-ta-d{text-align:right}
.hdm12-docs-tete{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.hdm12-filtres,.hdm12-tri{display:flex;gap:4px;flex-wrap:wrap}
.hdm12-filtres button,.hdm12-tri button{all:unset;cursor:pointer;font-size:calc(13px * var(--hdm-fs,1));font-weight:700;color:var(--gris);padding:5px 10px;border:1px solid var(--trait);background:#fff}
.hdm12-filtres button.on,.hdm12-tri button.on{color:#fff;background:var(--b);border-color:var(--b)}
.hdm12-doc{color:var(--texte);text-decoration:none;font-weight:700}
.hdm12-doc:hover{color:var(--b)}
.hdm12-genre{display:inline-block;min-width:44px;text-align:center;font-size:calc(11px * var(--hdm-fs,1));font-weight:700;color:#fff;background:var(--bf);padding:2px 5px;margin-right:4px;vertical-align:1px}
.hdm12-depot{border:1px solid #d6e6fb;background:#f7f9fd;padding:12px 14px;margin:0 0 12px}
.hdm12-deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hdm12-deux p{margin:0 0 8px}
.hdm12-lbl{display:block;font-weight:700;font-size:calc(13px * var(--hdm-fs,1));margin:0 0 4px;color:var(--texte)}
.hdm12 input[type=text],.hdm12 select,.hdm12 textarea,.hdm13-mod input[type=text],.hdm13-mod select,.hdm13-mod textarea{width:100%;min-height:38px;border:1px solid #c3c4c7;padding:7px 9px;font:calc(15px * var(--hdm-fs,1)) Arial,sans-serif;background:#fff;color:var(--texte)}
.hdm12 input[type=file],.hdm13-mod input[type=file]{font-size:calc(13px * var(--hdm-fs,1));max-width:100%}
.hdm12 textarea:focus,.hdm12 input:focus,.hdm12 select:focus,.hdm13-mod textarea:focus,.hdm13-mod input:focus,.hdm13-mod select:focus{outline:none;border-color:var(--v);box-shadow:0 0 0 2px var(--vpale)}
.hdm12-etat{margin:6px 0 0;font-size:calc(13px * var(--hdm-fs,1));font-weight:700;min-height:1px}
.hdm12-etat.ok{color:var(--vert)}.hdm12-etat.non{color:var(--rouge)}

/* Documentation */
.hdm12-produit{border:1px solid var(--trait);border-left:4px solid var(--b);padding:12px 14px;margin:0 0 12px}
.hdm12-produit.violet{border-left-color:var(--v)}
.hdm12-produit.vert{border-left-color:var(--vert)}
.hdm12-sur{display:block;font-size:calc(12px * var(--hdm-fs,1));font-weight:700;color:var(--gris);text-transform:uppercase;letter-spacing:.3px}
.hdm12-produit p{margin:6px 0}

/* La colonne « Agir » */
.hdm12-col-t{background:#fff;border-bottom:1px solid var(--trait);padding:11px 16px;color:var(--v);font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;text-align:center}   /* 1.2.3 (Kad) : comme la Discussion */
.hdm12-agir{border-top:4px solid var(--v)}
.hdm12-pourquoi{color:var(--texte);font-size:calc(14px * var(--hdm-fs,1));line-height:1.5;margin:8px 0 2px!important}
.hdm12-mc{border-bottom:1px solid #eef0f4;padding:14px}
.hdm12-mc:last-child{border-bottom:0}
.hdm12 .hdm12-mc h3{margin:0 0 8px;font:700 calc(13px * var(--hdm-fs,1))/1.3 Arial,sans-serif;color:var(--b);text-transform:uppercase;letter-spacing:.3px}
.hdm12-mc p{margin:0 0 6px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-barre{height:8px;background:#e6e9ef;margin:4px 0 6px}
.hdm12-barre i{display:block;height:8px;background:linear-gradient(90deg,var(--b),var(--v))}
.hdm12-barre.plein i{background:var(--vert)}
.hdm12-ligne{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-mc-sondage .hdm11-panneau{border:0;padding:0;margin:0;box-shadow:none}
.hdm12-mc-sondage .hdm11-haut{display:none}
.hdm12-mc-sondage .hdm11-dedans{padding:0}
.hdm12-acc{border:1px solid var(--trait);margin:0 0 6px}
.hdm12-acc summary{cursor:pointer;padding:9px 12px;font-weight:700;font-size:calc(14px * var(--hdm-fs,1));color:var(--b);background:#fafbfd;list-style:none;display:flex;justify-content:space-between}
.hdm12-acc summary::-webkit-details-marker{display:none}
.hdm12-acc summary::after{content:"+";font-weight:700}
.hdm12-acc[open] summary::after{content:"−"}
.hdm12-acc>div{padding:8px 12px;font-size:calc(14px * var(--hdm-fs,1));max-height:220px;overflow-y:auto}

/* ── La discussion (comme HPM) ── */
.hdm12-discussion{background:#fff;border:1px solid var(--trait);border-top:4px solid var(--v);display:flex;flex-direction:column;min-width:0}
@media (min-width:901px){
  .hdm12-discussion{position:relative;contain:size;min-height:520px}
  .hdm12-discussion-in{position:sticky;top:20px;height:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;min-height:0}
  .hdm12-fiche.discussion-fermee .hdm12-discussion-in{display:none}
}
.hdm12-discussion-in{display:flex;flex-direction:column;flex:1;min-height:0}
.hdm12-discussion-rail{display:none}
.hdm12-fiche.discussion-fermee .hdm12-discussion-rail{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 0;cursor:pointer;color:var(--v);font-weight:700;font-size:calc(15px * var(--hdm-fs,1));position:sticky;top:20px}
.hdm12-discussion-rail .v{writing-mode:vertical-rl;transform:rotate(180deg)}
.hdm12-discussion-rail .nb{background:var(--v);color:#fff;font-size:calc(12px * var(--hdm-fs,1));padding:0 6px;line-height:20px}
.hdm12-discussion-rail:hover{background:var(--vpale)}
.hdm12-discussion-rail:focus-visible{outline:2px solid var(--v);outline-offset:-2px}
.hdm12-chev{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}
.hdm12-discussion-tete{display:flex;align-items:center;justify-content:center;padding:11px 16px;border-bottom:1px solid var(--trait);position:relative;color:var(--v);font-weight:700;font-size:calc(15px * var(--hdm-fs,1))}
.hdm12-discussion-tete .x{all:unset;position:absolute;right:12px;cursor:pointer;color:var(--gris);font-size:calc(17px * var(--hdm-fs,1));padding:2px 6px;display:flex}
.hdm12-discussion-tete .x:hover{color:var(--v)}
.hdm12-discussion-tete .x:focus-visible{outline:2px solid var(--v)}
.hdm12-discussion-tete .x .tel{display:none}
.hdm12-fils{display:flex;border-bottom:1px solid var(--trait);flex:none}
.hdm12-fils button{all:unset;cursor:pointer;flex:1;text-align:center;padding:9px 4px;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--gris);border-bottom:3px solid transparent}
.hdm12-fils button[aria-selected=true]{color:var(--b);border-bottom-color:var(--b)}
.hdm12-fils button:focus-visible{outline:2px solid var(--v);outline-offset:-2px}
.hdm12-fil{flex:1;min-height:180px;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin}
.hdm12-fil[hidden]{display:none}
.hdm12-tri{padding:8px 12px 0;justify-content:flex-end}
.hdm12-tri button{padding:3px 8px;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-messages{padding:4px 0 8px}
.hdm12-vide-fil{color:var(--gris);font-size:calc(14px * var(--hdm-fs,1));padding:16px;margin:0}
.hdm12-msg{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:8px 12px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-msg.reponse{padding:8px 0 0}
.hdm12-msg.reponse .hdm12-av{width:24px;height:24px;font-size:calc(10px * var(--hdm-fs,1))}
.hdm12-msg.reponse{grid-template-columns:24px minmax(0,1fr)}
.hdm12-msg-t b{font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm12-msg-t .hdm12-doux{font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-bulle{background:#eef5ff;border:1px solid #d6e6fb;padding:7px 10px;margin-top:3px;font-size:calc(14.5px * var(--hdm-fs,1));line-height:1.5;overflow-wrap:anywhere}
/* 1.2.1 (Kad) : les réponses imbriquées en rose clair */
.hdm12-msg.reponse .hdm12-bulle{background:#fdf0f6;border-color:#f5d3e3}
.hdm12 .hdm12-bulle,.hdm12 .hdm12-bulle.retire{border-radius:8px}   /* 1.2.2 (Kad) : bulles légèrement arrondies — permis : une bulle n’a pas de liseré (Kad, 16/10 : « la règle ne vaut que quand il y a liseré ») */
.hdm12-bulle.retire,.hdm12-msg.reponse .hdm12-bulle.retire{background:#fff;border-style:dashed;border-color:#c3c4c7;color:var(--gris);font-style:italic}
.hdm12-msg-a button.rouge{color:var(--rouge)}
.hdm12-edition textarea{min-height:70px;font-size:calc(14.5px * var(--hdm-fs,1))}
.hdm12-edition .hdm12-droite{margin-top:6px}
.hdm12-edition .hdm12-btn,.hdm12-edition .hdm12-btn2{min-height:32px;padding:5px 12px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-msg-a{display:flex;gap:12px;margin-top:3px}
.hdm12-msg-a button{all:unset;cursor:pointer;font-size:calc(12px * var(--hdm-fs,1));color:var(--gris);font-weight:700}
.hdm12-msg-a button:hover{color:var(--b)}
.hdm12-msg-a button.fait{color:var(--b)}
.hdm12-pj{display:inline-block;margin-top:5px;border:1px solid #d6e6fb;background:#fff;color:var(--b);padding:2px 7px;font-size:calc(12px * var(--hdm-fs,1));font-weight:700;text-decoration:none}
.hdm12-pj:hover{background:var(--pale)}
.hdm12-fil-docs,.hdm12-fil-membres{list-style:none;margin:0;padding:6px 0}
.hdm12-fil-docs li,.hdm12-fil-membres li{margin:0}
.hdm12-fil-docs button{all:unset;cursor:pointer;display:flex;gap:8px;align-items:flex-start;width:100%;box-sizing:border-box;padding:8px 12px}
.hdm12-fil-docs button:hover{background:#f7f9fd}
.hdm12-fil-docs .t{display:flex;flex-direction:column;min-width:0;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-fil-docs small,.hdm12-fil-membres small{color:var(--gris);font-size:calc(12px * var(--hdm-fs,1));display:block}
.hdm12-fil-membres li{display:flex;gap:8px;align-items:center;padding:7px 12px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-doc-vue{padding:10px 14px}
.hdm12-cite{font-size:calc(13px * var(--hdm-fs,1));border-left:3px solid #d6e6fb;padding:4px 8px;margin:6px 0}
.hdm12-ecrire{border-top:1px solid var(--trait);padding:10px 12px;flex:none;background:#fff}
.hdm12-ecrire.hors p{margin:0;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-ecrire textarea{min-height:64px;resize:vertical;font-size:calc(14.5px * var(--hdm-fs,1))}
.hdm12-repondre-a{display:flex;justify-content:space-between;align-items:center;font-size:calc(12px * var(--hdm-fs,1));color:var(--b);font-weight:700;margin-bottom:5px}
.hdm12-pj-choisie{display:flex;gap:8px;align-items:center;margin-top:6px;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-pj-choisie[hidden]{display:none}
.hdm12-ecrire-bas{display:flex;align-items:center;gap:10px;margin-top:6px}
.hdm12-ecrire-bas .hdm12-btn{margin-left:auto}
.hdm12-trombone{cursor:pointer;font-size:calc(18px * var(--hdm-fs,1));padding:4px 8px;border:1px solid var(--trait);line-height:1}
.hdm12-trombone:hover{background:var(--pale)}
.hdm12-trombone input{position:absolute;width:1px;height:1px;opacity:0}
.hdm12-doux.petit{font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-btn-discussion{display:none}

/* ── Rejoindre le groupe (dialogue) ── */
.hdm12-dialogue{position:fixed;inset:0;z-index:10000010;background:rgba(16,24,40,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.hdm12-dialogue[hidden]{display:none}
.hdm12-dialogue-in{background:#fff;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;border-top:4px solid var(--v);box-shadow:0 18px 50px rgba(16,24,40,.3);font-family:Arial,sans-serif;color:var(--texte);text-align:left}
.hdm12-dialogue-t{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--pale);color:var(--b);font-weight:700;font-size:calc(16px * var(--hdm-fs,1));padding:12px 16px;border-bottom:1px solid #d6e6fb}
.hdm12-dialogue-t .x{all:unset;cursor:pointer;color:var(--gris);font-size:calc(18px * var(--hdm-fs,1));padding:0 4px}
.hdm12-dialogue-c{padding:14px 16px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-dialogue-c p{margin:0 0 10px}
.hdm12-choix{border:0;padding:0;margin:0 0 10px}
.hdm12-choix label{display:block;margin:4px 0;font-size:calc(14px * var(--hdm-fs,1))}

/* ── La porte d'entrée (popup de la carte) ── */
.hdm-modal-content:has(.hdm12-pop){max-width:780px;width:calc(100% - 24px);padding:0;border-radius:0;overflow:hidden}
.hdm-modal-content:has(.hdm12-pop) .hdm-modal-body{padding:0}
.hdm-modal-content:has(.hdm12-pop) .hdm-modal-close{z-index:3;background:#fff;color:var(--texte,#1c2333);border-radius:0;width:36px;height:36px;top:10px;right:10px}
.hdm12-pop{background:#fff}
.hdm12-pop-photo{display:block;width:100%;height:230px;object-fit:cover}
.hdm12-pop-bande{height:8px;background:linear-gradient(90deg,#0068E8,#8224E3)}
.hdm12-pop-in{padding:16px 22px}
.hdm12-pop-de{margin-left:auto}
.hdm12 .hdm12-pop-titre{margin:8px 0;font:700 calc(22px * var(--hdm-fs,1))/1.3 Arial,sans-serif;color:var(--v)}
.hdm12-pop-texte{margin:0 0 6px;font-size:calc(15px * var(--hdm-fs,1));line-height:1.6}
.hdm12-chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.hdm12-chiffres div{border-top:3px solid var(--b);background:#f7f9fd;padding:8px;font-size:calc(12px * var(--hdm-fs,1));color:var(--gris)}
.hdm12-chiffres b{display:block;font-size:calc(19px * var(--hdm-fs,1));color:var(--texte)}
.hdm12-etape{border:1px solid #ffd7ad;background:#fff6ec;padding:10px 12px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-etape b{color:var(--or)}
.hdm12-visages{display:flex;align-items:center;gap:4px;font-size:calc(13px * var(--hdm-fs,1));color:var(--gris);margin-top:10px;flex-wrap:wrap}
.hdm12-visages .hdm12-av{width:26px;height:26px;font-size:calc(10px * var(--hdm-fs,1))}
.hdm12-visages>span:last-child{margin-left:6px}
.hdm12-pop-pied{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid var(--trait);padding:12px 22px;background:#fafbfd}

/* ── Écrans moyens : « Agir » passe sous la fiche ── */
@media (min-width:901px) and (max-width:1200px){
  .hdm12-corps{grid-template-columns:minmax(0,1fr) 340px}
  .hdm12-fiche.discussion-fermee .hdm12-corps{grid-template-columns:minmax(0,1fr) 46px}
  .hdm12-col-fiche{grid-column:1;grid-row:1}
  .hdm12-agir{grid-column:1;grid-row:2}
  .hdm12-ensemble{grid-column:1;grid-row:3}
  .hdm12-discussion{grid-column:2;grid-row:1 / span 2}
  .hdm12-col3{grid-column:2;grid-row:3;align-self:start}
}

/* ── Téléphone : frise en segments, onglets qui défilent, discussion plein écran ── */
@media (max-width:900px){
  .hdm12-fiche.pleine{padding:min(var(--hdm12-marge,50px),12px)}
  .hdm12-tete{padding:0}
  .hdm12-tete-l{flex-direction:column;gap:10px}
  .hdm12 .hdm12-titre{font-size:calc(21px * var(--hdm-fs,1))}
  .hdm12-boutons{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
  .hdm12-boutons>.hdm12-btn{grid-column:1 / -1}
  .hdm12-frise{display:none}
  .hdm12-frise-tel{display:block;margin:10px 0 4px}
  .hdm12-frise-tel .seg{display:flex;gap:3px;margin-bottom:5px}
  .hdm12-frise-tel .seg span{flex:1;height:6px;background:#e3e7ef}
  .hdm12-frise-tel .seg .ok{background:var(--vert)}
  .hdm12-frise-tel .seg .on{background:var(--or)}
  .hdm12-frise-tel .seg .non{background:var(--rouge)}
  .hdm12-frise-tel b.on{color:var(--or)}.hdm12-frise-tel b.ok{color:var(--vert)}.hdm12-frise-tel b.non{color:var(--rouge)}
  .hdm12-pop .hdm12-frise{display:none}
  .hdm12-onglets{padding:0 4px}
  .hdm12-onglets button{padding:11px 12px;font-size:calc(13px * var(--hdm-fs,1))}
  .hdm12-corps,.hdm12-fiche.discussion-fermee .hdm12-corps{grid-template-columns:minmax(0,1fr);padding:10px 0 0;gap:10px}
  .hdm12-defile{max-height:none}
  .hdm12-photo{height:180px}
  .hdm12-cartes3,.hdm12-deux,.hdm12-chiffres{grid-template-columns:1fr 1fr}
  .hdm12-discussion{position:fixed;inset:0;z-index:100000;border-top-width:4px}
  .hdm12-col-fiche{order:1}.hdm12-ensemble{order:2}.hdm12-agir{order:3}.hdm12-discussion{order:4}.hdm12-col3{order:5}
  .hdm12-pleins,.hdm12-pans,.hdm12-cartes-p,.hdm12-cartes-d{grid-template-columns:1fr 1fr!important}
  .hdm12-outils{flex-wrap:wrap}.hdm12-outils-ch{flex:1 1 100%}
  .hdm12-der{grid-template-columns:52px 1fr}.hdm12-der .hdm12-btn-ligne{grid-column:1 / -1}
  .hdm12-fiche.discussion-fermee .hdm12-discussion{display:none}
  .hdm12-discussion-tete .x .hdm12-chev{display:none}
  .hdm12-discussion-tete .x .tel{display:inline}
  .hdm12-btn-discussion{display:flex;position:sticky;bottom:10px;z-index:50;margin:0 10px 10px;width:calc(100% - 20px);justify-content:center;min-height:44px;border:0;background:var(--b);color:#fff;font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,104,232,.35)}
  .hdm12-pop-in{padding:12px 14px}
  .hdm12-pop-pied{padding:10px 14px}
  .hdm12-pop-pied>*{flex:1 1 auto}
  .hdm12-table.hdm12-docs thead{display:none}
  .hdm12-table.hdm12-docs td{display:block;border:0;padding:3px 6px}
  .hdm12-table.hdm12-docs tr{display:block;border-bottom:1px solid var(--trait);padding:6px 0}
}
@media (max-width:480px){
  .hdm12-cartes3{grid-template-columns:1fr}
  .hdm12-pans,.hdm12-cartes-p{grid-template-columns:1fr!important}
}

/* Exporter (PDF) : la Documentation seule, à imprimer ou enregistrer en PDF. */
@media print{
  body.hdm12-impression *{visibility:hidden}
  body.hdm12-impression .hdm12-fiche,body.hdm12-impression .hdm12-fiche .hdm12-tete,body.hdm12-impression .hdm12-fiche .hdm12-tete *,
  body.hdm12-impression [data-panneau=documentation],body.hdm12-impression [data-panneau=documentation] *{visibility:visible}
  body.hdm12-impression .hdm12-boutons,body.hdm12-impression .hdm12-onglets,body.hdm12-impression .hdm12-agir,body.hdm12-impression .hdm12-discussion,body.hdm12-impression .hdm12-btn-discussion,body.hdm12-impression [data-hdm12-imprimer],body.hdm12-impression .hdm12-ensemble,body.hdm12-impression .hdm12-col3{display:none!important}
  body.hdm12-impression .hdm12-fiche{position:absolute;left:0;top:0;width:100%;margin:0;border:0;padding:0}
  body.hdm12-impression .hdm12-corps{display:block;background:#fff;padding:0}
}
.hdm12 b,.hdm12 strong{font-weight:700}

/* 1.2.1 : les idées nées d'un débat */
.hdm12-nees{list-style:none;margin:6px 0 0;padding:0}
.hdm12-nees li{padding:6px 0;border-bottom:1px solid var(--trait)}
.hdm12-nees li:last-child{border-bottom:0}
.hdm12-nees a{font-weight:700;color:var(--b);text-decoration:none}

/* 1.2.1 : la page d'une consultation (même modèle, deux colonnes : la fiche · Agir) */
.hdm12-consult .hdm12-corps,.hdm12-consult.discussion-fermee .hdm12-corps{grid-template-columns:minmax(0,2.4fr) minmax(260px,1fr)}
.hdm12-idees{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.hdm12-idees li{margin:0}
.hdm12-idees a{display:flex;flex-direction:column;height:100%;border:1px solid var(--trait);border-top:4px solid var(--v);text-decoration:none;color:var(--texte);background:#fff}
.hdm12-idees a:hover{border-color:var(--b)}
.hdm12-idees img,.hdm12-sans-photo{display:block;width:100%;height:120px;object-fit:cover}
.hdm12-sans-photo{background:linear-gradient(90deg,#0068E8,#8224E3)}
.hdm12-idees .t{display:flex;flex-direction:column;gap:5px;padding:10px 12px;align-items:flex-start}
.hdm12-idees b{color:var(--b);font-size:calc(15px * var(--hdm-fs,1));line-height:1.3}
.hdm12-idees small{color:var(--gris);font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-chiffres.deux{grid-template-columns:1fr 1fr;margin:0}
.hdm12-etapes{margin:0 0 10px 20px;padding:0}
.hdm12-etapes li{margin:0 0 6px}
.hdm12-zone-vote .hdm11-vote{margin:0}
@media (max-width:900px){.hdm12-consult .hdm12-corps,.hdm12-consult.discussion-fermee .hdm12-corps{grid-template-columns:minmax(0,1fr)}}

/* ── 1.2.3 : la page de l'idée sur le modèle d'HPM (ÉCRANS 446 à 452) ── */
/* 1.2.4 (Kad) : la fiche, Agir et la Discussion de même hauteur ; dessous, la vue d'ensemble sur la largeur de la fiche et
   d'Agir, et la zone à contenus sous la Discussion. « En un coup d'œil » est sous la frise. */
@media (min-width:1201px){
  .hdm12-col-fiche{grid-column:1;grid-row:1}
  .hdm12-agir{grid-column:2;grid-row:1}
  .hdm12-discussion{grid-column:3;grid-row:1}
  .hdm12-ensemble{grid-column:1 / span 2;grid-row:2}
  .hdm12-col3{grid-column:3;grid-row:2;align-self:start}
}
.hdm12-col3{min-width:0}
.hdm12-coup{margin:14px 0 0}
.hdm12-coup .hdm12-pleins{margin:0}
.hdm12-fiche.discussion-fermee .hdm12-zone{display:none}
.hdm12-ensemble{min-width:0}
.hdm12-ensemble[hidden]{display:none!important}
.hdm12-ens-tete{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 8px}
.hdm12 .hdm12-h2{margin:0;font:700 calc(18px * var(--hdm-fs,1))/1.3 Arial,sans-serif;color:var(--v);text-transform:none;letter-spacing:0}

/* Les panneaux pleins (« En un coup d'œil », têtes d'Équipe et de Documents) */
.hdm12-pleins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.hdm12-plein{background:var(--c);color:#fff;padding:12px 14px 14px;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;font-size:calc(13px * var(--hdm-fs,1));line-height:1.35}
.hdm12-plein small{font-size:calc(11px * var(--hdm-fs,1));font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.hdm12-plein b{font-size:calc(26px * var(--hdm-fs,1));line-height:1.2;margin:4px 0 2px}
.hdm12-plein-l{all:unset;cursor:pointer;margin-top:auto;padding-top:8px;font-weight:700;text-decoration:underline;color:#fff;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-plein-l:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hdm12-plein-barre{display:block;width:100%;height:5px;background:rgba(255,255,255,.35);margin:4px 0}
.hdm12-plein-barre i{display:block;height:5px;background:#fff}

/* Le dernier document produit */
.hdm12-der{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--trait);border-left:4px solid var(--v);padding:10px 14px;margin:0 0 10px}
.hdm12-der-vg{height:62px;background:var(--bf);color:#fff;font:700 calc(12px * var(--hdm-fs,1))/62px Arial,sans-serif;text-align:center;overflow:hidden}
.hdm12-der-t{display:flex;flex-direction:column;min-width:0}
.hdm12-der-t small{font-size:calc(11px * var(--hdm-fs,1));color:var(--gris);letter-spacing:.3px;text-transform:uppercase}
.hdm12-der-t b{color:var(--v);font-size:calc(16px * var(--hdm-fs,1));margin:2px 0}
.hdm12 .hdm12-btn-ligne.violet{width:auto;margin:0;border-color:var(--v);color:var(--v)}
.hdm12 .hdm12-btn-ligne.violet:hover{background:var(--vpale)}

/* Les quatre panneaux repliables */
.hdm12-tout{margin:0 0 6px}
.hdm12-pans{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.hdm12-pan{background:#fff;border:1px solid var(--trait);display:flex;flex-direction:column;min-width:0}
.hdm12-pan>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;background:var(--c);color:#fff;font-weight:700;font-size:calc(15px * var(--hdm-fs,1));padding:10px 12px}
.hdm12-pan>summary::-webkit-details-marker{display:none}
.hdm12-pan>summary i{font-style:normal;font-size:calc(11px * var(--hdm-fs,1));background:rgba(255,255,255,.25);padding:1px 7px}
.hdm12-pan>summary .chev{margin-left:auto;width:9px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-top:-4px}
.hdm12-pan[open]>summary .chev{transform:rotate(-135deg);margin-top:4px}
.hdm12-pan>summary:focus-visible{outline:2px solid var(--texte);outline-offset:-2px}
.hdm12-pan-c{padding:10px 12px;flex:1;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-pan-p{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--trait);padding:7px 12px;font-size:calc(12px * var(--hdm-fs,1));color:var(--gris)}
.hdm12-pan ul{list-style:none;margin:0;padding:0}
.hdm12-pan li{margin:0}
.hdm12-pan-eq{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.hdm12-pan-eq li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;font-size:calc(13px * var(--hdm-fs,1));line-height:1.3}
.hdm12-av.moyen{width:40px;height:40px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-av.petit{width:26px;height:26px;font-size:calc(10px * var(--hdm-fs,1))}
.hdm12-pan-docs li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #eef0f4}
.hdm12-pan-docs li:last-child,.hdm12-pan-act li:last-child,.hdm12-pan-suivre li:last-child{border-bottom:0}
.hdm12-pan-docs .t{flex:1;min-width:0}
.hdm12-ext{flex:none;display:inline-block;min-width:42px;text-align:center;color:#fff;font:700 calc(10px * var(--hdm-fs,1))/22px Arial,sans-serif;padding:0 4px}
.hdm12-vers{display:inline-block;background:#fff;color:var(--v);border:1px solid var(--v);font:700 calc(10px * var(--hdm-fs,1))/1.5 Arial,sans-serif;padding:0 4px;margin-left:4px;vertical-align:1px}
.hdm12-pan-suivre li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #eef0f4}
.hdm12-pan-suivre i{flex:none;width:16px;height:16px;border:2px solid var(--gris);border-radius:50%;margin-top:2px}
.hdm12-pan-suivre li>span,.hdm12-pan-act li>span{display:flex;flex-direction:column;min-width:0}
.hdm12-pan-act li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #eef0f4}

/* Barre d'outils (Équipe, Documents) — 1.2.11 (Kad, ÉCRAN 457) : bandeau bleu clair ; le dégradé est sur la frise */
.hdm12-outils{display:flex;align-items:center;gap:8px;background:var(--pale);border:1px solid #cfe0fb;border-left:4px solid var(--b);padding:10px 12px;margin:0 0 12px}
.hdm12-outils-d{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.hdm12 .hdm12-outils-ch{width:auto;min-width:200px;background:#fff;border:1px solid #b9cdf0;color:var(--texte);font-size:calc(14px * var(--hdm-fs,1));min-height:36px}
.hdm12 .hdm12-outils-ch::placeholder{color:var(--gris)}
.hdm12 .hdm12-outils-se{width:auto;min-height:36px;font-size:calc(14px * var(--hdm-fs,1));font-weight:700;border:1px solid #b9cdf0}
.hdm12-vues{display:flex;border:1px solid #b9cdf0;background:#fff}
.hdm12-vues button{all:unset;cursor:pointer;color:var(--b);padding:6px 10px;font-size:calc(15px * var(--hdm-fs,1));line-height:1.2}
.hdm12-vues button[aria-pressed=true]{background:var(--b);color:#fff}
.hdm12-vues button:focus-visible,.hdm12-outils-b:focus-visible,.hdm12-outils-p:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.hdm12-outils-b{all:unset;cursor:pointer;color:var(--b);background:#fff;border:1px solid var(--b);padding:7px 12px;font-weight:700;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-outils-p{all:unset;cursor:pointer;background:linear-gradient(90deg,var(--b),var(--v));color:#fff;padding:8px 14px;font-weight:700;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-outils-p:disabled{cursor:default;background:#fff;color:var(--vert);box-shadow:inset 0 0 0 1px var(--vert)}

/* Les cartes (personnes, documents) */
.hdm12-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hdm12-cm{position:relative;background:#fff;border:1px solid var(--trait);border-top:4px solid var(--c);display:flex;flex-direction:column;min-width:0}
.hdm12-cm-nom{display:block;font-size:calc(16px * var(--hdm-fs,1));margin:8px 0 5px}
.hdm12-cm-role{display:inline-block;background:var(--c);color:#fff;font-size:calc(12px * var(--hdm-fs,1));font-weight:700;padding:2px 8px}
.hdm12-cm-st{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--trait);margin:10px 0 6px;width:100%}
.hdm12-cm-st span{padding:6px 2px;font-size:calc(11px * var(--hdm-fs,1));color:var(--gris);border-right:1px solid var(--trait);line-height:1.3}
.hdm12-cm-st span:last-child{border-right:0}
.hdm12-cm-st b{display:block;font-size:calc(16px * var(--hdm-fs,1));color:var(--texte)}
.hdm12-cm-pied{display:flex;justify-content:space-between;align-items:center;gap:6px;background:var(--c);color:#fff;padding:7px 10px;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-cm-moi{background:#fff;color:var(--c);font-weight:700;padding:1px 8px}
.hdm12-cm.vide,.hdm12-cd.vide{all:unset;box-sizing:border-box;cursor:pointer;border:2px dashed #c3c4c7;color:var(--gris);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;min-height:200px;font-size:calc(14px * var(--hdm-fs,1));background:#fff}
.hdm12-cm.vide b,.hdm12-cd.vide b{color:var(--b);font-size:calc(24px * var(--hdm-fs,1))}
.hdm12-cm.vide:hover,.hdm12-cd.vide:hover{border-color:var(--b)}
[data-hdm12-liste=equipe][data-vue=liste]{grid-template-columns:1fr}
[data-hdm12-liste=equipe][data-vue=liste] .hdm12-cm{border-top-width:1px;border-left:4px solid var(--c)}
[data-hdm12-liste=equipe][data-vue=liste] .hdm12-cm-nom{margin:0}
[data-hdm12-liste=equipe][data-vue=liste] .hdm12-cm-st{width:auto;margin:0 0 0 auto;min-width:260px}
[data-hdm12-liste=equipe][data-vue=liste] .hdm12-cm-pied{display:none}
.hdm12-pied-l{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--trait);background:#fff;padding:8px 12px;color:var(--gris);font-size:calc(13px * var(--hdm-fs,1));margin:12px 0 16px}
.hdm12-vide-filtre{color:var(--gris);font-size:calc(14px * var(--hdm-fs,1));margin:10px 0}
/* Menu « ⋯ » */
.hdm12-menu-z{position:absolute;right:8px;top:8px;z-index:3}
.hdm12-ta-d .hdm12-menu-z{position:relative;right:auto;top:auto;display:inline-block}
.hdm12-points{all:unset;cursor:pointer;background:#fff;color:var(--texte);font:700 calc(15px * var(--hdm-fs,1))/1 Arial,sans-serif;padding:3px 7px;border:1px solid var(--trait)}
.hdm12-points:focus-visible{outline:2px solid var(--v)}
.hdm12-menu{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #c3c4c7;box-shadow:0 8px 20px rgba(0,0,0,.15);min-width:230px;z-index:20;text-align:left}
.hdm12-menu a,.hdm12-menu button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:8px 12px;font-size:calc(13px * var(--hdm-fs,1));color:var(--texte);border-bottom:1px solid #eef0f4}
.hdm12-menu a:hover,.hdm12-menu button:hover,.hdm12-menu a:focus,.hdm12-menu button:focus{background:var(--pale);color:var(--b)}
.hdm12-menu .rouge{color:var(--rouge)}
/* Documents */
.hdm12-glisser{border:2px dashed #b9cdf0;background:#f7f9fd;text-align:center;padding:12px;color:var(--gris);font-size:calc(14px * var(--hdm-fs,1));margin:0 0 12px;cursor:pointer}
.hdm12-glisser b{color:var(--b)}
.hdm12-glisser.survol{border-color:var(--b);background:var(--pale)}
.hdm12-depot.violet{border-color:#e1cdf8;background:#faf6ff}
.hdm12-cd{position:relative;background:#fff;border:1px solid var(--trait);display:flex;flex-direction:column;min-width:0}
.hdm12-cd-vg{position:relative;height:120px}
.hdm12-cd-fond{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font:700 calc(22px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm12-cd-fond.img img{width:100%;height:100%;object-fit:cover;display:block}
.hdm12-cd-vis{position:absolute;left:8px;top:8px;background:#fff;color:var(--texte);font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 6px}
.hdm12-cd-vis.pub{color:var(--vert)}
.hdm12-cd-bd{padding:10px 12px;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.hdm12-cd-t{font-weight:700;font-size:calc(15px * var(--hdm-fs,1));line-height:1.35;color:var(--texte);text-decoration:none}
.hdm12-cd-t:hover{color:var(--b)}
.hdm12-rub{display:inline-block;color:#fff;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 7px}
.hdm12-cd-l{all:unset;cursor:pointer;font-size:calc(12px * var(--hdm-fs,1));color:var(--b)}
span.hdm12-cd-l{cursor:default}
.hdm12-cd-pd{display:flex;justify-content:space-between;gap:6px;color:var(--gris);font-size:calc(12px * var(--hdm-fs,1));padding:8px 12px;border-top:1px solid #eef0f4}
[data-hdm12-liste=documents][data-vue=grille] .hdm12-docs{display:none}
[data-hdm12-liste=documents][data-vue=liste] .hdm12-cartes-d{display:none}
.hdm12-doc-l{display:flex;gap:10px;align-items:center}
.hdm12-mini{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:30px;color:#fff;font:700 calc(10px * var(--hdm-fs,1)) Arial,sans-serif;overflow:hidden}
.hdm12-mini.img img{width:100%;height:100%;object-fit:cover}
.hdm12-doc-fiche{background:#fff}
.hdm12-actuelle{display:inline-block;background:var(--vert);color:#fff;font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;padding:1px 6px}
.hdm12-versions td{vertical-align:middle}
/* Zone à contenus (comme HPM) */
.hdm12-zone{background:#fff;border:1px solid var(--trait)}
.hdm12-zone.vide{border:1px dashed #8c8f94;padding:10px 12px;font-size:calc(13px * var(--hdm-fs,1));color:var(--gris)}
.hdm12-zone.vide p{margin:0}
.hdm12-zone.vide a{color:var(--b)}
.hdm12-agir .hdm12-zone{border-width:1px 0 0}
.hdm12-volet{border-bottom:1px solid var(--trait)}
.hdm12-volet:last-child{border-bottom:0}
.hdm12-volet>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;color:var(--b);font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-volet>summary::-webkit-details-marker{display:none}
.hdm12-volet>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.hdm12-volet[open]>summary::after{transform:rotate(-135deg);margin-top:3px}
.hdm12-volet .corps{padding:0 12px 12px;font-size:calc(14px * var(--hdm-fs,1));overflow-wrap:anywhere}
.hdm12-volet .corps img{max-width:100%;height:auto}
.hdm12-autres{list-style:none;margin:0;padding:0}
.hdm12-autres li{padding:4px 0}
.hdm12-autres a{color:var(--b);font-weight:700;text-decoration:none}
@media (min-width:901px) and (max-width:1200px){
  .hdm12-pleins{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hdm12-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
[data-panneau=documents].fiche-ouverte>*:not(.hdm12-doc-fiche){display:none!important}
/* 1.2.3 : dans la colonne de la fiche, les grilles s'adaptent à la largeur */
.hdm12-col-fiche .hdm12-pleins{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.hdm12-col-fiche .hdm12-cartes{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.hdm12-outils{flex-wrap:wrap}
.hdm12-outils-b,.hdm12-outils-p{white-space:nowrap}
.hdm12-cd-tt{display:block}

/* 1.2.6 (Kad : le texte de la Présentation restait gris) — un thème (Essentials, WPBakery) donne sa couleur et sa taille
   aux paragraphes et aux listes : à l'intérieur de la page de l'idée, les paragraphes sans classe reprennent ceux d'HDM
   (et des réglages « Page de l'idée »). La mise en forme écrite dans l'éditeur (couleur, taille sur un passage) passe avant. */
.hdm12 p:not([class]),.hdm12 li:not([class]),.hdm12 blockquote:not([class]){color:inherit;font-size:inherit;line-height:inherit;font-family:inherit}
.hdm12 .hdm12-texte{color:var(--hdm12-texte-c,var(--texte))!important;font-size:var(--hdm12-texte-t,16px)!important}
.hdm12 .hdm12-texte h1,.hdm12 .hdm12-texte h2,.hdm12 .hdm12-texte h3,.hdm12 .hdm12-texte h4,.hdm12 .hdm12-texte h5{color:var(--hdm12-inter-c,var(--b));font-family:Arial,sans-serif}
.hdm12 .hdm12-texte .hdm12-h{color:var(--hdm12-inter-c,var(--b))!important}
.hdm12 .hdm12-texte a:not([class]){color:var(--b);text-decoration:underline}

/* ── 1.2.7 (Kad, 15/10, 20 h 18) ── */
/* Les panneaux pleins : une icône en filigrane, comme HPM */
.hdm12-plein{position:relative;overflow:hidden}
.hdm12-plein>*:not(.hdm12-fili){position:relative;z-index:1}
.hdm12-fili{position:absolute;right:-6px;bottom:-10px;width:92px;height:92px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linejoin:miter;opacity:.22;pointer-events:none}
/* « Comment participer » en violet */
.hdm12 .hdm12-mc-participer h3{color:var(--v)}
/* Les panneaux repliables : grille ou liste et lien vers l'onglet, dans la tête */
.hdm12-pan>summary .hdm12-pan-o{margin-left:auto;display:flex;align-items:center;gap:4px}
.hdm12-pan>summary .hdm12-pan-o+.chev{margin-left:10px}
.hdm12-pan-o button{all:unset;cursor:pointer;color:#fff;font-size:calc(14px * var(--hdm-fs,1));line-height:1;padding:4px 6px;border:1px solid transparent}
.hdm12-pan-o button[aria-pressed=true]{border-color:rgba(255,255,255,.7)}
.hdm12-pan-o button:focus-visible{outline:2px solid #fff}
.hdm12-pan-o .hdm12-pan-lien{font-size:calc(12px * var(--hdm-fs,1));font-weight:700;margin-left:6px}
.hdm12-pan-o .hdm12-pan-lien:hover{text-decoration:underline}
.hdm12-pan[data-vue=liste] .hdm12-pan-eq{grid-template-columns:1fr;gap:0}
.hdm12-pan[data-vue=liste] .hdm12-pan-eq li{flex-direction:row;text-align:left;gap:10px;padding:6px 0;border-bottom:1px solid #eef0f4}
.hdm12-pan[data-vue=liste] .hdm12-pan-eq li b{min-width:0}
.hdm12-pan[data-vue=liste] .hdm12-pan-eq .hdm12-av{width:30px;height:30px;font-size:calc(11px * var(--hdm-fs,1))}
.hdm12-pan[data-vue=liste] .hdm12-pan-eq li .hdm12-doux{margin-left:auto}
.hdm12-pan[data-vue=grille] .hdm12-pan-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.hdm12-pan[data-vue=grille] .hdm12-pan-docs li{flex-direction:column;align-items:stretch;border:1px solid #eef0f4;padding:0;gap:0}
.hdm12-pan[data-vue=grille] .hdm12-pan-docs .hdm12-ext{display:flex;align-items:center;justify-content:center;height:56px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-pan[data-vue=grille] .hdm12-pan-docs .t{padding:6px 8px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-pan[data-vue=grille] .hdm12-pan-docs li>.hdm12-doux{padding:0 8px 6px}

/* ── 1.2.8 (ÉCRAN 453, Kad, 15/10, 20 h 41) ── */
/* A et B : le sondage du sujet, modifié sur place par l'administration */
.hdm12 .hdm12-mc-sondage h3,.hdm12 [data-hdm12-so-bloc] h3{display:flex;align-items:center;gap:8px}
.hdm12-so-ed{all:unset;cursor:pointer;margin-left:auto;color:var(--b);font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;text-transform:none;letter-spacing:0}
.hdm12-so-ed:hover{text-decoration:underline}
.hdm12-so-ed:focus-visible,.hdm12-so-ajout:focus-visible,.hdm12-prop-s:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.hdm12-so-ajout{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;border:2px dashed #c9cfdb;padding:14px;text-align:center;color:var(--b);font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm12-so-ajout:hover{border-color:var(--b);background:var(--pale)}
.hdm12-so-ajout b{font-size:calc(18px * var(--hdm-fs,1));margin-right:6px}
.hdm12-so-ajout small{display:block;margin-top:4px;color:var(--gris);font-weight:400;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-so-form{background:var(--fond);border:1px solid var(--trait);padding:12px;margin:8px 0 0}
.hdm12-so-form[hidden]{display:none}
.hdm12 .hdm12-so-form h3{color:var(--texte)}
.hdm12-so-form input[type=text],.hdm12-so-form input[type=date],.hdm12-so-form select{box-sizing:border-box;width:100%;border:1px solid #c9cfdb;border-radius:0;padding:6px 8px;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--texte);background:#fff;margin:0 0 8px;min-height:34px}
.hdm12-so-c{display:flex;gap:6px;align-items:center}
.hdm12-so-c input{flex:1}
.hdm12-so-x{all:unset;cursor:pointer;color:var(--rouge);font-size:calc(13px * var(--hdm-fs,1));padding:0 6px 8px}
.hdm12-so-verr{color:var(--gris);padding:0 8px 8px}
.hdm12-so-pied{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}
.hdm12-so-form .hdm12-deux{grid-template-columns:1fr;gap:0;margin-top:8px}
/* C : la question posée et les propositions */
.hdm12 .hdm12-q{font-weight:700;color:var(--texte);margin:0 0 4px}
.hdm12-cap{font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--gris);text-transform:uppercase;margin:10px 0 2px}
.hdm12-props{list-style:none;margin:0 0 8px;padding:0}
.hdm12-prop{display:grid;grid-template-columns:1fr;gap:4px;padding:8px 0;border-bottom:1px solid #eef0f4;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-prop:last-child{border-bottom:0}
.hdm12-prop.moi{background:#f1faf5;margin:0 -14px;padding:8px 14px}
.hdm12-prop-t{display:flex;align-items:center;gap:8px}
.hdm12-prop-t a{color:var(--texte);font-weight:700;text-decoration:none}
.hdm12-prop-t a:hover{color:var(--b);text-decoration:underline}
.hdm12-prop-moi{margin-left:auto;font-size:calc(11px * var(--hdm-fs,1));font-weight:700;color:var(--v)}
.hdm12-prop-s{all:unset;cursor:pointer;margin-left:auto;border:1px solid var(--b);color:var(--b);font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;padding:3px 8px;white-space:nowrap}
.hdm12-prop-s:hover{background:var(--b);color:#fff}
.hdm12-prop-s.fait,.hdm12-prop-s:disabled{border-color:var(--vert);color:var(--vert);background:#fff;cursor:default}
.hdm12-prop-b{display:block;height:6px;background:#e6e9ef}
.hdm12-prop-b i{display:block;height:6px;background:var(--vert)}
.hdm12-mc-question .hdm12-droite{margin-top:8px}
.hdm12-mc-question p.hdm12-droite{font-size:calc(12px * var(--hdm-fs,1))}
[data-hdm12-so-bloc] [hidden]{display:none!important}
.hdm12 .hdm12-mc-sondage .hdm11-titre{text-transform:none;letter-spacing:0;color:var(--texte);font:700 calc(15px * var(--hdm-fs,1))/1.35 Arial,sans-serif;margin:6px 0 8px}
.hdm12-so-ajout.autre{padding:8px;font-size:calc(13px * var(--hdm-fs,1));border-width:1px}

/* ── 1.2.10 (Kad, 15/10, 21 h 52) : la colonne Agir seulement sur la Présentation ; les autres onglets prennent sa place ── */
.hdm12-fiche.hors-pres:not(.hdm12-consult) .hdm12-agir{display:none}
@media (min-width:1201px){
  .hdm12-fiche.hors-pres:not(.hdm12-consult) .hdm12-corps{grid-template-columns:minmax(0,2.9fr) minmax(300px,1.05fr)}
  .hdm12-fiche.hors-pres.discussion-fermee:not(.hdm12-consult) .hdm12-corps{grid-template-columns:minmax(0,1fr) 46px}
  .hdm12-fiche.hors-pres:not(.hdm12-consult) .hdm12-discussion,.hdm12-fiche.hors-pres:not(.hdm12-consult) .hdm12-col3{grid-column:2}
}

/* ── 1.2.11 (Kad, ÉCRAN 457) : « En un coup d'œil » seulement sur la Présentation, comme HPM ; les autres onglets ont leurs propres tuiles ── */
.hdm12-fiche.hors-pres:not(.hdm12-consult) [data-hdm12-coup]{display:none}
.hdm12-outils-b:disabled{opacity:.6;cursor:default}

/* ── 1.2.12 (ÉCRAN 458) : l'Équipe sur le modèle d'HPM ── */
.hdm12-cm2{border-top:4px solid var(--c)}
.hdm12-cm2>.hdm12-menu-z{position:absolute;right:8px;top:8px;z-index:2}
.hdm12-cm-h{display:flex;gap:10px;align-items:flex-start;padding:12px 40px 8px 12px}
.hdm12-cm-h .hdm12-av.grand{width:46px;height:46px;flex:none;font-size:calc(15px * var(--hdm-fs,1))}
.hdm12-cm-id{min-width:0}
.hdm12-cm2 .hdm12-cm-nom{margin:0 0 3px;font-size:calc(15px * var(--hdm-fs,1));line-height:1.3;overflow-wrap:anywhere}
.hdm12-cm2 .hdm12-cm-role{font-size:calc(11px * var(--hdm-fs,1));padding:2px 7px}
.hdm12-cm-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 6px}
.hdm12-tag{all:unset;cursor:pointer;border:1px solid #cfe0fb;background:var(--pale);color:var(--bf);font-size:calc(11px * var(--hdm-fs,1));padding:2px 6px;line-height:1.4}
.hdm12-tag:hover,.hdm12-tag:focus-visible{border-color:var(--b);outline:none;text-decoration:underline}
.hdm12-cm2 .hdm12-cm-st{width:auto;margin:6px 12px 8px}
.hdm12-cm-anon{padding:0 12px}
.hdm12-cm2 .hdm12-cm-pied{margin-top:auto;background:#fff;color:var(--gris);border-top:1px solid #eef0f4}
.hdm12-cm2 .hdm12-cm-moi{background:var(--c);color:#fff;font-size:calc(11px * var(--hdm-fs,1));padding:1px 6px;margin-left:4px}
.hdm12-cm-prof{all:unset;cursor:pointer;color:var(--b);font-weight:700;font-size:calc(12px * var(--hdm-fs,1));text-decoration:none}
.hdm12-cm-prof:hover,.hdm12-cm-prof:focus-visible{text-decoration:underline;outline:none}
.hdm12-prof-z{position:relative}
.hdm12-prof{position:absolute;right:0;bottom:22px;z-index:5;width:240px;background:#fff;border:1px solid #c9cfdb;border-top:3px solid var(--v);box-shadow:0 8px 22px rgba(0,0,0,.16);padding:10px 12px;display:flex;flex-direction:column;gap:4px;color:var(--texte);font-size:calc(13px * var(--hdm-fs,1));text-align:left}
.hdm12-prof[hidden]{display:none}
.hdm12-prof ul{margin:0;padding-left:16px}
.hdm12-prof a{color:var(--b)}
[data-hdm12-liste=equipe][data-vue=grille] .hdm12-tab-eq{display:none}
[data-hdm12-liste=equipe][data-vue=liste] .hdm12-cartes-p{display:none}
.hdm12-tab-eq .hdm12-l-p{display:flex;align-items:center;gap:8px}
.hdm12-tab-eq .hdm12-cm-role{display:inline-block;background:var(--c);color:#fff;font-size:calc(11px * var(--hdm-fs,1));font-weight:700;padding:2px 7px}
.hdm12-tab-eq .hdm12-l-a{position:relative;width:40px;text-align:right}
.hdm12-tab-eq .hdm12-menu-z{position:relative;right:auto;top:auto;display:inline-block}
.hdm12-menu small{display:block;padding:6px 12px 2px;color:var(--gris);font-size:calc(10px * var(--hdm-fs,1));font-weight:700;text-transform:uppercase}
.hdm12-nb-rouge{display:inline-block;background:var(--rouge);color:#fff;font-size:calc(11px * var(--hdm-fs,1));padding:0 6px;margin-left:4px}
.hdm12-dem{border:1px solid #f0d2b0;border-left:4px solid var(--or);background:#fff;margin:0 0 12px}
.hdm12 .hdm12-dem h3{margin:0;padding:10px 12px;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--or);border-bottom:1px solid #f6e3cf}
.hdm12-dem h3 small{font-weight:400;color:var(--gris)}
.hdm12-dem-l{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #f6e3cf}
.hdm12-dem-t{flex:1;min-width:200px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-dem-b{display:flex;gap:6px;flex-wrap:wrap}
.hdm12-btn-ok{all:unset;cursor:pointer;background:var(--vert);color:#fff;font-weight:700;font-size:calc(13px * var(--hdm-fs,1));padding:7px 12px}
.hdm12-btn-ok:focus-visible{outline:2px solid var(--vert);outline-offset:2px}
.hdm12-btn2.rouge{color:var(--rouge);border-color:var(--rouge)}
.hdm12-dem-mot{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.hdm12-dem-mot[hidden]{display:none}
.hdm12-dem-mot label{flex-basis:100%;margin:0}
.hdm12-dem-mot input{flex:1;min-width:200px;border:1px solid #c9cfdb;padding:6px 8px;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm12-dem>.hdm12-etat{padding:0 12px}
.hdm12-regle-g{border:1px solid var(--trait);border-left:4px solid var(--b);background:#fff;padding:10px 12px;margin:12px 0}
.hdm12-regle-g fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.hdm12-regle-g legend{float:left;font-weight:700;margin-right:6px}
.hdm12-regle-g label{display:inline-flex;gap:6px;align-items:center;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-col-fiche .hdm12-cartes-p:has(.hdm12-cm2){grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.hdm12-cm2 .hdm12-cm-st span{text-align:center}
.hdm12-cm2 .hdm12-cm-pied{flex-wrap:wrap}

/* ── 1.2.12 (ÉCRAN 459) : la Documentation en trois volets ── */
.hdm12-volets{display:flex;border:1px solid #b9cdf0;background:#fff;flex-wrap:wrap}
.hdm12-volets button{all:unset;cursor:pointer;padding:7px 12px;font-weight:700;font-size:calc(14px * var(--hdm-fs,1));color:var(--b);border-right:1px solid #b9cdf0}
.hdm12-volets button:last-child{border-right:0}
.hdm12-volets button[aria-selected=true]{background:var(--b);color:#fff}
.hdm12-volets button i{font-style:normal;font-size:calc(11px * var(--hdm-fs,1));background:var(--pale);color:var(--b);padding:0 5px;margin-left:3px}
.hdm12-volets button[aria-selected=true] i{background:#fff}
.hdm12-volets button:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.hdm12-volet[hidden]{display:none}
.hdm12 .hdm12-volet-t{display:none;font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--v);margin:14px 0 8px}
.hdm12-docu.cherche .hdm12-volet-t{display:block}
.hdm12-prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-items:start}
.hdm12-prods .hdm12-produit{margin:0;border-left-width:1px;border-top:4px solid var(--c,var(--b));background:#fff}
.hdm12-prods .hdm12-produit.violet{--c:var(--v)}.hdm12-prods .hdm12-produit.bleu{--c:var(--b)}.hdm12-prods .hdm12-produit.vert{--c:var(--vert)}
.hdm12-prods .hdm12-produit.large{grid-column:1 / -1}
.hdm12-prods .hdm12-produit[hidden]{display:none}
.hdm12-syn{list-style:none;margin:8px 0;padding:0}
.hdm12-syn li{border-left:3px solid var(--b);padding:2px 8px;margin:0 0 6px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-syn-tout summary{cursor:pointer;color:var(--b);font-weight:700;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12-produit-v{display:block;margin:-2px -2px 8px}
.hdm12-produit-v .hdm12-ext{display:flex;align-items:center;justify-content:center;height:150px;color:#fff;font:700 calc(22px * var(--hdm-fs,1)) Arial,sans-serif;overflow:hidden}
.hdm12-produit-v .hdm12-ext img{width:100%;height:100%;object-fit:cover;object-position:top}
.hdm12-etape{border:1px solid var(--trait);border-left:4px solid #ff8a00;background:#fff;padding:10px 12px;margin:12px 0}
.hdm12-etape p{margin:6px 0 0}
.hdm12-guide-cp .hdm12-mc{border:0;padding:0}
.hdm12-note{background:#fff;border:1px solid var(--trait);border-left:4px solid var(--or);padding:10px 12px;margin:0 0 10px}
.hdm12-note.conf{border-left-color:var(--gris);background:#f7f8fa}
.hdm12-note[hidden]{display:none}
.hdm12-note-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.hdm12-note-c{background:var(--gris);color:#fff;font-size:calc(11px * var(--hdm-fs,1));font-weight:700;padding:1px 6px}
.hdm12-note-x p{margin:6px 0 0}
.hdm12-note-f{background:var(--fond);border:1px solid var(--trait);padding:12px;margin:8px 0}
.hdm12-note-f[hidden]{display:none}
.hdm12-note-f input[type=text],.hdm12-note-f textarea{box-sizing:border-box;width:100%;border:1px solid #c9cfdb;padding:7px 9px;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;margin:0 0 8px}
.hdm12-case{display:flex;gap:8px;align-items:flex-start;font-size:calc(14px * var(--hdm-fs,1));margin:0 0 8px}
.hdm12-docu .hdm12-outils{flex-wrap:wrap}
.hdm12-produit-v{text-decoration:none}

/* ── 1.2.12 (ÉCRAN 460) : la page de garde des documents ── */
.hdm12-cd-fond.page{background:#eef1f6!important;align-items:flex-start;padding:10px 0 0}
.hdm12-cd-fond.page img{width:84%;height:100%;object-fit:cover;object-position:top;box-shadow:0 2px 10px rgba(0,0,0,.18);background:#fff}
.hdm12-mini.page{width:32px;height:42px;background:#eef1f6!important}
.hdm12-mini.page img{object-position:top}
.hdm12-ext.page img,.hdm12-ext.apercu img{object-position:top}
.hdm12-produit-v .hdm12-ext.page{background:#eef1f6!important;align-items:flex-start;padding-top:10px}
.hdm12-produit-v .hdm12-ext.page img{width:84%;box-shadow:0 2px 10px rgba(0,0,0,.18)}
[data-hdm12-apercu-pdf].en-cours{opacity:.75}
.hdm12-mini.page img{border:1px solid #c9cfdb;box-sizing:border-box}

/* ── 1.2.13 (ÉCRAN 461) : les messages privés, onglet « Privé » de la discussion ── */
.hdm12-fils [data-fil] i.nonlu{background:#9B1C4F;color:#fff;font-style:normal;padding:1px 6px;margin-left:3px;font-size:calc(11px * var(--hdm-fs,1));border:0;border-radius:9px}
.hdm12-fiche.fil-prive .hdm12-ecrire,.fil-prive .hdm12-ecrire{display:none}
.hdm12-prive{padding:10px 12px;overflow:auto}
.hdm12-pm-c{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1px solid #e4e7ee;padding:9px 10px;margin:0 0 6px;cursor:pointer;font:inherit;color:inherit}
.hdm12-pm-c:hover,.hdm12-pm-c:focus-visible{border-color:#0068E8}
.hdm12-pm-c.nonlu{border-left:3px solid #8224E3;background:#faf6fe}
.hdm12-pm-avs{display:flex;flex:0 0 auto}
.hdm12-pm-avs .hdm12-av+.hdm12-av{margin-left:-8px}
.hdm12-pm-ct{flex:1;min-width:0;display:flex;flex-direction:column}
.hdm12-pm-ct b{font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-pm-ct small{color:var(--gris);font-size:calc(12.5px * var(--hdm-fs,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdm12-pm-nl{flex:0 0 auto;color:#8224E3;font-size:calc(12px * var(--hdm-fs,1));font-weight:700}
.hdm12-pm-reg{margin-top:12px;border-top:1px solid #eef0f4;padding-top:8px;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm12-pm-reg summary{cursor:pointer;color:#0068E8;font-weight:700}
.hdm12-pm-reg .hdm12-case{display:block;margin:4px 0}
.hdm12-pm-conf{color:var(--gris);font-size:calc(12px * var(--hdm-fs,1));margin:10px 0 0}
.hdm12-pm-new h4{margin:0 0 8px;font-size:calc(15px * var(--hdm-fs,1))}
.hdm12-pm-dest{border:1px solid #e4e7ee;padding:6px 10px;margin:0 0 8px;max-height:180px;overflow:auto}
.hdm12-pm-dest label{display:block;margin:3px 0}
.hdm12-pm-new textarea,.hdm12-pm-new input[type=text],.hdm12-pm-ecrire textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid #c3c4c7;padding:7px}
.hdm12-pm-tete{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #eef0f4;padding-bottom:6px;margin-bottom:8px}
.hdm12-pm-fil{max-height:420px;overflow:auto;padding-right:4px}
.hdm12-pm-m{margin:0 0 10px;max-width:88%}
.hdm12-pm-m.moi{margin-left:auto;text-align:right}
.hdm12-pm-m .hdm12-bulle{background:#fff;border-color:#e4e7ee;text-align:left}
.hdm12-pm-m.moi .hdm12-bulle{background:#eef5ff;border-color:#d6e6fb}
.hdm12-pm-a{font-size:calc(12px * var(--hdm-fs,1));margin-top:2px}
.hdm12-pm-ecrire{border-top:1px solid #eef0f4;padding-top:8px;margin-top:6px}
.hdm12-lien.rouge{color:#b32d2e}
.hdm12-cm-bts{display:inline-flex;gap:8px;align-items:center}
.hdm12-cm-ecr{all:unset;cursor:pointer;color:var(--b);font-weight:700;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-cm-ecr:hover,.hdm12-cm-ecr:focus-visible{text-decoration:underline;outline:none}
.hdm12-pm-regle{border:0;padding:0;margin:10px 0 0}
.hdm12-pm-regle legend{font-weight:700;padding:0}
.hdm12-pm-regle label{margin-right:14px;display:inline-block}

/* ── 1.2.14 (ÉCRAN 462) : les options des documents (porteur, auteur, administration) ── */
.hdm12-docs-opt{background:#fff;border:1px solid #e3e7ef;border-left:4px solid #8224E3;padding:12px 14px;margin:0 0 12px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-docs-opt[hidden]{display:none}
.hdm12-docs-opt .hdm12-case{display:flex;gap:8px;align-items:flex-start;margin:6px 0}
.hdm12-docs-opt .hdm12-case input{margin-top:3px;flex:none}

/* ── 1.2.15 (ÉCRAN 463) : chevron des listes, « + » des bandeaux, pagination des panneaux, invitations ── */
.hdm12 select.hdm12-outils-se{-webkit-appearance:none;appearance:none;padding:6px 34px 6px 10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231c2333' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;background-size:12px 8px}
.hdm12-pan-o .hdm12-pan-plus{border:1px solid rgba(255,255,255,.85);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:calc(18px * var(--hdm-fs,1));font-weight:700;padding:0;margin-right:6px;box-sizing:border-box}
.hdm12-pan-o .hdm12-pan-plus:hover{background:rgba(255,255,255,.18)}
.hdm12-pan-p .hdm12-pg-info{flex:1}
.hdm12-pg-nav{display:inline-flex;gap:4px;align-items:center}
.hdm12-pg-nav button{all:unset;cursor:pointer;box-sizing:border-box;min-width:24px;height:24px;padding:0 6px;border:1px solid #cfe0fb;color:#0068E8;text-align:center;font-size:calc(12px * var(--hdm-fs,1));line-height:22px}
.hdm12-pg-nav button.on{background:#0068E8;border-color:#0068E8;color:#fff;font-weight:700}
.hdm12-pg-nav button[disabled]{opacity:.35;cursor:default}
.hdm12-pg-nav button:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm12-pg-nav span{color:var(--gris);padding:0 2px}
.hdm12-pan [data-hdm12-pg-items]>li[hidden]{display:none !important}
.hdm12-invit{background:#fff;border:1px solid #e3e7ef;border-left:4px solid #8224E3;padding:12px 16px;margin:0 0 14px;font-size:calc(15px * var(--hdm-fs,1))}
.hdm12-invit.non{border-left-color:#b45309}
.hdm12-invit q{color:var(--gris);font-style:italic}
.hdm12-invit p{margin:0 0 8px}
.hdm12-dem.hdm12-invits{border-color:#e2cff9;border-left-color:#8224E3}
.hdm12-invits .hdm12-dem-l{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f3ebfd}
.hdm12 .hdm12-dem.hdm12-invits h3{color:#8224E3;border-bottom-color:#f3ebfd}
/* 1.2.15 : 8 par page en grille = 2 lignes de 4 (comme HPM) ; 2 colonnes sur téléphone */
.hdm12-pan[data-hdm12-pg]:not([data-vue=liste]) .hdm12-pan-eq{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:640px){.hdm12-pan[data-hdm12-pg]:not([data-vue=liste]) .hdm12-pan-eq{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── 1.2.16 (Kad, 16/10) : le parcours en ligne fine sous la photo de la Présentation, comme HPM ── */
.hdm12-parcours{display:flex;align-items:center;flex-wrap:wrap;row-gap:6px;list-style:none;margin:0;padding:12px 20px 0;font-size:calc(13px * var(--hdm-fs,1));color:#6b7280;flex:none}
.hdm12-parcours li{margin:0;padding:0}
.hdm12-parcours .e{display:flex;align-items:center;gap:6px;white-space:nowrap}
.hdm12-parcours .e+.e::before{content:"";width:clamp(12px,2.2vw,32px);height:2px;background:#d6d9e2;margin:0 8px}
.hdm12-parcours .e.fait+.e::before{background:#0c8560}
.hdm12-parcours i{width:11px;height:11px;border-radius:50%;background:#d6d9e2;flex:none}
.hdm12-parcours .fait{color:#0c8560}.hdm12-parcours .fait i{background:#0c8560}
.hdm12-parcours .ici{color:#0068E8;font-weight:700}.hdm12-parcours .ici i{background:#0068E8;box-shadow:0 0 0 4px rgba(0,104,232,.18)}
.hdm12-parcours .non{color:#d93025;font-weight:700}.hdm12-parcours .non i{background:#d93025}
.hdm12-parcours small{font-weight:400;color:#6b7280;margin-left:4px;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-volet .hdm12-parcours{padding:4px 0 12px}

/* ── 1.2.16 (ÉCRAN 464) : le vote de conclusion d'un débat ── */
.hdm12-clo{border-left:4px solid #0068E8}
.hdm12 .hdm12-clo h3{color:#0068E8}
.hdm12-clo-q{margin:4px 0 8px}
.hdm12-clo-o>summary{cursor:pointer;font-weight:700;color:#0068E8;list-style:none}
.hdm12-clo-o>summary::-webkit-details-marker{display:none}
.hdm12-clo-o>summary::before{content:"+ "}
.hdm12-clo-o[open]>summary::before{content:"− "}
.hdm12-clo-o form{margin-top:10px}
.hdm12-clo-o textarea,.hdm12-clo-o input[type=text],.hdm12-clo-o input[type=number]{width:100%;box-sizing:border-box;border:1px solid #c3c4c7;padding:7px;font:inherit}
.hdm12-clo-choix input{margin:0 0 6px}
.hdm12-clo-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hdm12-clo-r{border-left:4px solid #5b6072}
.hdm12-clo-r.retenu{border-left-color:#0c8560}.hdm12-clo-r.rejete{border-left-color:#d93025}
.hdm12-clo-l{list-style:none;margin:0 0 6px;padding:0}
.hdm12-clo-l li{display:grid;grid-template-columns:minmax(70px,auto) 1fr 44px;gap:8px;align-items:center;margin:4px 0;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-clo-l .b{height:10px;background:#eef0f4;display:block}
.hdm12-clo-l .b i{display:block;height:100%;background:#0068E8}
.hdm12-clo-l li.gagne{font-weight:700}.hdm12-clo-l li.gagne .b i{background:#0c8560}
.hdm12-clo-l b{text-align:right}
.hdm12-clo-i{margin:6px 0 0}
.hdm12-clo-doc{padding:0}
.hdm12-clo-doc h3{margin:4px 0}
/* 1.2.18 : le parcours dans la fenêtre de la carte (ligne fine, comme la page) */
.hdm12-parcours.pop{padding:4px 0 10px}
.hdm12-parcours.consult{padding:14px 0 4px}
/* 1.3.2 (ÉCRAN 478 A) : « J'habite ce secteur » */
.hdm12 .hdm13-secteur{border-left:4px solid #b45309}
.hdm12 .hdm13-secteur form{display:grid;gap:6px;margin:8px 0 0}
.hdm12 .hdm13-secteur label{font-size:calc(12px * var(--hdm-fs,1));font-weight:700;color:#566079;display:block}
.hdm12 .hdm13-secteur input,.hdm12 .hdm13-secteur select{width:100%;box-sizing:border-box;border:1px solid #b9cdf0;padding:7px 9px;border-radius:0;font:inherit}
.hdm12 .hdm13-l2{display:grid;grid-template-columns:90px 1fr;gap:8px}
.hdm12 .hdm13-l2+.hdm13-l2{grid-template-columns:110px 1fr}
.hdm12 .hdm13-sug{list-style:none;margin:-4px 0 0;padding:0;border:1px solid #b9cdf0;border-top:0;background:#fff}
.hdm12 .hdm13-sug button{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid #eef0f4;padding:6px 9px;font:inherit;font-size:calc(13px * var(--hdm-fs,1));cursor:pointer}
.hdm12 .hdm13-sug button:hover,.hdm12 .hdm13-sug button:focus{background:#eef5ff}
.hdm12 .hdm13-code input{font:700 calc(18px * var(--hdm-fs,1)) "Courier New",monospace;letter-spacing:3px;text-transform:uppercase}
.hdm12 .hdm13-doux{font-size:calc(12px * var(--hdm-fs,1));color:#566079;margin:0}
.hdm12 .hdm13-info{background:#fbf0e6;border-left:4px solid #b45309;padding:8px 10px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12 .hdm13-msg:empty,body>.hdm13-mod .hdm13-msg:empty{display:none}
.hdm12 .hdm13-msg.ok,body>.hdm13-mod .hdm13-msg.ok{background:#e5f4ee;border-left:4px solid #0c8560;padding:8px 10px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm12 .hdm13-msg.non,body>.hdm13-mod .hdm13-msg.non{background:#fdecea;border-left:4px solid #d93025;padding:8px 10px;font-size:calc(13px * var(--hdm-fs,1))}

/* ── 1.3.5 : l'en-tête allégé (ÉCRAN 474) — onglets, boutons et icônes sur une ligne ── */
.hdm12-ligne-onglets{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--trait);margin-top:12px}
.hdm12-ligne-onglets .hdm12-onglets{border-bottom:0;margin-top:0;flex:1 1 auto;min-width:0}
.hdm12-actions{display:flex;align-items:center;gap:10px;flex:none;padding:0 0 7px}
.hdm12-actions .hdm12-boutons{gap:6px}
.hdm12-actions .hdm12-boutons .hdm12-btn,.hdm12-actions .hdm12-boutons .hdm12-btn2{padding:6px 10px;font-size:calc(12.5px * var(--hdm-fs,1));min-height:0}
.hdm12-icones{display:flex;gap:2px;border-left:1px solid var(--trait);padding-left:8px}
.hdm12-ico{all:unset;position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--b);cursor:pointer}
.hdm12-ico:hover,.hdm12-ico[aria-pressed=true]{background:var(--pale)}
.hdm12-ico:focus-visible{outline:2px solid var(--v);outline-offset:1px}
.hdm12-ico.grise{color:#9aa1b1;cursor:default}
.hdm12-ico.grise:hover{background:transparent}
.hdm12-ico::after{content:attr(data-info);position:absolute;top:calc(100% + 6px);right:0;z-index:20;white-space:nowrap;background:#1d2433;color:#fff;font:400 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;padding:5px 8px;opacity:0;pointer-events:none;transition:opacity .12s}
.hdm12-ico:hover::after,.hdm12-ico:focus-visible::after{opacity:1}
.hdm12-echelon{margin:8px 0 0;font-size:calc(13px * var(--hdm-fs,1));color:var(--gris)}
.hdm12-echelon a{color:var(--b);font-weight:700;text-decoration:none}
.hdm12-echelon a:hover,.hdm12-echelon a:focus{text-decoration:underline}
.hdm12-fiche:not(.avec-panneaux) [data-hdm12-coup]{display:none}
@media (max-width:782px){
  .hdm12-ligne-onglets{flex-direction:column;align-items:stretch;gap:0}
  .hdm12-actions{justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 0;border-top:1px solid var(--trait);min-width:0}
  .hdm12-actions .hdm12-boutons{display:flex;flex-wrap:wrap;width:auto;min-width:0;flex:1 1 100%;max-width:100%}   /* 1.3.10 : quatre boutons (avec « Modifier ») passent à la ligne */
  .hdm12-icones{margin-left:auto}
}

/* ── 1.3.6 : retours de Kad sur l'onglet Membres (capture du 16/10, 13 h 48) ── */
.hdm12-panneau .hdm12-pleins{margin-bottom:22px}
.hdm12-col-fiche .hdm12-cartes-p:has(.hdm12-cm2){grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.hdm12-cm-h{padding:14px 40px 10px 14px;gap:12px}
.hdm12-cm-h .hdm12-av.grand{width:56px;height:56px;font-size:calc(17px * var(--hdm-fs,1))}
.hdm12-cm2 .hdm12-cm-nom{font-size:calc(17px * var(--hdm-fs,1))}
.hdm12-regle-g{position:relative;padding:12px 44px 12px 14px}
.hdm12 .hdm12-regle-g fieldset,.hdm12 .hdm12-regle-g .hdm12-pm-regle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;border:0;margin:0 0 8px;padding:0}
.hdm12 .hdm12-regle-g legend,.hdm12 .hdm12-regle-g .hdm12-pm-regle legend{float:none;display:block;width:100%;margin:0 0 4px;padding:0;font:700 calc(14px * var(--hdm-fs,1))/1.4 Arial,sans-serif;color:var(--b);text-transform:none;letter-spacing:0}
.hdm12 .hdm12-regle-g label,.hdm12 .hdm12-regle-g .hdm12-pm-regle label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:calc(14px * var(--hdm-fs,1));line-height:1.4}
.hdm12 .hdm12-regle-g input[type=radio]{margin:0;flex:none;position:static;vertical-align:middle}
.hdm12-info{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--b);color:var(--b);font:700 calc(13px * var(--hdm-fs,1)) Georgia,serif;font-style:italic;cursor:help}
.hdm12-info:focus-visible{outline:2px solid var(--v);outline-offset:1px}
.hdm12-info::after{content:attr(data-info);position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:280px;white-space:normal;background:#1d2433;color:#fff;font:400 calc(12.5px * var(--hdm-fs,1))/1.45 Arial,sans-serif;font-style:normal;padding:7px 9px;opacity:0;pointer-events:none;transition:opacity .12s}
.hdm12-info:hover::after,.hdm12-info:focus::after{opacity:1}

/* ── 1.3.10 : « Modifier » depuis le site (ÉCRAN 467) ── */
.hdm13-mod{position:fixed;inset:0;z-index:2147483000;background:rgba(17,24,39,.55);display:flex;align-items:flex-start;justify-content:center;padding:5vh 12px;overflow:auto}
.hdm13-mod[hidden]{display:none}
.hdm13-mod-f{background:#fff;width:min(760px,100%);border:1px solid #c9cfdb;box-shadow:0 20px 50px rgba(0,0,0,.25);font-family:Arial,Helvetica,sans-serif}
.hdm13-mod-h{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e3e7ef}
.hdm12 .hdm13-mod-h h2,body>.hdm13-mod .hdm13-mod-h h2{margin:0;font:700 calc(18px * var(--hdm-fs,1)) Arial,sans-serif;color:#8224E3}
.hdm13-mod-x{all:unset;cursor:pointer;font-size:calc(24px * var(--hdm-fs,1));line-height:1;color:#566079;padding:0 6px}
.hdm13-mod-x:focus-visible{outline:2px solid #8224E3}
.hdm13-mod-o{display:flex;border-bottom:1px solid #e3e7ef;padding:0 16px}
.hdm13-mod-o button{all:unset;cursor:pointer;padding:10px 14px;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:#566079;border-bottom:3px solid transparent}
.hdm13-mod-o button[aria-selected=true]{color:#0068E8;border-bottom-color:#0068E8}
.hdm13-mod-o button:focus-visible{outline:2px solid #8224E3;outline-offset:-2px}
.hdm13-mod-p{display:grid;gap:10px;padding:14px 16px}
.hdm13-mod-p[hidden]{display:none}
.hdm13-mod-p label{display:grid;gap:4px;font-size:calc(12.5px * var(--hdm-fs,1));font-weight:700;color:#566079}
.hdm13-mod-p input[type=text],.hdm13-mod-p select,.hdm13-mod-p textarea{font:400 calc(14px * var(--hdm-fs,1))/1.5 Arial,sans-serif;color:#1d2433;padding:8px 10px;border:1px solid #b9cdf0;border-radius:0;background:#fff;width:100%;box-sizing:border-box}
.hdm13-mod-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hdm13-mod-photo img{max-width:100%;max-height:220px;display:block}
.hdm13-mod-aide{margin:0;font-size:calc(12.5px * var(--hdm-fs,1));color:#566079}
.hdm13-mod .hdm13-msg{margin:0 16px;min-height:1.2em;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm13-mod-pi{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e3e7ef}
body.hdm13-mod-ouvert{overflow:hidden}
@media (max-width:600px){.hdm13-mod-2{grid-template-columns:1fr}}

/* ── 1.3.11 : plusieurs candidats, co-porteurs (ÉCRAN 469) ── */
.hdm13-choix form{display:grid;gap:6px;margin:0 0 6px}
.hdm13-choix-c{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--trait);padding:8px 10px;font-size:calc(14px * var(--hdm-fs,1));cursor:pointer}
.hdm13-choix-c input{margin:3px 0 0;flex:none}
.hdm13-choix-c small{display:block;color:var(--gris);font-size:calc(12.5px * var(--hdm-fs,1));margin-top:2px}
.hdm13-copo-l{margin:0 0 6px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm13-copo-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:6px;margin:6px 0}
.hdm13-copo-f select,.hdm13-copo-f input{font:400 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:6px 8px;border:1px solid #b9cdf0;border-radius:0;min-width:0}
@media (max-width:600px){.hdm13-copo-f{grid-template-columns:1fr}}

/* 1.3.12 (ÉCRAN 468) — les deux guides en PDF dans le volet « Guide de participation ». Coins carrés. */
.hdm1312-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.hdm1312-guide{display:flex;gap:12px;align-items:flex-start;border:1px solid #e3e7ef;background:#fff;padding:12px;border-radius:0;min-width:0}
.hdm1312-guide img{flex:none;width:84px;height:119px;object-fit:cover;border-radius:0;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.hdm1312-guide b{display:block;font-size:calc(15px * var(--hdm-fs,1));color:#1c2333}
.hdm1312-guide small{display:block;font-size:calc(12px * var(--hdm-fs,1));color:#6B7280;margin:2px 0 6px}
.hdm1312-guide p{font-size:calc(13px * var(--hdm-fs,1));color:#3d3d3d;margin:0 0 8px;line-height:1.45}
.hdm1312-guide.ici{border-left:3px solid #B45309;background:#fdf6ee}
.hdm1312-guide.ici b{color:#B45309}
.hdm1312-guide-b{display:inline-block;padding:5px 12px;border:1px solid #0068E8;color:#0068E8;font-weight:700;font-size:calc(13px * var(--hdm-fs,1));text-decoration:none;border-radius:0;background:#fff}
.hdm1312-guide-b:hover,.hdm1312-guide-b:focus{background:#0068E8;color:#fff}
@media (max-width:900px){.hdm1312-guides{grid-template-columns:1fr}}

/* 1.3.13 (Kad, 16/10, captures : « Couleur du texte » de la page de l'idée reste grise) : sur une page WPBakery / Essentials,
   le thème colore les paragraphes plus fort que la page de l'idée ; les réglages de Personnaliser passent maintenant devant.
   La mise en forme écrite dans « Modifier » (une couleur posée sur un paragraphe ou un mot) passe toujours avant. */
.hdm12 .hdm12-texte :is(p,li,ol,ul,blockquote,dd,dt,td,th,figcaption):not([style*="color"]){color:var(--hdm12-texte-c,var(--texte))!important}
.hdm12 .hdm12-texte :is(h1,h2,h3,h4,h5,h6):not([style*="color"]),.hdm12 .hdm12-h{color:var(--hdm12-inter-c,var(--b))!important}
.hdm12 h1.hdm12-titre,.hdm12 .hdm12-titre{color:var(--hdm12-titre-c,var(--v))!important}

/* 1.3.22 (ÉCRAN 489 ②) : le motif d'un signalement, sur place */
.hdm12-motif{margin:8px 0 4px;border:1px solid #e3e5ec;background:#fff;padding:12px 14px;max-width:520px;font:400 calc(14px * var(--hdm-fs,1))/1.5 Arial,sans-serif;color:#1f2330}
.hdm12-motif fieldset{border:0;margin:0;padding:0}
.hdm12-motif legend{font-weight:700;margin:0 0 6px;padding:0}
.hdm12-motif label{display:block;margin:3px 0;cursor:pointer}
.hdm12-motif input[type=text]{width:100%;box-sizing:border-box;border:1px solid #b9cdf0;border-radius:0;padding:7px 9px;margin-top:6px;font:inherit}
.hdm12-motif p{display:flex;gap:8px;justify-content:flex-end;margin:10px 0 0}
.hdm12-motif button{border:1px solid #cfd6e4;background:#fff;color:#4b5060;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:7px 12px;border-radius:0;cursor:pointer}
.hdm12-motif button.p{background:#0068E8;border-color:#0068E8;color:#fff}
.hdm12-motif button:focus-visible,.hdm12-motif input:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
/* 1.3.27 (ÉCRAN 494 ④ ⑤) : le lieu d'une idée ; l'invitation « à vérifier » (boutons pastel) */
.hdm17-lieu-v{background:#F4F8FF;border:1px solid #cfe0fb;border-radius:0;padding:9px 13px;margin:8px 0;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:#1d2327}
.hdm17-lieu-v .l{color:#6B7280}
.hdm17-lieu-v a{color:#0068E8;font-weight:700;text-decoration:none;margin-left:6px}
.hdm17-lieu-v a:hover{text-decoration:underline}
.hdm17-av .bts{display:inline-flex;flex-wrap:wrap;gap:6px}
.hdm17-av .bts .hdm12-lien{background:#EAF2FF;color:#0068E8;border-radius:6px;padding:5px 11px;font-size:calc(12.5px * var(--hdm-fs,1));border:0}
.hdm17-av .bts .hdm12-lien.rouge{background:#FDEEEE;color:#c92a2a}
.hdm17-av .bts .hdm12-lien:hover{text-decoration:none;filter:brightness(.97)}
@media (max-width:600px){.hdm12-invits .hdm17-av{flex-wrap:wrap}}
/* 1.3.29 : le document visé depuis « Documents » du portefeuille */
.hdm12-doc-vise>td,.hdm12-doc-vise{background:#FFF6D6!important;transition:background .6s}

/* ── 1.3.35 (ÉCRAN 497 B, Kad 18/10, 14 h 17) : Membres — le bandeau pastel du rôle, l'avatar plus grand qui le chevauche,
      les chiffres sans cases, le pied de la couleur du bandeau ; 3 à 6 par ligne ── */
.hdm12-col-fiche .hdm12-cartes-p:has(.hdm12-cm2.v3){grid-template-columns:repeat(var(--hcols,5),minmax(0,1fr));gap:16px}
@media (max-width:1250px){.hdm12-col-fiche .hdm12-cartes-p:has(.hdm12-cm2.v3){grid-template-columns:repeat(min(var(--hcols,5),4),minmax(0,1fr))}}
@media (max-width:1000px){.hdm12-col-fiche .hdm12-cartes-p:has(.hdm12-cm2.v3){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.hdm12-col-fiche .hdm12-cartes-p:has(.hdm12-cm2.v3){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.hdm12-col-fiche .hdm12-cartes-p:has(.hdm12-cm2.v3){grid-template-columns:minmax(0,1fr)}}
.hdm12-cm2.v3{border:1px solid #e6e9f0;border-top-width:1px;align-items:center;text-align:center;overflow:hidden;--cp:color-mix(in srgb,var(--c) 14%,#fff)}
.hdm12-cm2.v3 .hdm12-cm-bd{display:block;align-self:stretch;height:66px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 14%,#fff),color-mix(in srgb,var(--c) 28%,#fff))}
.hdm12-cm2.v3 .hdm12-cm-h{flex-direction:column;align-items:center;gap:10px;padding:0 14px 6px;margin-top:-44px;position:relative;z-index:1}
.hdm12-cm2.v3 .hdm12-cm-h .hdm12-av.grand{width:84px;height:84px;font-size:calc(24px * var(--hdm-fs,1));box-shadow:0 0 0 4px #fff;border:0}
.hdm12-cm2.v3 .hdm12-cm-id{display:flex;flex-direction:column;align-items:center;gap:3px}
.hdm12-cm2.v3 .hdm12-cm-nom{font-size:calc(17px * var(--hdm-fs,1));margin:0}
.hdm12-cm2.v3 .hdm12-cm-role{background:transparent!important;color:var(--c)!important;padding:0;font-size:calc(12.5px * var(--hdm-fs,1));font-weight:700}
.hdm12-cm2.v3 .hdm12-cm-moi{border-radius:9px;border:0}
.hdm12-cm2.v3 .hdm12-cm-tags{justify-content:center;padding:2px 12px 4px}
.hdm12-cm2.v3 .hdm12-tag{border:0;border-radius:10px;background:#F3F5F9;color:#3c4150;padding:3px 10px}
.hdm12-cm2.v3 .hdm12-tag:hover,.hdm12-cm2.v3 .hdm12-tag:focus-visible{background:#EAF2FF;color:#0068E8}
.hdm12-cm2.v3 .hdm12-cm-st{border:0;margin:8px 10px 12px;align-self:stretch}
.hdm12-cm2.v3 .hdm12-cm-st span{border-right:0;padding:2px}
.hdm12-cm2.v3 .hdm12-cm-st span+span{border-left:1px solid #eef0f4}
.hdm12-cm2.v3 .hdm12-cm-st b{font-size:calc(18px * var(--hdm-fs,1))}
.hdm12-cm2.v3 .hdm12-cm-anon{padding:4px 14px 12px}
.hdm12-cm2.v3 .hdm12-cm-pied{align-self:stretch;flex-direction:column;justify-content:center;gap:8px;background:var(--cp);border-top:0;color:#4b5060;padding:10px 12px 12px}
.hdm12-cm2.v3 .hdm12-cm-bts{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.hdm12-cm2.v3 .hdm12-cm-bts .hdm12-cm-prof,.hdm12-cm2.v3 .hdm12-cm-bts .hdm12-cm-ecr{all:unset;cursor:pointer;background:#fff;color:#0068E8;font:700 calc(12.5px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:7px 12px;border-radius:6px;border:0}
.hdm12-cm2.v3 .hdm12-cm-bts .hdm12-cm-prof:hover,.hdm12-cm2.v3 .hdm12-cm-bts .hdm12-cm-ecr:hover{filter:brightness(.97)}
.hdm12-cm2.v3 .hdm12-cm-bts .hdm12-cm-prof:focus-visible,.hdm12-cm2.v3 .hdm12-cm-bts .hdm12-cm-ecr:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm12-cm2.v3>.hdm12-menu-z{right:6px;top:6px}
.hdm12-ncol select{appearance:none;-webkit-appearance:none;height:34px;border:0;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%230068E8'/%3E%3C/svg%3E") no-repeat right 12px center;color:#0068E8;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:0 32px 0 12px;cursor:pointer}
.hdm12-ncol[hidden]{display:none}
.hdm12-vues button svg{display:block}
/* 1.3.35 (ÉCRAN 498 ①) : l'en-tête — les mots en vert, comme HPM ; la valeur en gras foncé */
.hdm12-meta,.hdm12-echelon{color:#0c8560}
.hdm12-meta b{color:var(--texte)}
.hdm12-meta small.n{font-size:inherit;color:var(--gris)}
/* 1.3.35 (ÉCRANS 497 ③ C, 498 ② B) : « Agir » et « Discussion » — le dégradé signature, le titre blanc ; la zone d'écriture bleu clair */
.hdm12-agir,.hdm12-discussion{border-top:1px solid var(--trait)}
.hdm12-agir>.hdm12-col-t,.hdm12-discussion-tete{background:linear-gradient(90deg,#0068E8,#8224E3);color:#fff;border-bottom:0}
.hdm12-discussion-tete .x{color:#fff}
.hdm12-discussion-tete .x:hover{color:#fff;opacity:.85}
.hdm12-discussion-tete .x:focus-visible{outline:2px solid #fff}
.hdm12-ecrire{background:#EEF4FD;border-top:0}
.hdm12-ecrire textarea{background:#fff}
/* 1.3.35 (ÉCRAN 498 ③ B) : la réponse de l'équipe — dégradé pastel, sans liseré ; « Modifier » sur place */
.hdm12 .hdm11-enc.hdm11-rep{border:0;background:linear-gradient(135deg,#EAF2FF,#F4ECFD);padding:16px 18px;margin:0 0 12px}
.hdm12 .hdm11-rep .hdm11-rep-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hdm12 .hdm11-rep .hdm11-rep-h b{color:#0068E8;font-size:calc(15px * var(--hdm-fs,1))}
.hdm12 .hdm11-rep p{margin:8px 0 6px}
.hdm12 .hdm11-rep.vide{padding:12px 18px}
.hdm11-rep-mod{all:unset;cursor:pointer;flex:none;background:#fff;color:#0068E8;font:700 calc(12.5px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:7px 12px;border-radius:6px;border:0}
.hdm11-rep-mod:hover{filter:brightness(.97)}.hdm11-rep-mod:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm11-rep-ed{background:#fff;border:1px solid #cfd9ea;padding:14px;margin:-4px 0 14px}
.hdm11-rep-ed[hidden]{display:none}
.hdm11-rep-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm11-rep-l select{min-width:260px;max-width:100%}
.hdm11-rep-ed textarea{width:100%;min-height:110px;font-size:calc(14.5px * var(--hdm-fs,1))}
.hdm11-rep-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm11-rep-b label{display:inline-flex;align-items:center;gap:6px}
.hdm11-rep-bt{margin-left:auto;display:flex;gap:8px}
.hdm11-rep-an,.hdm11-rep-ok{all:unset;cursor:pointer;font:700 calc(13.5px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:9px 16px;border-radius:6px;border:0}
.hdm11-rep-an{background:#F3F5F9;color:#3c4150}.hdm11-rep-ok{background:#0068E8;color:#fff}
.hdm11-rep-an:focus-visible,.hdm11-rep-ok:focus-visible{outline:2px solid #1f2330;outline-offset:1px}
/* 1.3.35 (ÉCRAN 498 ④) : l'historique en frise */
.hdm12-hist{list-style:none;margin:12px 0 0;padding:0}
.hdm12-hist li{display:grid;grid-template-columns:130px 28px minmax(0,1fr);align-items:center;min-height:44px;position:relative;margin:0}
.hdm12-hist li:before{content:"";position:absolute;left:143px;top:0;bottom:0;width:2px;background:#dfe5ef}
.hdm12-hist li:first-child:before{top:50%}.hdm12-hist li:last-child:before{bottom:50%}.hdm12-hist li:only-child:before{display:none}
.hdm12-hist .dt{justify-self:end;margin-right:6px;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--c);background:color-mix(in srgb,var(--c) 11%,#fff);padding:3px 9px;border-radius:10px;border:0;white-space:nowrap}
.hdm12-hist .pt{width:14px;height:14px;border-radius:50%;background:var(--c);justify-self:center;box-shadow:0 0 0 4px #fff;position:relative;z-index:1}
.hdm12-hist .tx{padding-left:8px;font-size:calc(14px * var(--hdm-fs,1))}
@media (max-width:520px){.hdm12-hist li{grid-template-columns:96px 24px minmax(0,1fr)}.hdm12-hist li:before{left:107px}}
/* 1.3.35 : Grille / Liste en icônes, blancs au texte bleu, le choix inversé (comme le portefeuille) */
.hdm12-vues{border:0;background:transparent;gap:4px}
.hdm12-vues button{background:#fff;border:0;border-radius:6px;width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}
/* 1.3.35 (ÉCRAN 499 ① A) : Documentation — la recherche plus grande avec sa loupe ; les volets sans bordure, centrés, le choix en bleu plein arrondi */
.hdm12-qdoc{display:flex;align-items:stretch;flex:0 1 380px;min-width:220px;height:40px;background:#fff;border:1px solid #cfd6e4}
.hdm12-qdoc>svg{flex:none;align-self:center;margin:0 0 0 12px;color:#6B7280}
.hdm12 .hdm12-qdoc .hdm12-outils-ch{flex:1;min-width:0;border:0;min-height:0;height:100%;background:transparent;padding:0 10px}
.hdm12-qdoc .go{all:unset;cursor:pointer;flex:none;width:42px;display:flex;align-items:center;justify-content:center;background:#0068E8;color:#fff}
.hdm12-qdoc .go:focus-visible{outline:2px solid #1f2330;outline-offset:-3px}
.hdm12-docu .hdm12-volets{border:0;background:#fff;padding:4px;border-radius:22px;gap:4px;margin:0 auto}
.hdm12-docu .hdm12-volets button{border:0;border-right:0;border-radius:18px;padding:8px 16px;display:inline-flex;align-items:center;gap:6px}
.hdm12-docu .hdm12-volets button i{border:0;border-radius:9px;padding:1px 7px;margin:0}
.hdm12-docu .hdm12-volets button[aria-selected=true] i{background:rgba(255,255,255,.25);color:#fff}
@media (max-width:900px){.hdm12-docu .hdm12-volets{margin:0}.hdm12-qdoc{flex:1 1 100%}}
/* 1.3.35 (ÉCRAN 499 ②) : les cartes des guides — grande couverture, le bouton nommé en bleu plein ; l'étape en orange pastel */
.hdm1312-guide{padding:16px;gap:16px;border-color:#e6e9f0}
.hdm1312-guide img{width:140px;height:198px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.hdm1312-guide b{font-size:calc(17px * var(--hdm-fs,1));color:#0a3d8f;margin:0 0 2px}
.hdm1312-guide p{font-size:calc(14px * var(--hdm-fs,1));margin:0 0 12px}
.hdm1312-guide-b{border:0;border-radius:6px;background:#0068E8;color:#fff!important;padding:9px 16px;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm1312-guide-b:hover,.hdm1312-guide-b:focus{background:#0057c4;color:#fff}
.hdm1312-guide.ici{border:0;background:#FDF1E6;padding:16px}
.hdm1312-guide.ici b{font-size:calc(16px * var(--hdm-fs,1))}
.hdm1312-guide.ici .hdm1312-guide-b{background:#B45309}
.hdm1312-guide.ici .hdm1312-guide-b:hover,.hdm1312-guide.ici .hdm1312-guide-b:focus{background:#954407}
@media (max-width:520px){.hdm1312-guide img{width:96px;height:136px}}
/* 1.3.35 (ÉCRAN 499 ③, Kad : « l'inverse ») : les notes — en grille (3 à 6) ou en liste ; le pied en couleur pleine, sans filet au-dessus */
.hdm12-notes-b{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.hdm12-notes-b .hdm12-vues button,.hdm12-notes-b .hdm12-ncol select{background:#EAF2FF}
.hdm12-notes-b .hdm12-vues button[aria-pressed=true]{background:#0068E8}
.hdm12-notes[data-vue=grille]{display:grid;grid-template-columns:repeat(var(--ncols,3),minmax(0,1fr));gap:16px}
.hdm12-notes[data-vue=liste]{display:flex;flex-direction:column;gap:10px}
@media (max-width:1000px){.hdm12-notes[data-vue=grille]{grid-template-columns:repeat(min(var(--ncols,3),3),minmax(0,1fr))}}
@media (max-width:760px){.hdm12-notes[data-vue=grille]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.hdm12-notes[data-vue=grille]{grid-template-columns:minmax(0,1fr)}}
.hdm12-note.v3{--n:#B45309;border:1px solid #e6e9f0;border-left-width:1px;padding:0;margin:0;display:flex;flex-direction:column;min-width:0}
.hdm12-note.v3.conf{--n:#4b5563;background:#fff}
.hdm12-note.v3[hidden]{display:none}
.hdm12-note.v3 .hdm12-note-h{padding:14px 14px 0;align-items:center}
.hdm12-note.v3 .hdm12-note-h b{font-size:calc(16px * var(--hdm-fs,1))}
.hdm12-note.v3 .hdm12-note-c{background:#EEF0F4;color:#4b5563;border-radius:10px;border:0;padding:2px 8px}
.hdm12-note.v3 .hdm12-note-x{padding:6px 14px 12px;flex:1;font-size:calc(14px * var(--hdm-fs,1));color:#3c4150;overflow-wrap:anywhere}
.hdm12-note.v3 .hdm12-note-x p{margin:0 0 6px}
.hdm12-note-p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--n);color:#fff;padding:9px 14px;font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm12-note-p .hdm12-av{box-shadow:0 0 0 2px rgba(255,255,255,.7)}
.hdm12-note-p .a{margin-left:auto;display:flex;gap:6px}
.hdm12-note-p .a .hdm12-lien{all:unset;cursor:pointer;background:#fff;color:var(--n);font:700 calc(12.5px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:6px 10px;border-radius:6px;border:0}
.hdm12-note-p .a .hdm12-lien.rouge{color:#c92a2a}
.hdm12-note-p .a .hdm12-lien:focus-visible{outline:2px solid #fff;outline-offset:1px}
.hdm12-note.v3 .hdm12-note-f{padding:12px 14px;border-top:1px solid #eef0f4}
.hdm12-notes[data-vue=liste] .hdm12-note.v3{display:grid;grid-template-columns:minmax(0,1fr);}
.hdm1312-guides{grid-template-columns:minmax(0,1.35fr) minmax(0,1.35fr) minmax(0,1fr);gap:14px}
@media (max-width:1400px){.hdm1312-guide img{width:110px;height:156px}}
@media (max-width:900px){.hdm1312-guides{grid-template-columns:1fr}}

/* ── 1.3.36 (ÉCRAN 500, Kad 18/10, 15 h 58) ── */
/* 25 px entre la barre, les panneaux, la zone de dépôt et les cartes (Membres, Documents, Documentation) */
.hdm12-panneau .hdm12-outils,.hdm12-docu .hdm12-outils{margin:0 0 25px}
.hdm12-panneau .hdm12-pleins{margin:0 0 25px}
.hdm12-panneau .hdm12-glisser{margin:0 0 25px}
.hdm12-panneau .hdm12-dem,.hdm12-panneau .hdm12-invits{margin-bottom:25px}
/* Documents : les cartes sur le pastel de leur rubrique ; la rubrique en pastille blanche ; les marques arrondies */
.hdm12-cartes-d,.hdm12-cartes:has(.hdm12-cd.v3){gap:16px}
.hdm12-cd.v3{background:color-mix(in srgb,var(--c) 7%,#fff);border:1px solid color-mix(in srgb,var(--c) 18%,#fff)}
.hdm12-cd.v3 .hdm12-cd-vg{height:132px;background:color-mix(in srgb,var(--c) 16%,#fff);overflow:hidden}
.hdm12-cd.v3 .hdm12-cd-fond.page{background:color-mix(in srgb,var(--c) 16%,#fff)!important;padding:14px 0 0}
.hdm12-cd.v3 .hdm12-cd-fond.page img{width:62%;transform:rotate(-2deg)}
.hdm12-cd.v3 .hdm12-cd-vis{border-radius:10px;border:0;padding:2px 8px}
.hdm12-cd.v3 .hdm12-cd-bd{padding:12px 14px;gap:8px}
.hdm12-cd.v3 .hdm12-cd-t{color:#0a3d8f;font-size:calc(15.5px * var(--hdm-fs,1))}
.hdm12-cd.v3 .hdm12-rub{background:#fff!important;color:var(--c);border-radius:10px;border:0;padding:3px 9px;font-size:calc(11.5px * var(--hdm-fs,1))}
.hdm12-cd.v3 .hdm12-cd-pd{background:color-mix(in srgb,var(--c) 13%,#fff);border-top:0;color:#3c4150;padding:9px 14px}
.hdm12-cd.v3 .hdm12-points{background:#fff;border:0;border-radius:6px}
/* Documentation : les outils des Notes dans la barre ; « + » en icône avec sa bulle ; les notes plus hautes, le titre bleu */
.hdm12-outils-notes{display:inline-flex;align-items:center;gap:6px}
.hdm12-outils-notes[hidden]{display:none}
.hdm12-plus{all:unset;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#0068E8;color:#fff;border-radius:6px;border:0}
.hdm12-plus:hover{background:#0057c4}.hdm12-plus:focus-visible{outline:2px solid #1f2330;outline-offset:1px}
.hdm12 [data-bulle]{position:relative}
.hdm12 [data-bulle]:hover::after,.hdm12 [data-bulle]:focus-visible::after{content:attr(data-bulle);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);background:#1f2330;color:#fff;font:400 calc(12px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:4px 8px;white-space:nowrap;z-index:30;pointer-events:none;border:0}
.hdm12-docu .hdm12-volet>.hdm12-volet-t{margin-top:0}
.hdm12-note.v3{min-height:190px}
.hdm12-note.v3 .hdm12-note-h{padding:16px 16px 0}
.hdm12-note.v3 .hdm12-note-h b{color:#0068E8;font-size:calc(16.5px * var(--hdm-fs,1))}
.hdm12-note.v3 .hdm12-note-x{padding:10px 16px 16px;line-height:1.55}
.hdm12-note.v3 .hdm12-note-p{padding:10px 16px}
.hdm12-notes[data-vue=liste] .hdm12-note.v3{min-height:0}
/* Cadrer la photo (ÉCRAN 500 ③) */
.hdm12-cadre{position:relative;flex:none}
.hdm12-cadre .hdm12-photo{height:330px}
.hdm12-cadre.entiere .hdm12-photo{height:auto;max-height:none;object-fit:contain}
.hdm12-cadre-b{all:unset;cursor:pointer;position:absolute;right:12px;top:12px;background:rgba(255,255,255,.94);color:#0068E8;font:700 calc(13px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:8px 12px;border-radius:6px;border:0;opacity:0;transition:opacity .2s}
.hdm12-cadre:hover .hdm12-cadre-b,.hdm12-cadre-b:focus-visible{opacity:1}
.hdm12-cadre-b:focus-visible{outline:2px solid #0068E8;outline-offset:2px}
.hdm12-cadre-b[hidden]{display:none}
.hdm12-cadre-aide{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;background:rgba(31,35,48,.72);color:#fff;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;padding:8px 14px;pointer-events:none;border:0}
.hdm12-cadre.cadrer .hdm12-cadre-aide{display:block}
.hdm12-cadre.cadrer .hdm12-photo{cursor:grab;outline:3px solid #0068E8;outline-offset:-3px;touch-action:none}
.hdm12-cadre.cadrer .hdm12-photo:active{cursor:grabbing}
.hdm12-cadre-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#fff;border:1px solid #cfd9ea;border-top:0;padding:10px 12px;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm12-cadre-ctl[hidden]{display:none}
.hdm12-cadre-pr{display:inline-flex;gap:4px;background:#EEF4FD;padding:4px;border-radius:20px;border:0}
.hdm12-cadre-pr button{all:unset;cursor:pointer;padding:6px 12px;border-radius:16px;border:0;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#0068E8}
.hdm12-cadre-pr button[aria-pressed=true]{background:#0068E8;color:#fff}
.hdm12-cadre-pr button:focus-visible{outline:2px solid #1f2330}
.hdm12-cadre-libre{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#3c4150}
.hdm12-cadre-libre input{width:160px}
.hdm12-cadre-libre output{font-weight:400;min-width:52px}
.hdm12-cadre-bt{margin-left:auto;display:flex;gap:8px}
.hdm12-cadre-bt button{all:unset;cursor:pointer;font:700 calc(13.5px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:9px 14px;border-radius:6px;border:0}
.hdm12-cadre-bt .an{background:#F3F5F9;color:#3c4150}.hdm12-cadre-bt .ok{background:#0068E8;color:#fff}
.hdm12-cadre-bt button:focus-visible{outline:2px solid #1f2330;outline-offset:1px}
.hdm12-cadre-ctl .hdm12-etat{flex-basis:100%;margin:0}
@media (max-width:760px){.hdm12-cadre .hdm12-photo{max-height:60vh}.hdm12-cadre-b{opacity:1}}
/* 1.3.36 (ÉCRAN 501 ② A, Kad : « le même dessin pour les Membres ») : le haut de la carte en couleur pleine du rôle */
.hdm12-cm2.v4 .hdm12-cm-bd{display:none}
.hdm12-cm2.v4 .hdm12-cm-h{align-self:stretch;margin:0;padding:20px 12px 16px;background:var(--c);color:#fff;gap:8px}
.hdm12-cm2.v4 .hdm12-cm-h .hdm12-av.grand{width:72px;height:72px;font-size:calc(22px * var(--hdm-fs,1));background:rgba(255,255,255,.22)!important;box-shadow:0 0 0 3px rgba(255,255,255,.6)}
.hdm12-cm2.v4 .hdm12-cm-h .hdm12-av.grand img{border-radius:50%}
.hdm12-cm2.v4 .hdm12-cm-nom{color:#fff}
.hdm12-cm2.v4 .hdm12-cm-role{background:rgba(255,255,255,.22)!important;color:#fff!important;padding:3px 10px;border-radius:10px;border:0;font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-cm2.v4 .hdm12-cm-moi{background:#fff;color:var(--c)}
.hdm12-cm2.v4 .hdm12-cm-tags{padding-top:12px}
.hdm12-cm2.v4 .hdm12-cm-anon{padding-top:12px}
.hdm12-cm2.v4 .hdm12-cm-pied{background:color-mix(in srgb,var(--c) 10%,#fff)}

/* ── 1.3.37 (Kad, 18/10, 18 h 21) — « Modifier » à droite de la ligne du parcours, comme HPM ; l'éditeur de texte ── */
.hdm12-pres-l{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px}
.hdm12 .hdm12-texte .hdm12-pres-l>.hdm12-h{margin:0;min-width:0}
.hdm12-pres-l .hdm13-mod-b{flex:none;white-space:nowrap;font-size:calc(14px * var(--hdm-fs,1));padding:5px 12px}
.hdm13-mod-c{display:grid;gap:4px;min-width:0}
.hdm13-mod-c>label{font-size:calc(12.5px * var(--hdm-fs,1));font-weight:700;color:#566079}
.hdm13-mod-c .wp-editor-wrap{border:0;margin:0}
.hdm13-mod-c .wp-editor-container{border:1px solid #b9cdf0}
.hdm13-mod-c .mce-toolbar-grp{background:#f9fafb;border-bottom:1px solid #e3e7ef}
.hdm13-mod-c .mce-panel{background:#fff}
.hdm-ed-style{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#f9fafb;border:1px solid #b9cdf0;border-bottom:0;padding:6px 8px;position:relative}
.hdm13-mod-p .hdm-ed-style select{height:30px;width:auto;border:1px solid #cfd3de;border-radius:0;background:#fff;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2937;padding:0 6px}
.hdm13-mod-p .hdm-ed-style [data-ed-bloc],.hdm13-mod-p .hdm-ed-style [data-ed-police]{width:120px}
.hdm13-mod-p .hdm-ed-style [data-ed-taille]{width:88px}
.hdm-ed-style .gr{position:relative}
.hdm-ed-style .ou{all:unset;cursor:pointer;height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;background:#fff;border:1px solid #cfd3de;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2937;box-sizing:border-box}
.hdm-ed-style .ou:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm-ed-style .ou .a{font-weight:700;text-decoration:underline;text-decoration-thickness:3px}
.hdm-ed-style .ou .a.s{background:#FFF3B0;text-decoration:none;padding:0 3px}
.hdm-ed-style .ou i{display:inline-block;width:12px;height:12px;background:#1f2937}
.hdm-ed-style .pal{position:absolute;left:0;top:34px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:220px;background:#fff;border:1px solid #cfd3de;box-shadow:0 6px 18px rgba(0,0,0,.14);padding:8px}
.hdm-ed-style .pal.lien{width:300px;flex-wrap:nowrap}
.hdm-ed-style .pal[hidden]{display:none}
.hdm-ed-style .pt{all:unset;cursor:pointer;width:22px;height:22px;border:1px solid rgba(0,0,0,.15)}
.hdm-ed-style .pt:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm-ed-style .autre{display:inline-flex;align-items:center;gap:6px;font:calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2937}
.hdm-ed-style .autre input{width:34px;height:24px;padding:0;border:1px solid #cfd3de;background:#fff}
.hdm13-mod-p .hdm-ed-style [data-ed-url]{flex:1 1 auto;min-width:0;height:30px;padding:0 8px;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;border:1px solid #cfd3de;border-radius:0}
.hdm-ed-style .ok{all:unset;cursor:pointer;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#fff;background:#0068E8;padding:6px 10px;border:0;border-radius:6px}
.hdm-ed-style .sans{all:unset;cursor:pointer;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#c92a2a;padding:4px 6px}
.hdm-ed-style .ok:focus-visible,.hdm-ed-style .sans:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
/* 1.3.38 (Kad, 18/10, 22 h 33) : à partir de deux sondages, ils défilent dans Agir (hauteur ajustée par hdm-fiche.js) */
.hdm12-so-defile{max-height:560px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-bottom:1px solid #e3e7ef}
.hdm12-so-defile:focus-visible{outline:2px solid #0068E8;outline-offset:-2px}
/* 1.3.39 (Kad, 19/10, 1 h 26) — Documentation, la barre des notes : Grille et Liste un peu écartées ; « 3 par ligne » à la
   même hauteur que les autres (34 px, centré) ; la barre de droite centrée verticalement. */
.hdm12-outils-d{align-items:center}
.hdm12-outils-notes{gap:8px}
.hdm12-outils-notes .hdm12-vues{display:inline-flex;gap:6px}
.hdm12 .hdm12-outils .hdm12-ncol{display:inline-flex;align-items:center;margin:0;padding:0;line-height:1}
.hdm12 .hdm12-outils .hdm12-ncol select{height:34px!important;min-height:34px;padding-top:0;padding-bottom:0;line-height:34px;margin:0;box-sizing:border-box;vertical-align:middle}

/* ── 1.3.51 (ÉCRAN 557, Kad 25/10) : plus d'onglet « Privé » ; le fil « Membres » de la discussion =
      « Mes conversations », puis les membres (« @ », « Écrire ») ; chaque bloc se plie, défile s'il est long. ── */
.hdm12-prive{padding:0;overflow:visible;display:flex;flex-direction:column;flex:1;min-height:0}
.hdm12-pm-liste{padding:6px 0 10px}
.hdm12-pm-liste[hidden],.hdm12-pm-conv[hidden],.hdm12-pm-new[hidden]{display:none}
.hdm12-pm-bloc{border-bottom:1px solid var(--trait,#e4e7ee)}
.hdm12-pm-bloc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:9px 12px;background:#fafbfd;font:700 calc(11.5px * var(--hdm-fs,1)) Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#4B5563}
.hdm12-pm-bloc>summary::-webkit-details-marker{display:none}
.hdm12-pm-bloc>summary::after{content:"";margin-left:auto;width:7px;height:7px;border-right:2px solid #0068E8;border-bottom:2px solid #0068E8;transform:rotate(45deg);margin-top:-4px}
.hdm12-pm-bloc:not([open])>summary::after{transform:rotate(-45deg);margin-top:0}
.hdm12-pm-bloc>summary:focus-visible{outline:2px solid #8224E3;outline-offset:-2px}
.hdm12-pm-bloc>summary i{font-style:normal;background:#EAF2FF;color:#0068E8;padding:1px 6px;font-size:calc(11px * var(--hdm-fs,1));letter-spacing:0}
.hdm12-pm-defile{max-height:420px;overflow-y:auto;scrollbar-width:thin}
[data-hdm12-pm-bloc=convs] .hdm12-pm-defile{max-height:240px}
.hdm12-pm-liste .hdm12-pm-c{border:0;border-bottom:1px solid #f1f2f6;margin:0;padding:9px 12px}
.hdm12-pm-liste .hdm12-pm-c:hover,.hdm12-pm-liste .hdm12-pm-c:focus-visible{background:#EEF4FD;outline:none}
.hdm12-pm-liste .hdm12-pm-c.nonlu{border-left:3px solid #9B1C4F;background:#FBF2F6}
.hdm12-pm-qd{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none}
.hdm12-pm-qd small{color:var(--gris);font-size:calc(11.5px * var(--hdm-fs,1));white-space:nowrap}
.hdm12-pm-qd .hdm12-pm-nl{background:#9B1C4F;color:#fff;border:0;border-radius:9px;padding:1px 7px;font-size:calc(11px * var(--hdm-fs,1))}
.hdm12-pm-cherche{padding:8px 12px 4px}
.hdm12-pm-cherche input{width:100%;box-sizing:border-box;height:34px;border:1px solid #cfd6e4;padding:0 10px;font:inherit}
.hdm12-pm-mb{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f1f2f6;font-size:calc(14px * var(--hdm-fs,1))}
.hdm12-pm-mb[hidden]{display:none}
.hdm12-pm-mb.clic{cursor:pointer}
.hdm12-pm-mb.clic:hover{background:#EEF4FD}
.hdm12-pm-mb small{display:block;color:var(--gris);font-size:calc(12px * var(--hdm-fs,1))}
.hdm12-pm-act{display:flex;gap:6px;flex:none;align-items:center}
.hdm12-pm-at,.hdm12-pm-ec{all:unset;cursor:pointer;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;background:#EAF2FF;color:#0068E8;border:0;border-radius:6px;box-sizing:border-box}
.hdm12-pm-at{padding:0;width:28px}
.hdm12-pm-at:hover,.hdm12-pm-ec:hover,.hdm12-pm-at:focus-visible,.hdm12-pm-ec:focus-visible{background:#0068E8;color:#fff;border:0}
.hdm12-pm-off{font-size:calc(11.5px * var(--hdm-fs,1));color:#6B7280;background:#F1F2F6;padding:5px 8px;border:0;border-radius:6px}
.hdm12-pm-liste>.hdm12-droite{padding:10px 12px 0}
.hdm12-pm-liste .hdm12-pm-reg{margin:12px 12px 0}
.hdm12-pm-liste .hdm12-pm-conf{margin:8px 12px 0}
.hdm12-pm-conv,.hdm12-pm-new{display:flex;flex-direction:column;flex:1;min-height:0}
.hdm12-pm-new{padding:0 12px 10px}
.hdm12-pm-tete{background:#EAF2FF;border-bottom:1px solid #dbe6f7;padding:8px 12px;margin:0;flex:none}
.hdm12-pm-new .hdm12-pm-tete{margin:0 -12px 10px}
.hdm12-pm-tete .hdm12-lien{font-weight:700}
.hdm12-pm-conv .hdm12-pm-fil{flex:1;max-height:none;min-height:160px;padding:10px 12px;background:#fafbfd}
.hdm12-pm-conv .hdm12-pm-ecrire{background:#EAF2FF;border-top:1px solid #dbe6f7;margin:0;padding:10px 12px;flex:none}
.hdm12-pm-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.hdm12-pm-bas small{color:#4B5563;font-size:calc(11.5px * var(--hdm-fs,1))}
.hdm12-pm-bas2{margin-top:6px;font-size:calc(12px * var(--hdm-fs,1))}

/* ── 1.3.52 (ÉCRAN 558, Kad 25/10) : le panneau « Agir » se replie, chevron à droite comme la Discussion ── */
.hdm12-agir{display:flex;flex-direction:column}
.hdm12-agir-in{display:flex;flex-direction:column;flex:1;min-height:0}
.hdm12-agir>.hdm12-agir-in>.hdm12-col-t{position:relative;background:linear-gradient(90deg,#0068E8,#8224E3);color:#fff;border-bottom:0}
.hdm12-agir .hdm12-col-t .x{all:unset;position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;font-size:calc(17px * var(--hdm-fs,1));padding:2px 6px;display:flex}
.hdm12-agir .hdm12-col-t .x:hover{opacity:.85}
.hdm12-agir .hdm12-col-t .x:focus-visible{outline:2px solid #fff}
.hdm12-agir-rail{display:none}
@media (min-width:1201px){
  .hdm12-fiche.agir-fermee:not(.hors-pres):not(.hdm12-consult) .hdm12-corps{grid-template-columns:minmax(0,2.9fr) 46px minmax(300px,1.05fr)}
  .hdm12-fiche.agir-fermee.discussion-fermee:not(.hors-pres):not(.hdm12-consult) .hdm12-corps{grid-template-columns:minmax(0,1fr) 46px 46px}
  .hdm12-fiche.agir-fermee .hdm12-agir-in{display:none}
  .hdm12-fiche.agir-fermee .hdm12-agir{background:#fff;border:1px solid var(--trait)}
  .hdm12-fiche.agir-fermee .hdm12-agir-rail{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 0;cursor:pointer;color:var(--v);font-weight:700;font-size:calc(15px * var(--hdm-fs,1));position:sticky;top:20px}
  .hdm12-agir-rail .v{writing-mode:vertical-rl;transform:rotate(180deg)}
  .hdm12-agir-rail:hover{background:var(--vpale)}
  .hdm12-agir-rail:focus-visible{outline:2px solid var(--v);outline-offset:-2px}
}
@media (max-width:1200px){
  .hdm12-fiche.agir-fermee .hdm12-agir-in>:not(.hdm12-col-t){display:none}
  .hdm12-agir .hdm12-col-t .x svg{transform:rotate(-90deg)}
  .hdm12-fiche.agir-fermee .hdm12-agir .hdm12-col-t .x svg{transform:rotate(90deg)}
}
/* 1.3.53 (Kad, 25/10, 20 h 09 : « même hauteur ») : les bandeaux « Agir » et « Discussion » ont exactement la même hauteur. */
.hdm12-agir .hdm12-col-t,.hdm12-discussion-tete{box-sizing:border-box;min-height:calc(42px * var(--hdm-fs,1));height:calc(42px * var(--hdm-fs,1));padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:center}
/* 1.3.65 (Kad, 11/11 : « chevron trop collé au bord ») : les listes d'HDM ont le même chevron qu'HPM, à 12 px du bord. Les
   listes qui ont déjà leur chevron dessiné (choix des colonnes) ne changent pas. */
:is(.hdm12,.hdm13-mod,.hdm16,.hdm11,.hdm-board,.hdm20,.hdm-bd) select:not([multiple]):not([size]):not(.hdm-sans-chevron),.hdm12-so-form select{-webkit-appearance:none!important;appearance:none!important;padding-right:36px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23566079' stroke-width='1.6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:11px 7px!important}
.hdm13-mod-p .hdm-ed-style select{padding-right:26px!important;background-position:right 8px center!important;width:auto!important;min-width:112px}
.hdm13-mod-p .hdm-ed-style [data-ed-bloc]{min-width:132px}
.hdm12 .hdm12-outils .hdm12-ncol select,.hdm12-ncol select{padding-right:22px!important;background-position:right 7px center!important}
/* 1.3.67 (ÉCRAN 597) : la hauteur « Libre » du bandeau dans la fenêtre « Modifier » */
.hdm13-mod .hdm-bdh-libre{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm13-mod .hdm-bdh-libre[hidden]{display:none}
.hdm13-mod .hdm-bdh-libre input{width:110px;min-height:38px;border:1px solid #c3c4c7;border-radius:0;padding:6px 8px;font:calc(15px * var(--hdm-fs,1)) Arial,sans-serif;box-sizing:border-box}
/* 1.3.68 (Kad, 11/11, 11 h 50 : « la même taille que sur HPM ») : la fenêtre « Modifier l'idée » comme « Modifier le projet »
   d'HPM — 1 040 px de large au plus, en-tête en dégradé bleu → violet (titre et × en blanc), pied gris clair, mêmes marges. */
.hdm13-mod{background:rgba(25,20,50,.42);padding:70px 16px 16px}
.hdm13-mod-f{width:100%;max-width:1040px;border:0;box-shadow:0 20px 60px rgba(10,10,40,.35)}
.hdm13-mod-h{background:linear-gradient(90deg,#0068E8,#8224E3);padding:13px 20px;border-bottom:0}
.hdm12 .hdm13-mod-h h2,body>.hdm13-mod .hdm13-mod-h h2{color:#fff;font-size:calc(17px * var(--hdm-fs,1))}
.hdm13-mod-x{color:#fff;font-size:calc(18px * var(--hdm-fs,1));padding:2px 6px}
.hdm13-mod-x:focus-visible{outline:2px solid #fff}
.hdm13-mod-o{padding:0 20px}
.hdm13-mod-p{padding:16px 20px}
.hdm13-mod .hdm13-msg{margin:0 20px}
.hdm13-mod-pi{padding:12px 20px;background:#fafbfd}
@media (min-width:900px){.hdm13-mod-2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.hdm13-mod{padding:0}.hdm13-mod-f{max-width:none;min-height:100%}}
.hdm13-mod-h{min-height:56px;box-sizing:border-box}