/* Black Bond, lot D2 (fichier 2/2 à charger) : pages spécifiques de la maquette v12 (présentation, aide, communauté,
   app, coaching, IA & contenus, mon compte, pages d'outil, carte de membre, crédits). Dépend de bb-global.css et de
   bb-maquette.css (jetons --bbm-*, keyframes bbm*). Mêmes règles : sélecteurs sous body.bb-m, classes renommées (README-D2.md). */
.bb-m .bb-ps.bb-alt{border-top:0}
.bb-m :is(.bb-pres4,.bb-pres5,.bb-c7-head) .bb-ariane{color:var(--bb-attenue-sombre)}
.bb-m :is(.bb-pres4,.bb-pres5,.bb-c7-head) .bb-ariane a{border-color:var(--bb-filet-sombre)}
.bb-m .bb-oc .bb-pf{margin-top:8px;padding-top:14px;border-top:1px solid var(--bb-filet)}
.bb-m .bb-a7-wait .bb-pf{background:var(--bb-papier);border-radius:14px;padding:24px;box-shadow:0 12px 30px -18px rgba(36,30,26,.35)}
.bb-m .bb-une-grid.bb-une7 .bb-card.bb-big .bbm-seam{display:none}
.bb-m .bb-c7-dark .bb-retour9-line,.bb-m .bb-c7-dark .bb-retour9-line a{color:inherit}
.bb-m .bb-card7{padding-block:clamp(8px,2vw,24px) clamp(24px,3vw,40px)}
.bb-m .bb-card9{padding-block:clamp(24px,4vw,48px)}
.bb-m .bb-card9-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center}
.bb-m .bb-card9-f{position:relative;aspect-ratio:85.6/54;max-width:440px;border-radius:16px;background:linear-gradient(150deg,#3A322C,#241E1A 60%);color:var(--bb-bone);padding:clamp(18px,3vw,28px);display:grid;align-content:start;gap:4px;box-shadow:var(--bb-ombre-lg);overflow:hidden}
.bb-m .bb-card9-l{font:700 15px var(--bb-fd);letter-spacing:.18em}
.bb-m .bb-card9-p{font:600 12px var(--bb-fd);letter-spacing:.2em;color:var(--bb-argile-clair)}
.bb-m .bb-card9-m{margin-top:auto;font:600 11px var(--bb-fd);letter-spacing:.24em;color:var(--bb-attenue-sombre);padding-top:18%}
.bb-m .bb-card9-n{font:600 clamp(18px,2vw,24px) var(--bb-fd)}
.bb-m .bb-card9-s{font:italic 400 13px var(--bb-fb);color:var(--bb-attenue-sombre)}
.bb-m .bb-card9-f svg{position:absolute;right:-6px;top:38%;width:62%;opacity:.8}
.bb-m .bb-card9-f path{fill:none;stroke:var(--bb-argile);stroke-width:2.2;stroke-linecap:round}
.bb-m .bb-card9-list{margin:14px 0;padding-left:20px;display:grid;gap:6px}
.bb-m .bb-card9-note{font-size:14.5px;color:var(--bb-attenue)}
/* === D2 20 OUTILS : PAGES ET CARTES (l'outil lui-même vient de l'extension) === */
.bb-m .bb-mod-head{padding-block:clamp(40px,6vw,80px) 10px}
.bb-m .bb-mod-head .bb-chapo{max-width:62ch}
.bb-m .bb-mod-head .bb-page-t{font-size:clamp(30px,1rem + 3vw,68px)}
.bb-m .bb-mod-body{padding-block:20px clamp(64px,8vw,110px)}
.bb-m .bb-mod-wip{max-width:620px;padding:32px;border-radius:14px;background:var(--bb-lin)}
.bb-m .bb-mod-wip svg{width:100%;max-width:360px;height:auto}
.bb-m .bb-mod-wip path{fill:none;stroke:var(--bb-argile);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:bbmDrawFrom 2s var(--bb-ease) forwards}
.bb-m .bb-mod-wip h2{font:600 26px var(--bb-fd);margin:10px 0 8px}
.bb-m .bb-mod-wip p{color:var(--bb-attenue-2);margin:0}
.bb-m .bb-mod-wip a{text-decoration:underline}
.bb-m .bb-cm7-after{display:grid;gap:16px;margin-top:28px}
.bb-m .bb-tools7{padding-block:clamp(40px,5vw,72px) clamp(8px,2vw,24px)}
.bb-m .bb-tools7-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;margin-bottom:24px}
.bb-m .bb-tools7-head .bb-surtitre{margin-bottom:8px}
.bb-m .bb-tools7-head h2,.bb-m .bb-tools7-head .bb-cat4-h2{margin:0}
.bb-m .bb-tools7-l{color:var(--bb-attenue);font-size:15px;max-width:52ch;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.bb-m .bb-tools7-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:22px}
.bb-m .bb-tools7-grid .bb-tool7{display:flex;flex-direction:column}
.bb-m .bb-tools7-grid .bb-tool7 .bb-tc-body{display:flex;flex-direction:column;flex:1}
.bb-m .bb-tools7-grid .bb-tool7 .bb-meta{margin-top:auto}
.bb-m .bb-tool7 .bbm-card-top{aspect-ratio:16/7!important}
.bb-m .bb-tool7-ico{position:absolute;right:14px;bottom:12px;z-index:2;width:52px;height:52px;border-radius:50%;background:var(--bb-papier);display:grid;place-items:center;box-shadow:0 6px 16px -8px rgba(36,30,26,.45)}
.bb-m .bb-tool7-ico svg{width:28px;height:28px;fill:none;stroke:var(--bb-encre);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bb-m .bb-tool7 .bb-tc-pil{font-size:16px}
.bb-m .bb-tool7 h3{font-size:19px}
.bb-m .bb-tool7 .bb-tc-body p{-webkit-line-clamp:4}
.bb-m .bb-tools7-sec{padding-block:clamp(32px,4vw,56px)}
.bb-m .bb-tools7-sec+.bb-tools7-sec{border-top:1px solid var(--bb-filet)}
.bb-m .bb-tools7-sec h2{font:600 clamp(24px,2.6vw,34px)/1.15 var(--bb-fd);letter-spacing:-.02em}
.bb-m .bb-cred11{padding-block:0 32px;color:var(--bb-attenue)}
.bb-m .bb-credits{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.bb-m .bb-credits li{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;padding:12px;border:1px solid var(--bb-filet);border-radius:12px;background:#fff}
.bb-m .bb-cr-img{border-radius:8px;overflow:hidden;aspect-ratio:3/2;display:block}
.bb-m .bb-cr-img img{width:100%;height:100%;object-fit:cover}
.bb-m .bb-credits b{font:600 15px var(--bb-fd)}
.bb-m .bb-credits p{font-size:14px;color:var(--bb-attenue-2);margin-top:4px}
.bb-m .bb-credits a{text-decoration:underline}
.bb-m .bb-credits small{font-size:12px;color:var(--bb-attenue)}
/* === D2 22 PAGES DE PRESENTATION (en-têtes v4/v5, sections ps-*, cartes oc, réseaux, crédits) === */
.bb-m .bb-pres4{background:var(--bb-encre);color:var(--bb-bone);overflow:hidden}
.bb-m .bb-pres4-grid{display:grid;grid-template-columns:1fr minmax(0,540px);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(48px,7vw,96px)}
.bb-m .bb-pres4 .bb-st,.bb-m .bb-pres5 .bb-st{margin-bottom:14px}
.bb-m .bb-pres4 h1{font:600 clamp(38px,5vw,66px)/1.04 var(--bb-fd);letter-spacing:-.03em;color:inherit}
.bb-m .bb-pres4-acc{font:500 clamp(19px,1.9vw,25px)/1.35 var(--bb-fd);color:var(--bb-argile-clair);margin:14px 0 14px;max-width:30ch}
.bb-m .bb-pres4 .bb-chapo{color:rgba(250,247,242,.8);margin-bottom:28px}
.bb-m .bb-pres4 .bb-chapo a,.bb-m .bb-pres5 .bb-chapo a{color:var(--bb-bone)}
.bb-m .bb-pres4-vis{position:relative;padding-bottom:70px}
.bb-m .bb-pres4-img{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3}
.bb-m .bb-pres4-img img{width:100%;height:100%;object-fit:cover}
.bb-m .bb-pres4-card{position:absolute;left:-28px;right:28px;bottom:0;background:var(--bb-lin);color:var(--bb-encre);border-radius:12px;padding:20px 22px;display:grid;gap:8px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6)}
.bb-m .bb-pres4-card .bb-surtitre{color:var(--bb-sauge)}
.bb-m .bb-pres4-card h2{font:600 21px/1.2 var(--bb-fd);color:var(--bb-encre)}
.bb-m .bb-pres4-card p{color:var(--bb-attenue-2);font-size:14.5px;margin:0}
.bb-m .bb-pres4-card .bb-lien-fleche{justify-self:start}
.bb-m .bb-pres5{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bb-pres5-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(48px,7vw,100px) clamp(64px,8vw,110px)}
.bb-m .bb-pres5-acc{font-size:clamp(22px,2.4vw,34px);line-height:1.25;color:var(--bb-argile-clair);margin:4px 0 16px;max-width:24ch}
.bb-m .bb-pres5 .bb-chapo{color:rgba(250,247,242,.82);margin-bottom:28px;max-width:54ch}
.bb-m .bb-pres5-art{position:relative;padding-bottom:0;color:var(--bb-argile-clair)}
.bb-m .bb-pres5-books{display:flex;gap:16px;align-items:flex-end;padding:10px 8% 0}
.bb-m .bb-pres5-books .bb-cover{flex:1}
.bb-m .bb-pres5-books .bb-cover:nth-child(1){transform:rotate(-4deg)}
.bb-m .bb-pres5-books .bb-cover:nth-child(2){transform:translateY(-18px)}
.bb-m .bb-pres5-books .bb-cover:nth-child(3){transform:rotate(4deg)}
.bb-m .bb-pres5 .bb-pres4-card{position:relative;left:auto;right:auto;bottom:auto;margin:-26px 18px 0;z-index:2}
.bb-m .bb-qui-head{overflow:hidden}
.bb-m .bb-pres-body{padding-block:30px 60px}
.bb-m .bb-ps{padding-block:44px;border-top:1px solid var(--bb-filet)}
.bb-m .bb-ps:first-child{border-top:0}
.bb-m .bb-ps-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:22px}
.bb-m .bb-ps-h2{font:500 clamp(28px,3vw,42px)/1.15 var(--bb-fd);letter-spacing:-.015em;margin:0}
.bb-m .bb-ps-h3{font:500 22px/1.2 var(--bb-fd);margin:26px 0 16px}
.bb-m .bb-ps-p{font:500 16px/1.7 var(--bb-fb);color:var(--bb-attenue-2);max-width:72ch;margin:0}
.bb-m .bb-ps-p+.bb-ps-p{margin-top:12px}
.bb-m .bb-ps-em{font-style:italic;margin-top:18px}
.bb-m .bb-ps-line{font:500 clamp(18px,1.7vw,22px)/1.5 var(--bb-fd);color:var(--bb-encre);max-width:60ch;border-left:3px solid var(--bb-argile);padding-left:18px}
.bb-m .bb-ps-sub{font:500 17px/1.45 var(--bb-fd);color:var(--bb-bone);margin-bottom:10px}
.bb-m .bb-ps-ul,.bb-m .bb-ps-ol{margin:16px 0 0;padding-left:1.3em;display:grid;gap:10px;max-width:78ch;font:500 16px/1.65 var(--bb-fb);color:var(--bb-encre-2)}
.bb-m :is(.bb-ps-ul,.bb-ps-ol) li::marker{color:var(--bb-argile);font-weight:700}
.bb-m :is(.bb-ps-ul,.bb-ps-ol,.bb-ps-p,.bb-q-sec,.bb-help-head) a,.bb-m .bb-oc a:not(.bb-lien-fleche),.bb-m .bb-sit a:not(.bb-hc-num):not(.bb-hc-site){text-decoration:underline;text-underline-offset:3px;color:var(--bb-encre)}
.bb-m .bb-ps-steps{list-style:none;counter-reset:bbm-ps;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.bb-m .bb-ps-steps li{counter-increment:bbm-ps;border-top:1px solid var(--bb-encre);padding-top:14px}
.bb-m .bb-ps-steps li::before{content:counter(bbm-ps);display:block;font:600 30px var(--bb-fd);color:var(--bb-argile-fonce);margin-bottom:6px}
.bb-m .bb-ps-steps b{font:600 17px var(--bb-fd);display:block;margin-bottom:6px}
.bb-m .bb-ps-steps p{color:var(--bb-attenue-2);font-size:15px;margin:0}
.bb-m .bb-ps-note{margin-top:28px;background:var(--bb-lin);border-radius:12px;padding:20px 22px}
.bb-m .bb-ps-note h3{font:500 20px var(--bb-fd);margin:0 0 6px}
.bb-m .bb-ps-note p{color:var(--bb-attenue-2);margin:0}
.bb-m .bb-oc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.bb-m .bb-oc-grid.bb-five{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.bb-m .bb-oc{background:#fff;border:1px solid var(--bb-filet-pilule);border-radius:var(--bbm-r-card);padding:24px;display:flex;flex-direction:column;gap:10px}
.bb-m .bb-oc h3{font:500 22px/1.2 var(--bb-fd);margin:0}
.bb-m .bb-oc>p{color:var(--bb-attenue-2);font-size:15px;line-height:1.6;margin:0}
.bb-m .bb-oc-lt{font:600 14px var(--bb-fd);margin-top:4px}
.bb-m .bb-oc-ul{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:14.5px;color:var(--bb-encre-2)}
.bb-m .bb-oc-salons{font-size:13.5px;color:var(--bb-attenue-2);line-height:1.6}
.bb-m .bb-oc-note{font-size:13.5px;color:var(--bb-attenue-2);font-style:italic}
.bb-m .bb-oc-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:4px}
.bb-m .bb-soc-names{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.bb-m .bb-soc-names a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--bb-filet-pilule);background:#fff;font:500 15px var(--bb-fd);color:inherit;text-decoration:none}
.bb-m .bb-soc-names a:hover{border-color:var(--bb-encre)}
.bb-m .bb-soc-names svg{width:18px;height:18px;fill:currentColor}
.bb-m .bb-soc{display:flex;flex-wrap:wrap;gap:10px}
.bb-m .bb-soc-a{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:rgba(250,247,242,.08);color:var(--bb-bone);border:1px solid var(--bb-filet-sombre);transition:background-color .2s,color .2s,border-color .2s}
.bb-m .bb-soc-a svg{width:17px;height:17px;fill:currentColor}
.bb-m .bb-soc-a:hover{background:var(--bb-bone);color:var(--bb-encre);border-color:var(--bb-bone)}
.bb-m .bb-soc.bb-on-light .bb-soc-a{background:#fff;color:var(--bb-encre);border-color:var(--bb-filet-pilule)}
.bb-m .bb-soc.bb-on-light .bb-soc-a:hover{background:var(--bb-encre);color:var(--bb-bone);border-color:var(--bb-encre)}
.bb-m .bb-soc.bb-sm{gap:6px}
.bb-m .bb-soc.bb-sm .bb-soc-a{width:32px;height:32px;border-radius:7px}
.bb-m .bb-soc.bb-sm .bb-soc-a svg{width:15px;height:15px}
/* === D2 23 BESOIN D'AIDE (fiches d'aide, situations, charte) === */
.bb-m .bb-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:22px}
.bb-m .bb-hcard{background:#fff;border:1px solid var(--bb-filet-pilule);border-radius:12px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px}
.bb-m .bb-hcard h3{font:600 16px/1.3 var(--bb-fd);color:var(--bb-encre);margin:0}
.bb-m .bb-hc-num{align-self:flex-start;font:700 24px/1.2 var(--bb-fd);color:var(--bb-encre);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;letter-spacing:.01em}
.bb-m .bb-hc-num.bb-hc-web{font-size:17px}
.bb-m .bb-hc-pub{font-size:14px;line-height:1.55;color:var(--bb-attenue-2);margin:0}
.bb-m .bb-hc-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bb-m .bb-hc-facts li{font:500 12.5px/1.3 var(--bb-fb);padding:5px 9px;border-radius:99px;background:var(--bb-lin);color:var(--bb-encre-2)}
.bb-m .bb-hc-site{margin-top:auto;padding-top:4px;font:500 13.5px var(--bb-fd);color:var(--bb-encre);text-decoration:underline;text-underline-offset:3px}
.bb-m .bb-hbox{background:var(--bb-lin);border-radius:var(--bbm-r-card);padding:26px;border-left:4px solid var(--bb-sauge)}
.bb-m .bb-hbox h2{font:500 24px/1.2 var(--bb-fd);margin:0 0 8px}
.bb-m .bb-hbox>p{color:var(--bb-encre-2);font-size:15.5px;line-height:1.6;margin:0}
.bb-m .bb-hbox .bb-hgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.bb-m .bb-hbox-urg{margin:18px 0 10px;font-size:15px}
.bb-m .bb-help-head{padding-block:clamp(40px,6vw,72px) 12px;max-width:1100px}
.bb-m .bb-help-h1{font:600 clamp(38px,5vw,64px)/1.05 var(--bb-fd);letter-spacing:-.02em;margin-bottom:22px}
.bb-m .bb-help-lead{font:500 17px/1.65 var(--bb-fb);color:var(--bb-encre-2);max-width:70ch;margin:0}
.bb-m .bb-help-lead+.bb-help-lead{margin-top:12px}
.bb-m .bb-help-encart{margin-top:22px;max-width:70ch;padding:14px 18px;border-radius:12px;background:var(--bb-encre);color:var(--bb-bone);font:500 15px/1.55 var(--bb-fb)}
.bb-m .bb-help-nav{margin-top:30px}
.bb-m .bb-help-nav>p{font:600 14px var(--bb-fd);margin:0 0 10px}
.bb-m .bb-help-body{padding-block:10px 80px}
.bb-m .bb-sit{padding-block:44px;border-top:1px solid var(--bb-filet);scroll-margin-top:calc(var(--bb-hh) + 20px)}
.bb-m .bb-sit h2{font:500 clamp(26px,2.8vw,38px)/1.15 var(--bb-fd);margin:0 0 14px}
.bb-m .bb-sit-plain h2{font-size:clamp(22px,2.2vw,30px)}
.bb-m .bb-sit-p{font:500 16px/1.7 var(--bb-fb);color:var(--bb-encre-2);max-width:74ch;margin:0}
.bb-m .bb-sit-p+.bb-sit-p{margin-top:10px}
.bb-m .bb-sit-urg{border:2px solid var(--bb-encre);border-radius:var(--bbm-r-card);padding:28px;margin-top:10px;background:#fff}
.bb-m .bb-sit-urg .bb-hcard{border-color:var(--bb-encre)}
.bb-m .bb-sit-steps{margin:16px 0 0;padding-left:1.3em;display:grid;gap:8px;max-width:74ch;color:var(--bb-encre-2)}
.bb-m .bb-sit-savoir{margin-top:20px;max-width:80ch;background:var(--bb-lin);border-radius:12px;padding:16px 18px}
.bb-m .bb-sit-savoir b{font:600 15px var(--bb-fd);display:block;margin-bottom:4px}
.bb-m .bb-sit-savoir p{color:var(--bb-encre-2);font-size:15px;line-height:1.6;margin:0}
.bb-m .bb-sit-arts{margin-top:16px;font-size:15px;color:var(--bb-attenue-2)}
.bb-m .bb-sit-pays{font:600 18px var(--bb-fd);margin:26px 0 0}
.bb-m .bb-qui nav a{cursor:pointer}
.bb-m .bb-q-sec{padding-bottom:26px;scroll-margin-top:calc(var(--bb-hh) + 20px)}
.bb-m .bb-q-sec h2{font:500 26px/1.2 var(--bb-fd);margin:26px 0 12px}
.bb-m .bb-q-sec p{font:500 16px/1.7 var(--bb-fb);color:var(--bb-encre-2);margin:0}
.bb-m .bb-q-sec p+p{margin-top:10px}
/* === D2 24 COMMUNAUTE (hub v7, anneau des salons, frise, plan du serveur, cadre, sécurité) === */
.bb-m .bb-c7-head{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bb-a7-head{background:var(--bb-lin);color:var(--bb-encre)}
.bb-m .bb-c7-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(44px,6vw,92px) clamp(56px,7vw,100px)}
.bb-m .bb-c7-head .bb-page-t,.bb-m .bb-a7-head .bb-page-t{font:600 clamp(42px,6vw,88px)/.98 var(--bb-fd);letter-spacing:-.035em;max-width:14ch;margin:8px 0 18px}
.bb-m .bb-a7-head .bb-page-t{font-size:clamp(40px,5vw,72px);max-width:16ch}
.bb-m .bb-c7-head .bb-page-t em{color:var(--bb-argile-clair)}
.bb-m .bb-c7-acc{font:italic 400 clamp(21px,2.2vw,30px)/1.3 var(--bb-fs);color:var(--bb-argile-clair);margin-bottom:14px;max-width:26ch}
.bb-m .bb-c7-head .bb-chapo{color:rgba(250,247,242,.82);max-width:52ch;margin-bottom:28px}
.bb-m .bb-c7-head .bb-chapo a{color:var(--bb-bone)}
.bb-m .bb-a7-head .bb-chapo{max-width:56ch;margin-bottom:28px}
.bb-m .bb-c7-head .bb-st,.bb-m .bb-a7-head .bb-st{margin-bottom:12px}
.bb-m .bbm-seam{position:relative;z-index:2}
.bb-m main .bbm-seam{margin-top:-6px}
.bb-m .bb-c7-sec{padding-block:clamp(56px,7vw,96px)}
.bb-m .bb-alt7{background:var(--bb-lin)}
.bb-m .bb-c7-dark{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bb-c7-dark .bb-chapo{color:var(--bb-attenue-sombre)}
.bb-m .bb-c7-h{font:600 clamp(28px,3.4vw,48px)/1.08 var(--bb-fd);letter-spacing:-.025em;margin:0 0 18px;max-width:22ch;text-wrap:balance}
.bb-m .bb-c7-h em{color:var(--bb-argile-fonce)}
.bb-m .bb-c7-dark .bb-c7-h em{color:var(--bb-argile-clair)}
.bb-m .bb-c7-h3{font:600 18px var(--bb-fd);margin:0 0 14px}
.bb-m .bb-c7-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.bb-m .bb-c7-dark .bb-c7-two{align-items:start}
.bb-m .bb-c7-k{font:italic 400 19px var(--bb-fs);color:var(--bb-argile-clair);display:block;margin-bottom:8px}
.bb-m .bb-c7-center{display:flex;justify-content:center;margin-top:36px}
.bb-m .bb-c7-app p{color:rgba(250,247,242,.82)}
.bb-m .bb-c7-appcta{border-left:2px dashed rgba(250,247,242,.25);padding-left:clamp(20px,3vw,40px);display:grid;gap:18px;justify-items:start}
.bb-m .bb-c7-rules{list-style:none;margin:0;padding:0;counter-reset:bbm-r;display:grid;gap:22px}
.bb-m .bb-c7-rules li{counter-increment:bbm-r;display:grid;grid-template-columns:56px 1fr;column-gap:16px}
.bb-m .bb-c7-rules li::before{content:counter(bbm-r);grid-row:span 2;font:italic 400 52px/1 var(--bb-fs);color:var(--bb-argile-fonce)}
.bb-m .bb-c7-rules h3{font:600 21px/1.2 var(--bb-fd);margin:0}
.bb-m .bb-c7-rules p{color:var(--bb-attenue-2);margin:0}
.bb-m .bb-c7-steps{list-style:none;margin:34px 0 0;padding:0;counter-reset:bbm-s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.bb-m .bb-c7-steps::before{content:"";position:absolute;left:24px;right:24px;top:22px;border-top:2px dashed var(--bb-argile);opacity:.5}
.bb-m .bb-c7-steps li{counter-increment:bbm-s;position:relative;display:grid;gap:8px;align-content:start}
.bb-m .bb-c7-steps li::before{content:counter(bbm-s);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--bb-bone);border:2px solid var(--bb-argile);font:600 18px var(--bb-fd);color:var(--bb-argile-fonce);margin-bottom:8px;position:relative}
.bb-m .bb-c7-steps h3{font:600 19px/1.25 var(--bb-fd);margin:0}
.bb-m .bb-c7-steps p{color:var(--bb-attenue-2);font-size:15px;margin:0}
.bb-m .bb-co7-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-m .bb-a8-head .bb-wrap>div{max-width:760px}
.bb-m .bbapp{overflow-x:clip}
.bb-m .bbapp-sub{margin-top:-6px;max-width:60ch}
.bb-m .bbapp-why p+p{margin-top:14px}
.bb-m .bbapp-why p:not(.bb-chapo){color:var(--bb-attenue-2);max-width:58ch}
.bb-m .bbapp-honest{border-left:3px solid var(--bb-argile);padding-left:14px;font:italic 400 18px/1.5 var(--bb-fs);color:var(--bb-encre)!important}
.bb-m .bbapp-artw{display:flex;justify-content:center}
.bb-m .bbapp-art{width:100%;max-width:440px;height:auto}
.bb-m .bbapp-art-page,.bb-m .bbapp-art-phone{fill:var(--bb-papier);stroke:var(--bb-encre);stroke-width:2}
.bb-m .bbapp-art-phone{stroke-dasharray:7 7;fill:none}
.bb-m .bbapp-art-line,.bb-m .bbapp-art-notch{stroke:var(--bb-sable);stroke-width:6;stroke-linecap:round;fill:none}
.bb-m .bbapp-art-notch{stroke:var(--bb-encre);stroke-width:2}
.bb-m .bbapp-art-fil{fill:none;stroke:var(--bb-argile);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:bbmAppFil 2.4s var(--bb-ease) .2s forwards}
.bb-m .bbapp-art-wait{fill:none;stroke:var(--bb-argile);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 8;opacity:.7}
.bb-m .bbapp-art-dot{fill:var(--bb-argile)}
.bb-m .bbapp-art-end{fill:none;stroke:var(--bb-argile);stroke-width:2;stroke-dasharray:3 3}
.bb-m .bbapp-rulesw,.bb-m .bb-ia7-rulesw{align-items:start}
.bb-m .bbapp-rules li,.bb-m .bb-ia7-rules li{grid-template-columns:52px 1fr}
.bb-m .bbapp-rules li::before,.bb-m .bb-ia7-rules li::before{color:var(--bb-argile-clair)}
.bb-m .bbapp-rules h3{color:var(--bb-bone)}
.bb-m .bbapp-rules p{color:rgba(250,247,242,.82)}
.bb-m .bb-ia7-rules li p{color:rgba(250,247,242,.86);font-size:16.5px;align-self:center}
.bb-m .bbapp-never{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 40px;border-top:1px solid var(--bb-filet)}
.bb-m .bbapp-never li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--bb-filet)}
.bb-m .bbapp-never h3{font:italic 400 22px/1.3 var(--bb-fs);margin:0 0 4px}
.bb-m .bbapp-never p{color:var(--bb-attenue-2);font-size:15.5px;margin:0}
.bb-m .bbapp-x{width:24px;height:24px;margin-top:4px;border-radius:50%;border:1.5px solid var(--bb-argile-fonce);position:relative}
.bb-m .bbapp-x::before,.bb-m .bbapp-x::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;background:var(--bb-argile-fonce);transform:translate(-50%,-50%) rotate(45deg)}
.bb-m .bbapp-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.bb-m .bbapp-order{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.bb-m .bbapp-order::before{content:"";position:absolute;left:8px;right:8px;top:8px;border-top:2px dashed var(--bb-argile);opacity:.45}
.bb-m .bbapp-order li{position:relative;display:grid;gap:8px;align-content:start;padding-top:30px}
.bb-m .bbapp-dot{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--bb-lin);border:2px solid var(--bb-argile)}
.bb-m .bbapp-order li.bb-now .bbapp-dot{background:var(--bb-argile)}
.bb-m .bbapp-order .bb-st,.bb-m .bbapp-card .bb-st{justify-self:start}
.bb-m .bbapp-order h3{font:600 19px/1.25 var(--bb-fd);margin:0}
.bb-m .bbapp-order p{color:var(--bb-attenue-2);font-size:15px;margin:0}
.bb-m .bbapp-h3{font:600 clamp(21px,2vw,26px)/1.2 var(--bb-fd);margin:clamp(40px,5vw,64px) 0 18px}
.bb-m .bbapp-before,.bb-m .bbapp-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
.bb-m .bbapp-now{margin-top:26px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.bb-m .bbapp-card{background:var(--bb-bone);border:1px solid var(--bb-filet);border-radius:var(--bb-r-l);padding:22px 22px 24px;display:grid;gap:8px;align-content:start}
.bb-m .bbapp-now .bbapp-card{background:var(--bb-papier)}
.bb-m .bbapp-card p{color:var(--bb-attenue-2);font-size:15px;margin:0}
.bb-m .bbapp-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:6px}
.bb-m .bbapp-links .bb-lien-fleche{color:var(--bb-argile-fonce)}
.bb-m .bbapp-wait{align-items:center}
.bb-m .bbapp-wait .bb-c7-appcta{display:flex;justify-content:flex-start}
/* === D2 26 COACHING (v7, v9, v12) === */
.bb-m .bb-co7-photo{justify-self:end;width:100%;max-width:520px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.bb-m .bb-co7-photo img{width:100%;height:100%;object-fit:cover;display:block}
.bb-m .bb-co7-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.bb-m .bb-co7-themes .bb-tcard:hover{transform:translateY(-4px)}
.bb-m .bb-co7-who{align-items:start}
.bb-m .bb-co7-warn{background:var(--bb-lin);border-left:3px solid var(--bb-argile);border-radius:12px;padding:22px 24px;display:grid;gap:10px}
.bb-m .bb-co7-warn b{font:600 18px var(--bb-fd)}
.bb-m .bb-co9-chap,.bb-m .bbco12-chap{margin:10px 0 24px}
.bb-m .bb-fam9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bb-m .bb-fam9-c{background:var(--bb-bone);border:1px solid var(--bb-filet);border-radius:10px;padding:22px}
.bb-m .bb-fam9-c h3{font-size:19px;margin:0 0 10px}
.bb-m .bb-fam9-c p{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--bb-encre-2)}
.bb-m .bb-fam9-c .bb-fam9-v{margin:0;padding-top:12px;border-top:1px solid var(--bb-filet);font-size:14px;color:var(--bb-attenue)}
.bb-m .bb-cad9{margin:0;display:grid;gap:14px}
.bb-m .bb-cad9 div{padding-bottom:14px;border-bottom:1px solid var(--bb-filet)}
.bb-m .bb-cad9 dt{font:600 16px var(--bb-fd);margin-bottom:4px}
.bb-m .bb-cad9 dd{margin:0;color:var(--bb-encre-2);font-size:15px;line-height:1.55}
.bb-m .bb-cad9 a,.bb-m .bb-co9-cadre .bb-co7-warn a{border-bottom:1px solid currentColor;text-decoration:none}
.bb-m .bb-co9-cadre .bb-co7-warn{margin-top:20px}
.bb-m .bbco12-chap{margin-bottom:26px}
.bb-m .bbco12-prevu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.bb-m .bbco12-att{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bb-m .bbco12-card{background:var(--bb-bone);border:1px solid var(--bb-filet);border-radius:12px;padding:22px;display:grid;gap:8px;align-content:start;min-width:0}
.bb-m .bbco12-card h3{font:600 19px/1.25 var(--bb-fd);margin:0}
.bb-m .bbco12-card p{margin:0;font-size:15px;line-height:1.55;color:var(--bb-encre-2)}
.bb-m .bbco12-card .bb-lien-fleche{margin-top:6px;justify-self:start}
.bb-m .bbco12-k{font:600 12px/1 var(--bb-fd);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-argile-fonce)}
.bb-m .bbco12-ico{width:30px;height:30px;fill:none;stroke:var(--bb-argile-fonce);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bb-m .bbco12 .bbco12-themes{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-m .bbco12 .bbco12-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.bb-m .bbco12-form .bb-st{margin-bottom:12px}
.bb-m .bbco12-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.bb-m .bbco12-list li{padding:0 0 14px 18px;border-bottom:1px solid var(--bb-filet);position:relative;font-size:15px;line-height:1.55;color:var(--bb-encre-2)}
.bb-m .bbco12-list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bb-argile)}
.bb-m .bbco12-list b{color:var(--bb-encre);font-family:var(--bb-fd)}
.bb-m .bbco12 .bb-cad9 dd a{border-bottom:1px solid currentColor}
.bb-m .bb-ia7-never{font:italic 400 clamp(22px,2.4vw,32px)/1.4 var(--bb-fs);max-width:44ch;margin:0 auto;text-align:center;color:var(--bb-encre)}
.bb-m .bbia12-head .bbia12-lead2{font-size:16px;margin-top:-12px}
.bb-m .bbia12-head .bb-hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.bb-m .bbia12-head .bbia12-ghost{--bb-bt:var(--bb-bone);--bb-bb:rgba(250,247,242,.3)}
.bb-m .bbia12-sec .bbia12-intro{max-width:60ch;margin-bottom:32px;color:var(--bb-attenue-2)}
.bb-m .bbia12-lin{background:var(--bb-lin)}
.bb-m .bbia12-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bb-m .bbia12-card{background:var(--bb-papier);border:1px solid var(--bb-filet);border-radius:14px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 26px -20px rgba(36,30,26,.35)}
.bb-m .bbia12-card h3{font:600 clamp(21px,2vw,26px)/1.2 var(--bb-fd);margin:0}
.bb-m .bbia12-card p{color:var(--bb-attenue-2);font-size:16px;margin:0}
.bb-m .bbia12-card-later{background:transparent;border-style:dashed;box-shadow:none}
.bb-m .bbia12-tag{align-self:flex-start;font:600 12px/1 var(--bb-fb);letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:999px;background:var(--bb-lin);color:var(--bb-encre)}
.bb-m .bbia12-tag-now{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bbia12-actions{margin-top:auto;padding-top:8px}
.bb-m .bbia12-ghost-l{--bb-bb:var(--bb-encre);--bb-bt:var(--bb-encre)}
.bb-m .bbia12-steps{list-style:none;margin:8px 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.bb-m .bbia12-steps::before{content:"";position:absolute;left:28px;right:28px;top:28px;border-top:2px dashed var(--bb-argile);opacity:.45}
.bb-m .bbia12-steps li{position:relative;display:grid;gap:12px;align-content:start}
.bb-m .bbia12-step-i{width:56px;height:56px;padding:13px;border-radius:50%;background:var(--bb-papier);border:1.5px solid var(--bb-argile);fill:none;stroke:var(--bb-encre);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;position:relative}
.bb-m .bbia12-steps h3{font:600 19px/1.25 var(--bb-fd);margin:0}
.bb-m .bbia12-steps p{color:var(--bb-attenue-2);font-size:15.5px;margin:0}
.bb-m .bbia12-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bb-m .bbia12-col{background:var(--bb-papier);border-radius:14px;padding:clamp(20px,2.6vw,30px)}
.bb-m .bbia12-col h3{font:600 20px/1.2 var(--bb-fd);margin:0 0 14px}
.bb-m .bbia12-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bb-m .bbia12-list li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:16px}
.bb-m .bbia12-li-i{width:20px;height:20px;margin-top:2px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bb-m .bbia12-yes .bbia12-li-i{stroke:#3F6B4F}
.bb-m .bbia12-no .bbia12-li-i{stroke:var(--bb-argile-fonce)}
.bb-m .bbia12-note{margin-top:24px;max-width:72ch;font-size:15.5px;color:var(--bb-attenue-2);border-left:3px solid var(--bb-argile);padding:4px 0 4px 16px}
.bb-m .bbia12-rules{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.bb-m .bbia12-rule{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start}
.bb-m .bbia12-rule .bbia12-ico{width:48px;height:48px;padding:11px;border-radius:50%;border:1px solid var(--bb-filet-sombre);fill:none;stroke:var(--bb-argile-clair);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bb-m .bbia12-rule h3{font:600 19px/1.25 var(--bb-fd);color:var(--bb-bone);margin:0 0 4px}
.bb-m .bbia12-rule p{color:rgba(250,247,242,.86);font-size:16px;margin:0}
.bb-m .bbia12-rule a{color:var(--bb-bone);text-decoration:underline;text-underline-offset:3px}
.bb-m .bbia12-note a,.bb-m .bbia12-sec .bb-ans a{color:var(--bb-argile-fonce);text-decoration:underline;text-underline-offset:3px}
.bb-m .bbia12-regles:focus{outline:none}
.bb-m .bbia12-never{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.bb-m .bbia12-never li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:18px 20px;border-radius:12px;border:1px solid var(--bb-filet);background:var(--bb-papier)}
.bb-m .bbia12-never-i{width:28px;height:28px;fill:none;stroke:var(--bb-argile-fonce);stroke-width:1.7;stroke-linecap:round}
.bb-m .bbia12-never b{display:block;font:600 17px/1.3 var(--bb-fd);margin-bottom:4px}
.bb-m .bbia12-never span{color:var(--bb-attenue-2);font-size:15px}
.bb-m .bbia12-hum p{margin:0 0 14px;max-width:58ch}
.bb-m .bbia12-more{font-weight:600;color:var(--bb-argile-fonce)}
.bb-m .bbia12-more::after{content:" \2192"}
.bb-m .bbia12-hum-fig{margin:0;background:var(--bb-papier);border-radius:14px;padding:clamp(18px,3vw,32px)}
.bb-m .bbia12-fil{display:block;width:100%;height:auto}
.bb-m .bbia12-fil-l{fill:none;stroke:var(--bb-argile);stroke-width:3;stroke-linecap:round}
.bb-m .bbia12-fil-n{fill:var(--bb-papier);stroke:var(--bb-encre);stroke-width:2.5}
.bb-m .bbia12-hum-fig figcaption{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin-top:12px;font:600 14px/1.2 var(--bb-fb);letter-spacing:.04em;text-transform:uppercase;color:var(--bb-attenue-2)}
.bb-m .bbia12-wait{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bbia12-wait-in{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.bb-m .bbia12-wait-in>div{flex:1 1 420px}
.bb-m .bbia12-wait p{color:rgba(250,247,242,.82);max-width:60ch}
.bb-m .bbia12-wait .bb-c7-h{margin-bottom:10px}
/* === D2 28 MON COMPTE (en préparation) === */
.bb-m .bb-acc9 .bb-badge{margin-bottom:6px}
.bb-m .bb-acc9-sans{color:var(--bb-attenue);margin:-8px 0 14px}
.bb-m .bb-acc9-list{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--bb-encre-2)}
.bb-m .bb-acc9-side .bb-hero-ctas{margin-bottom:20px}
.bb-m .bb-acc9-old{font-size:14px;color:var(--bb-attenue);margin-top:18px}
/* === D2 30 MISES EN PAGE DES PAGES D'OUTIL (quiz, liste d'envies) autour des modules de l'extension === */
.bb-m .bb-qz7-body{background:var(--bb-lin);padding-block:clamp(28px,4vw,56px) clamp(56px,7vw,96px)}
.bb-m .bb-qz7-body .bbm-qz,.bb-m .bb-qz7-body .bbm-qz-card{max-width:none}
.bb-m .bb-qz7-pils{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.bb-m .bb-qz7-pil{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:var(--bb-papier);font:500 14px var(--bb-fd);color:var(--bb-encre);border:1.5px solid transparent;transition:opacity .3s,border-color .3s}
.bb-m .bb-qz7-pil i{width:12px;height:12px;border-radius:50%;background:var(--c)}
.bb-m .bb-qz7-pils.bb-lit .bb-qz7-pil{opacity:.45}
.bb-m .bb-qz7-pils.bb-lit .bb-qz7-pil.bb-on{opacity:1;border-color:var(--c)}
.bb-m .bb-qz7-body .bbm-qz-bar{height:4px;background:repeating-linear-gradient(90deg,var(--bb-sable) 0 10px,transparent 10px 16px)}
.bb-m .bb-modroot .bbm-le.bb-le7{max-width:none;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:56px;align-items:start}
.bb-m .bbm-le.bb-le7>*{grid-column:2}
.bb-m .bbm-le.bb-le7>.bb-le7-side{grid-column:1;grid-row:1 / span 60;position:sticky;top:calc(var(--bb-hh) + 20px);display:grid;gap:14px;padding:18px;background:var(--bb-lin);border-radius:14px}
.bb-m .bb-le7-side .bbm-le-nav{flex-direction:column;align-items:stretch;margin:0;gap:6px}
.bb-m .bb-le7-side .bbm-le-nav button{text-align:left;border-radius:8px}
.bb-m .bb-le7-side .bbm-le-progress{margin:0}
.bb-m .bb-le7-side .bbm-le-actions{margin:0;flex-direction:column}
.bb-m .bb-le7-side .bbm-le-btn{width:100%}
.bb-m .bbm-le.bb-le7 .bbm-le-items{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.bb-m .bbm-le.bb-le7 .bbm-le-item{grid-template-columns:1fr;gap:8px}
.bb-m .bbm-le.bb-le7 .bbm-le-theme:first-of-type{margin-top:8px}
@media (max-width:1180px){
 .bb-m .bb-pres4-card{left:16px;right:16px}
 .bb-m .bb-pres5-art{max-width:520px}
 .bb-m .bb-c7-appcta{border-left:0;padding-left:0}
}
@media (min-width:981px){
 .bb-m .bb-qz7-body .bbm-qz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .bb-m .bb-qz7-body .bbm-qz-opt span{min-height:76px;font-size:16.5px;padding:16px 20px}
 .bb-m .bb-qz7-body .bbm-qz-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:start}
 .bb-m .bb-qz7-body .bbm-qz-intro>*{grid-column:1}
 .bb-m .bb-qz7-body .bbm-qz-intro>.bbm-qz-btn{justify-self:start}
 .bb-m .bb-qz7-body .bbm-qz-intro .bbm-qz-promise{grid-column:2;grid-row:1 / span 4;margin:0;padding:22px 24px;background:var(--bb-lin);border-radius:14px}
}
@media (max-width:980px){
 .bb-m .bbco12-prevu,.bb-m .bbco12 .bbco12-themes,.bb-m .bbco12 .bbco12-steps{grid-template-columns:1fr 1fr}
 .bb-m .bbapp-order{grid-template-columns:1fr 1fr}
 .bb-m .bbapp-order::before{display:none}
 .bb-m .bbia12-duo,.bb-m .bbia12-cols{grid-template-columns:1fr}
 .bb-m .bbia12-steps{grid-template-columns:1fr;gap:18px}
 .bb-m .bbia12-steps::before{left:27px;right:auto;top:28px;bottom:28px;border-top:0;border-left:2px dashed var(--bb-argile)}
 .bb-m .bbia12-steps li{grid-template-columns:56px 1fr;gap:14px}
 .bb-m .bbia12-wait-in>div{flex-basis:100%}
}
@media (max-width:760px){
 .bb-m .bb-co7-photo{aspect-ratio:4/3;justify-self:stretch;max-width:none}
 .bb-m .bb-a7-head .bb-page-t{font-size:clamp(38px,10vw,56px)}
}
@media (max-width:640px){
 .bb-m .bb-credits li{grid-template-columns:90px 1fr}
 .bb-m .bb-sit-urg{padding:20px}
 .bb-m .bb-c7-head .bb-page-t,.bb-m .bb-a7-head .bb-page-t{font-size:clamp(36px,10.4vw,52px)}
 .bb-m .bb-tools7-head{align-items:flex-start}
 .bb-m .bb-tool7-ico{width:44px;height:44px}
 .bb-m .bb-tool7-ico svg{width:24px;height:24px}
 .bb-m .bb-mod-head{padding-block:20px 0}
 .bb-m .bb-mod-head .bb-ariane{margin-bottom:10px}
 .bb-m .bb-mod-head .bb-page-t{font-size:clamp(30px,8.6vw,40px);margin:4px 0 8px}
 .bb-m .bb-mod-head .bb-chapo{font-size:16px;line-height:1.5;margin-top:6px}
 .bb-m .bb-mod-body{padding-top:14px}
 .bb-m .bbapp-art{max-width:340px}
}
@media (prefers-reduced-motion:no-preference){
 .bb-m .bbia12-card,.bb-m .bbia12-never li{transition:transform .2s ease}
 .bb-m .bbia12-never li:hover{transform:translateY(-2px)}
}

/* === D2 24b COMMUNAUTE v7 : anneau des salons, frise, faits, plan du serveur, cadre complet, sécurité (classes toujours
   utilisées par le gabarit Communauté v12) === */
.bb-m .bb-c7-art{max-width:520px;justify-self:end;width:100%}
.bb-m .bb-ring7{width:100%;height:auto;overflow:visible}
.bb-m .bb-ring7-c{fill:none;stroke:var(--bb-argile-clair);stroke-width:1.6;stroke-dasharray:6 7;stroke-dashoffset:0;opacity:.85}
.bb-m .bb-ring7 text{font:500 13px var(--bb-fd);fill:rgba(250,247,242,.88)}
.bb-m .bb-ring7 .bb-ring7-t{font:italic 400 34px var(--bb-fs);fill:var(--bb-bone)}
.bb-m .bb-ring7 g{animation:bbmRingIn .8s var(--bb-ease) both}
.bb-m .bb-ring7 g:nth-of-type(2){animation-delay:.08s}
.bb-m .bb-ring7 g:nth-of-type(3){animation-delay:.16s}
.bb-m .bb-ring7 g:nth-of-type(4){animation-delay:.24s}
.bb-m .bb-ring7 g:nth-of-type(5){animation-delay:.32s}
.bb-m .bb-ring7 g:nth-of-type(6){animation-delay:.4s}
.bb-m .bb-dw-ex{display:inline-block;margin:0 0 10px;padding:4px 10px;border-radius:99px;background:var(--bb-lin);color:var(--bb-encre);font:600 13px var(--bb-fd)}
.bb-m .bb-c7-time,.bb-m .bb-a7-prog{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.bb-m .bb-c7-time::before,.bb-m .bb-a7-prog::before{content:"";position:absolute;left:0;right:0;top:8px;border-top:2px dashed var(--bb-sable)}
.bb-m .bb-c7-time li,.bb-m .bb-a7-prog li{position:relative;padding-top:34px;display:grid;gap:8px;align-content:start}
.bb-m .bb-c7-dot{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--bb-bone);border:2px solid var(--bb-sable)}
.bb-m .bb-c7-time li.bb-now .bb-c7-dot,.bb-m .bb-a7-prog li.bb-done .bb-c7-dot{background:var(--bb-argile);border-color:var(--bb-argile)}
.bb-m .bb-c7-time h3,.bb-m .bb-a7-prog h3{font:600 21px/1.2 var(--bb-fd);margin:0}
.bb-m .bb-c7-time p,.bb-m .bb-a7-prog p{color:var(--bb-attenue-2);font-size:15px;margin:0}
.bb-m .bb-c7-time .bb-st{justify-self:start}
.bb-m .bb-c7-facts{list-style:none;margin:20px 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px}
.bb-m .bb-c7-facts li{font-size:15px;color:var(--bb-attenue-2)}
.bb-m .bb-c7-facts b{font:600 17px var(--bb-fd);color:var(--bb-encre);margin-right:4px}
.bb-m .bb-c7-map{display:grid;grid-template-columns:1fr 1fr 1.6fr 1fr;gap:28px;margin-top:30px}
.bb-m .bb-c7-mapcol h3{font:600 13px var(--bb-fd);letter-spacing:.06em;text-transform:uppercase;color:var(--bb-attenue-2);padding-bottom:10px;border-bottom:1px solid var(--bb-filet);margin:0 0 6px}
.bb-m .bb-c7-mapcol ul{list-style:none;margin:0;padding:0}
.bb-m .bb-c7-mapcol li{padding:10px 0;border-bottom:1px solid var(--bb-filet);display:grid;gap:3px}
.bb-m .bb-c7-mapcol b{font:600 15px var(--bb-fd)}
.bb-m .bb-c7-mapcol b span{color:var(--bb-attenue);margin-right:2px}
.bb-m .bb-c7-mapcol li>span{font-size:14px;color:var(--bb-attenue-2);line-height:1.5}
.bb-m .bb-c7-mapcol li.bb-pil b{display:flex;align-items:center;gap:8px}
.bb-m .bb-c7-mapcol li.bb-pil b::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dot);flex:none;order:2}
.bb-m .bb-c7-all{margin-top:22px;border-top:1px solid var(--bb-filet);border-bottom:1px solid var(--bb-filet)}
.bb-m .bb-c7-all summary{cursor:pointer;padding:14px 0;font:600 15px var(--bb-fd);color:var(--bb-argile-fonce)}
.bb-m .bb-c7-all ol{margin:0 0 16px;padding-left:1.4em;display:grid;gap:6px;color:var(--bb-encre-2)}
.bb-m .bb-c7-prot{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.bb-m .bb-c7-prot h3{font:600 17px var(--bb-fd);color:var(--bb-bone);margin:0 0 4px}
.bb-m .bb-c7-prot p{color:rgba(250,247,242,.78);font-size:15px;margin:0}
.bb-m .bb-c7-tips{margin:0;padding-left:1.2em;display:grid;gap:10px;color:rgba(250,247,242,.85);font-size:15px;line-height:1.6}
.bb-m .bb-c7-tips li::marker{color:var(--bb-argile-clair)}
.bb-m .bb-c7-tips a{color:var(--bb-bone);text-decoration:underline}
@media (max-width:1180px){
 .bb-m .bb-c7-art,.bb-m .bb-a7-art{justify-self:center;max-width:420px}
 .bb-m .bb-c7-map{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .bb-m .bb-c7-time::before{display:none}
 .bb-m .bb-ring7 text{font-size:15px}
}