/* Black Bond, lot D2 : CSS des sections et composants de la maquette v12 (attachments/black-bond/maquette-v10),
   porté pour WordPress. Complète bb-global.css (jetons --bb-*, BB 01 à BB 10) et les CSS de l'extension
   black-bond-outils ; ne redéfinit ni l'en-tête (BB 05), ni le pied (BB 06), ni l'article (BB 07), ni les outils.
   Tous les sélecteurs sont rattachés à body.bb-m. Table de renommage des classes : README-D2.md (même dossier).
   Cascade : la maquette empile v1 à v12 ; ce fichier donne l'état final (dernière règle gagnante) en une seule
   déclaration par sélecteur. Largeurs : bureau, 1180, 980, 760, 640, 420 (voir README, section largeurs). */
/* === D2 00 JETONS PROPRES A LA MAQUETTE (le reste vient de bb-global.css) === */
.bb-m{
 --bbm-g-fond:radial-gradient(circle at bottom right,rgba(250,247,242,.28) 0%,#241E1A 62%);
 --bbm-g-mental:radial-gradient(circle at top left,#6F8472 0%,#5B6E5E 55%,#3C4A3F 100%);
 --bbm-g-consent:radial-gradient(circle at left,#F0C4A6 0%,#D9794A 45%,#C4602F 100%);
 --bbm-g-prat:linear-gradient(180deg,#FAF7F2 0%,#EFE3D0 100%);
 --bbm-g-bdsm:linear-gradient(154deg,#A5738D 0%,#6E2F52 55%,#5A2543 100%);
 --bbm-g-id:linear-gradient(180deg,#EDE2D0 0%,#FAF7F2 100%);
 --bbm-s6:clamp(48px,6vw,88px);
 --bbm-r-card:14px;
 --bbm-ombre-papier:0 1px 0 rgba(36,30,26,.05),0 12px 26px -16px rgba(36,30,26,.35);
 --bbm-ombre-papier-h:0 2px 0 rgba(36,30,26,.05),0 26px 40px -18px rgba(36,30,26,.45);
 --bbm-primaire:#B3562A;
}
.bb-m [hidden]{display:none!important}
.bb-m .bb-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
/* === D2 01 TYPOGRAPHIE DE PAGE (titres de section, chapo, mots en italique) === */
.bb-m :is(.bb-h1m,.bb-h2m,.bb-page-t,.bb-sec-head h2,.bb-card-body h3,.bb-tc-body h3){margin:0;text-wrap:balance}
.bb-m .bb-h1m{font:600 clamp(44px,6.4vw,100px)/.98 var(--bb-fd);letter-spacing:-.035em;margin:0 0 24px;max-width:none}
.bb-m .bb-h1m .bb-ln{display:inline}
.bb-m .bb-h2m{font:600 clamp(34px,5vw,72px)/1.02 var(--bb-fd);letter-spacing:-.03em}
.bb-m .bb-page-t{font:600 clamp(48px,8vw,128px)/.96 var(--bb-fd);letter-spacing:-.04em;margin:6px 0 18px}
.bb-m :is(h1,h2,h3) em,.bb-m :is(.bb-page-t,.bb-h1m,.bb-h2m) em,.bb-m :is(.bb-cat5-acc,.bb-pres5-acc,.bb-hk-cap,.bb-tc-pil,.bb-art5-pil,.bb-hub5-sub){font-family:var(--bb-fs);font-style:italic;font-weight:400;letter-spacing:-.01em;font-optical-sizing:auto}
.bb-m :is(h1,h2,h3) em{color:var(--bb-argile-fonce)}
.bb-m :is(.bb-dark,.bb-band-dark,.bb-pres5,.bb-cont,.bb-cat5,.bb-pt5) :is(h1,h2,h3) em{color:inherit}
.bb-m :is(.bb-dark,.bb-band-dark) h2 em,.bb-m .bb-pres5 h1 em,.bb-m .bb-cont :is(h2,h3) em{color:var(--bb-argile-clair)}
.bb-m .bb-cat4-h2 em,.bb-m .bb-ps-h2 em{font-weight:400}
.bb-m .bb-t-lines .bb-ln{display:inline-block;animation:bbmLnIn .9s var(--bb-ease) both}
.bb-m .bb-t-lines .bb-ln:nth-child(2){animation-delay:.12s}
.bb-m .bb-t-lines .bb-ln:nth-child(3){animation-delay:.24s}
.bb-m .bb-t-lines:not(:has(.bb-ln)){animation:bbmLnIn .9s var(--bb-ease) both}
@keyframes bbmLnIn{from{clip-path:inset(0 0 100% 0);transform:translateY(.3em);opacity:0}to{clip-path:inset(0 0 -20% 0);transform:none;opacity:1}}
.bb-m .bb-chapeau{font:500 clamp(19px,1.8vw,22px)/1.55 var(--bb-fd);color:var(--bb-encre-2);max-width:60ch;margin-top:26px}
.bb-m .bb-dark .bb-chapo,.bb-m .bb-band-dark .bb-chapo{color:var(--bb-attenue-sombre)}
.bb-m .bb-ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bb-m .bb-draw :is(path,circle){stroke-dasharray:1;stroke-dashoffset:1;animation:bbmDrawFrom 2.4s .25s var(--bb-ease) forwards}
@keyframes bbmDrawFrom{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes bbmDrawC{to{stroke-dashoffset:0}}
.bb-m .bb-rv{transition:opacity .9s var(--bb-ease),transform .9s var(--bb-ease)}
.bb-m .bb-rv.bb-pre{opacity:.25;transform:translateY(22px)}
.bb-m .bb-fade6{animation:bbmFade6 .28s ease-out both}
@keyframes bbmFade6{from{opacity:.25}to{opacity:1}}
.bb-m .bb-tbd{background:rgba(196,96,47,.14);padding:0 4px;border-radius:3px}
/* === D2 02 SECTIONS, BANDES, GRILLES === */
.bb-m .bb-sec{padding-block:clamp(72px,10vw,128px);position:relative}
.bb-m .bb-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.bb-m .bb-sec-head .bb-surtitre{display:block;margin-bottom:10px}
.bb-m .bb-dark{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bb-dark :is(h1,h2,h3,h4){color:inherit}
.bb-m .bb-dark .bb-surtitre{color:var(--bb-sauge-clair)}
.bb-m .bb-band-dark{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bb-band-dark :is(h1,h2,h3,h4){color:inherit}
.bb-m .bb-band-lin{background:var(--bb-lin)}
.bb-m .bb-pg-head{padding-block:clamp(48px,7vw,88px) clamp(32px,4vw,48px)}
.bb-m .bb-pg-head h1{font-size:clamp(38px,5.2vw,68px);letter-spacing:-.03em;line-height:1.04;max-width:18ch}
.bb-m .bb-pg-head .bb-chapo{margin-top:20px;font-size:19px}
.bb-m .bb-pg-sec{padding-block:clamp(40px,6vw,72px)}
.bb-m .bb-pg-sec+.bb-pg-sec{padding-top:0}
.bb-m .bb-pg-sec h2{font-size:clamp(26px,3vw,36px);margin-bottom:22px}
.bb-m .bb-pg-sec2{padding-block:clamp(56px,7vw,96px)}
.bb-m .bb-ph6{padding-block:clamp(40px,6vw,88px) clamp(20px,3vw,36px)}
.bb-m :is(.bb-ph6,.bb-pg-head,.bb-soon-hero,.bb-help-head) h1.bb-page-t{font:600 clamp(42px,6.2vw,92px)/.98 var(--bb-fd);letter-spacing:-.035em;max-width:17ch;margin:6px 0 18px}
.bb-m .bb-ph6 h1.bb-page-t.bb-pt-m{font-size:clamp(34px,4.4vw,60px);max-width:20ch}
.bb-m .bb-ph6 .bb-chapo{max-width:60ch}
.bb-m .bb-sec6{padding-block:var(--bbm-s6)}
.bb-m .bb-pg-sec+.bb-pg-sec.bb-sec6{padding-top:var(--bbm-s6)}
.bb-m .bb-alt6,.bb-m .bb-ps.bb-alt{background:var(--bb-lin);box-shadow:0 0 0 100vmax var(--bb-lin);clip-path:inset(0 -100vmax)}
.bb-m .bb-sec6 h2{font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-.02em;margin-bottom:20px}
.bb-m .bb-sec6 .bb-chapo{max-width:62ch}
.bb-m .bb-embed6{padding-block:clamp(24px,3vw,40px)}
.bb-m .bb-embed6 .bb-mod-slot,.bb-m .bb-tresse-sec .bb-mod-slot{margin:0}
.bb-m .bb-tresse-sec{padding-block:clamp(32px,4vw,56px) 0}
.bb-m .bb-mod-slot{margin-bottom:28px}
.bb-m .bb-mod-slot:empty{display:none}
.bb-m .bb-rule{border:0;border-top:1px solid var(--bb-filet);margin:0}
.bb-m .bb-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.bb-m .bb-txt p{color:var(--bb-attenue);font-size:16.5px;max-width:62ch;margin:0}
.bb-m .bb-txt p+p{margin-top:14px}
.bb-m .bb-about-grid .bb-txt a,.bb-m .bb-about4 a{color:var(--bb-encre);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.bb-m .bb-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bb-m .bb-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 24px}
.bb-m .bb-grid3 .bb-card{animation:bbmCardIn .5s var(--bb-ease) both}
@keyframes bbmCardIn{from{opacity:.001;transform:translateY(14px)}}
.bb-m .bb-more-row{display:flex;justify-content:center;margin-top:40px}
.bb-m .bb-more-row .bb-btn{margin-top:0}
.bb-m .bb-stack-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--bb-filet)}
.bb-m .bb-stack-lines li{display:grid;grid-template-columns:minmax(160px,.4fr) 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--bb-filet)}
.bb-m .bb-stack-lines b{font:600 16px var(--bb-fd)}
.bb-m .bb-stack-lines span{color:var(--bb-attenue);font-size:15px}
.bb-m .bb-ariane{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.bb-m .bb-ariane span{opacity:.5}
.bb-m :is(.bb-cat-band,.bb-cat4,.bb-cat5) .bb-ariane{color:inherit;opacity:.85}
.bb-m :is(.bb-cat-band,.bb-cat4,.bb-cat5) .bb-ariane a{border-color:currentColor}
/* === D2 03 BOUTONS (complément de BB 03 : la maquette pose .btn sur <button> et <a>) === */
.bb-m button.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:var(--bb-r-btn);font:600 15px/1 var(--bb-fd);letter-spacing:.01em;white-space:nowrap;border:1.5px solid var(--bb-bb);background:var(--bb-bf);color:var(--bb-bt);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.bb-m button.bb-btn:hover{background:var(--bb-bhf);color:var(--bb-bht);border-color:var(--bb-bhb)}
.bb-m :is(a.bb-btn,.bb-btn a):hover{transform:none}
.bb-m .bb-btn--primaire{--bb-bf:var(--bbm-primaire);--bb-bt:#fff;--bb-bhf:var(--bb-argile-fonce);--bb-bht:#fff}
.bb-m[class*="bb-pilier-"] .bb-btn--primaire{--bb-bf:var(--bb-pc);--bb-bt:#fff}
.bb-m .bb-btn--contour{--bb-bb:var(--bb-encre);--bb-bt:var(--bb-encre)}
.bb-m :is(.bb-dark,.bb-band-dark,.bb-cont,.bb-c7-dark,.bb-pres4,.bb-pres5,.bb-soon-hero,.bb-end-cta) .bb-btn--contour{--bb-bb:rgba(250,247,242,.5);--bb-bt:var(--bb-bone);--bb-bhf:var(--bb-bone);--bb-bht:var(--bb-encre);--bb-bhb:var(--bb-bone)}
.bb-m button.bb-btn--sm,.bb-m a.bb-btn--sm{min-height:40px;padding:0 18px;font-size:14px}
.bb-m .bb-btn .bb-ico{display:none}
.bb-m .bb-gate .bb-btn--primaire,.bb-m[class*="bb-pilier-"] .bb-prose a.bb-btn--primaire{color:#fff}
.bb-m .bb-gate .bb-btn--contour{color:var(--bb-encre)}
.bb-m .bb-linkbtn9{background:none;border:0;padding:4px 0;font:500 14px var(--bb-fb);color:var(--bb-attenue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bb-m .bb-lien-fleche.bb-on-dark{color:var(--bb-bone)}
.bb-m .bb-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
/* === D2 04 BADGES, STATUTS, PASTILLES, PUCES === */
.bb-m .bb-badge{height:auto;padding:0;border:0;background:none;border-radius:0}
.bb-m .bb-badge--live::before{display:none}
.bb-m :is(.bb-cc-discord,.bb-shelf-card.bb-free,.bb-formule.bb-feat) .bb-badge{color:var(--bb-attenue-sombre)}
.bb-m .bb-cc-discord .bb-badge--ouvert{color:var(--bb-sauge-clair)}
.bb-m .bb-st{align-self:flex-start;display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:99px;font:600 12.5px var(--bb-fd);background:var(--bb-lin);color:var(--bb-encre);border:1px solid var(--bb-filet-pilule);white-space:nowrap}
.bb-m .bb-st-ouvert,.bb-m .bb-st-disponible-au-lancement{background:#DDE6DF;color:#2F3D33;border-color:#C3D1C6}
.bb-m .bb-st-liste-d-attente{background:#F6E1D5;color:#7F3B1B;border-color:#E8C3AE}
.bb-m .bb-rel9{display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1.2 var(--bb-fb);color:var(--bb-attenue);border:1px dashed var(--bb-sable);border-radius:999px;padding:3px 9px;white-space:nowrap}
.bb-m .bb-rel9::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid currentColor}
.bb-m .bb-p-degrade .bb-rel9{color:inherit}
.bb-m .bb-rel9-note{margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--bb-sable);background:var(--bb-lin);border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.5;max-width:72ch;color:var(--bb-encre)}
.bb-m .bb-v-badge{position:absolute;left:12px;top:12px;z-index:2;height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:99px;background:var(--bb-encre);color:var(--bb-bone);font:600 12px var(--bb-fd)}
.bb-m .bb-plabel{font:italic 400 17px var(--bb-fs);color:var(--bb-argile-fonce)}
.bb-m .bb-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding-inline:14px;border-radius:999px;border:1px solid var(--bb-filet);background:#fff;font:500 13.5px var(--bb-fd);color:inherit;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.bb-m .bb-chip:hover{border-color:var(--bb-encre)}
.bb-m .bb-chip.bb-on{background:var(--bb-encre);color:var(--bb-bone);border-color:var(--bb-encre)}
.bb-m .bb-chips{display:flex;flex-wrap:wrap;gap:6px}
.bb-m .bb-pilule i{width:12px;height:12px;border-radius:4px;border:1px solid var(--bb-filet);display:block;box-shadow:0 0 0 1px rgba(36,30,26,.2)}
.bb-m .bb-filters{display:flex;gap:6px 24px;flex-wrap:wrap;border-bottom:1px solid var(--bb-filet);margin-bottom:36px}
.bb-m .bb-filters .bb-chip{height:auto;border:0;border-radius:0;background:none;padding:0 0 12px;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--bb-attenue);font:500 14.5px var(--bb-fd)}
.bb-m .bb-filters .bb-chip:hover{color:var(--bb-encre);border-color:transparent}
.bb-m .bb-filters .bb-chip.bb-on{background:none;color:var(--bb-encre);border-bottom-color:var(--bb-argile)}
.bb-m .bb-filters .bb-chip i{display:none!important}
.bb-m .bb-h-inl{font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* === D2 05 FORMULAIRES (champs, listes d'attente, consentement) === */
.bb-m .bb-form-inline{display:flex;gap:8px;flex-wrap:wrap}
.bb-m .bb-input{flex:1;min-width:200px;height:50px;border-radius:var(--bb-r-btn);border:1.5px solid var(--bb-filet);background:#fff;color:var(--bb-encre);padding-inline:20px;font:500 15px var(--bb-fb)}
.bb-m :is(.bb-dark,.bb-free,.bb-cont,.bb-c7-dark) .bb-input{background:rgba(250,247,242,.06);border-color:rgba(250,247,242,.2);color:var(--bb-bone)}
.bb-m .bb-input::placeholder{color:#8f847b}
.bb-m .bb-input:focus{outline:none;border-color:var(--bb-argile)}
.bb-m .bb-consent-line{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.45;margin-top:12px;color:var(--bb-attenue)}
.bb-m :is(.bb-dark,.bb-free,.bb-cont,.bb-c7-dark) .bb-consent-line{color:var(--bb-attenue-sombre)}
.bb-m .bb-consent-line input{margin-top:2px;accent-color:var(--bb-argile)}
.bb-m .bb-form-ok{display:none;font:600 14px var(--bb-fd);color:var(--bb-sauge);margin-top:12px}
.bb-m :is(.bb-dark,.bb-free,.bb-cont,.bb-c7-dark,.bb-shelf-card.bb-free) .bb-form-ok{color:var(--bb-sauge-pale)}
.bb-m .bb-form-ok.bb-on{display:block}
.bb-m .bb-f8-consent{margin-top:10px}
.bb-m .bb-wl8 .bb-btn{white-space:nowrap}
.bb-m .bb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bb-m .bb-form-grid .bb-full{grid-column:1/-1}
.bb-m .bb-champ{display:grid;gap:7px;font:500 13.5px var(--bb-fd)}
.bb-m .bb-champ :is(input,select,textarea){padding:12px 14px;font:400 15.5px var(--bb-fb)}
.bb-m .bb-champ textarea{min-height:170px;resize:vertical}
.bb-m .bb-champ :is(input,select,textarea):focus{outline:none;border-color:var(--bb-argile)}
.bb-m .bb-selects{display:flex;gap:10px;flex-wrap:wrap}
.bb-m .bb-sel{display:grid;gap:6px;font:500 12.5px var(--bb-fd);color:var(--bb-attenue)}
.bb-m .bb-sel select{height:40px;border:1px solid var(--bb-filet);border-radius:var(--bb-r-btn);background:#fff;padding-inline:10px;font:500 14px var(--bb-fb);color:var(--bb-encre)}
.bb-m .bb-pf h3{font:500 20px var(--bb-fd);margin:0 0 6px}
.bb-m .bb-pf>p{color:var(--bb-attenue-2);font-size:14.5px;margin:0 0 12px}
.bb-m .bb-pf .bb-consent-line{color:var(--bb-attenue-2)}
.bb-m .bb-pf-note{font-size:13px;color:var(--bb-attenue-2);margin-top:8px}
.bb-m .bb-pf-note a{text-decoration:underline}
.bb-m .bb-shelf-card.bb-free :is(.bb-pf>p,.bb-pf .bb-consent-line,.bb-pf-note){color:var(--bb-attenue-sombre)}
.bb-m .bb-shelf-card.bb-free .bb-pf-note a{color:var(--bb-bone)}
.bb-m .bb-av9{align-items:start}
.bb-m .bb-av9-type{border:0;padding:0;margin:0;display:grid;gap:8px}
.bb-m .bb-av9-type legend{font:600 15px var(--bb-fd);margin-bottom:8px;padding:0}
.bb-m .bb-av9-r{display:flex;gap:10px;align-items:flex-start;min-height:32px;font-size:15px;cursor:pointer}
.bb-m .bb-av9-r input{margin-top:4px}
.bb-m .bb-av9-req,.bb-m .bb-av9-opt{font:400 13px var(--bb-fb);color:var(--bb-attenue)}
.bb-m .bb-av9-help{display:block;font:400 13.5px/1.45 var(--bb-fb);color:var(--bb-attenue);margin-top:6px}
.bb-m .bb-av9-err{display:block;color:#A3361F;font:500 14px var(--bb-fb);margin:6px 0 0}
.bb-m .bb-av9-err[hidden]{display:none}
.bb-m .bb-av9-mq{font-size:13px;color:var(--bb-attenue);margin:10px 0 0}
.bb-m .bb-av9-ok:focus{outline:none}
.bb-m .bb-av9-alert{padding:12px 14px;border-left:3px solid var(--bb-argile);background:rgba(196,96,47,.08);border-radius:0 8px 8px 0}
.bb-m .bb-av9-alert a{border-bottom:1px solid currentColor;font-weight:600}
.bb-m .bb-empty9{max-width:640px;padding:28px;border:1.5px dashed var(--bb-sable);border-radius:12px;background:var(--bb-lin)}
.bb-m .bb-empty9 p{font-size:17px;margin:0 0 18px}
.bb-m .bb-empty{padding:40px 0;color:var(--bb-attenue)}
.bb-m .bb-count-line{font:500 14px var(--bb-fd);color:var(--bb-attenue);margin-bottom:22px}
.bb-m .bb-art-tools{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end;justify-content:space-between;margin-bottom:36px}
.bb-m .bb-art-tools .bb-filters{margin:0;flex:1;min-width:280px}
/* === D2 06 PILIERS : TEINTES DES SURFACES (classes de pilier de la maquette v-* / p-* ; voir README) === */
.bb-m .bb-v-fond{background:var(--bbm-g-fond);color:var(--bb-bone)}
.bb-m .bb-v-mental{background:var(--bbm-g-mental);color:var(--bb-bone)}
.bb-m .bb-v-consent{background:var(--bbm-g-consent);color:var(--bb-encre)}
.bb-m .bb-v-prat{background:var(--bbm-g-prat);color:var(--bb-encre)}
.bb-m .bb-v-bdsm{background:var(--bbm-g-bdsm);color:var(--bb-bone)}
.bb-m .bb-v-id{background:var(--bbm-g-id);color:var(--bb-encre)}
.bb-m .bb-v-prat,.bb-m .bb-v-id{box-shadow:inset 0 0 0 1px var(--bb-filet)}
.bb-m :is(.bb-v-fond,.bb-v-mental,.bb-v-consent,.bb-v-prat,.bb-v-bdsm,.bb-v-id) :is(h2,h3,h4,p){color:inherit}
.bb-m .bb-tcard.bb-p-fond .bb-tc-pil{color:#241E1A}
.bb-m .bb-tcard.bb-p-mental .bb-tc-pil{color:#4F6352}
.bb-m .bb-tcard.bb-p-consent .bb-tc-pil{color:#A44E24}
.bb-m .bb-tcard.bb-p-prat .bb-tc-pil{color:#8A5A2B}
.bb-m .bb-tcard.bb-p-bdsm .bb-tc-pil{color:#6E2F52}
.bb-m .bb-tcard.bb-p-id .bb-tc-pil{color:#6B5A48}
/* page teintée par le pilier : body.bb-m.bb-pilier-* (bb-global pose --bb-pc / --bb-pt) */
.bb-m[class*="bb-pilier-"] :is(.bb-further4 p a,.bb-about4 a,.bb-byline a,.bb-art5-pil a,.bb-more-links a:hover){color:var(--bb-pc)}
.bb-m[class*="bb-pilier-"] .bb-surtitre{color:var(--bb-pc)}
.bb-m[class*="bb-pilier-"] .bb-a-retenir{background:rgba(255,255,255,.55)}
.bb-m[class*="bb-pilier-"] .bb-further4{background:rgba(255,255,255,.6)}
.bb-m[class*="bb-pilier-"] .bb-gl-t{text-decoration-color:var(--bb-pc)}
.bb-m[class*="bb-pilier-"] ::selection{background:var(--bb-pc);color:#fff}
.bb-m[class*="bb-pilier-"] .bb-couture path{stroke:var(--bb-pc);stroke-opacity:.45}
/* === D2 07 HERO (accueil v1 générique, intro v9 sur image, hero v10 texte + noeud) === */
.bb-m .bb-hero{position:relative;overflow:hidden;padding-block:clamp(56px,8vw,104px) clamp(64px,8vw,96px)}
.bb-m .bb-hero .bb-surtitre{display:inline-flex;align-items:center;gap:10px}
.bb-m .bb-hero .bb-surtitre::before{content:"";width:28px;height:1.5px;background:currentColor}
.bb-m .bb-hero-body{color:var(--bb-attenue);font-size:18px;max-width:46ch;margin-bottom:32px}
.bb-m .bb-help9{margin:26px 0 0;font-size:15px;line-height:1.55;color:var(--bb-encre-2);max-width:46ch}
.bb-m .bb-help9 a{font-weight:600;color:var(--bb-encre);border-bottom:1.5px solid currentColor;white-space:nowrap;text-decoration:none}
.bb-m .bb-help9 a::after{content:" \2192"}
/* v9 : texte posé sur la partie vide de la photo */
.bb-m .bb-hero.bb-hero9{padding-block:0;background:#F2EEE9;overflow:hidden}
.bb-m .bb-hero9 .bb-h1m{font-size:clamp(38px,4.6vw,62px);margin:0 0 20px}
.bb-m .bb-hero9 .bb-hero-body{margin-bottom:26px;color:var(--bb-encre-2)}
.bb-m .bb-hero9 .bb-hero-ctas{align-items:center;gap:14px 22px}
/* v10 : titre à gauche, noeud vivant à droite (le module 3D est fourni par l'extension) */
.bb-m .bb-hero10{background:var(--bb-bone);overflow:hidden}
.bb-m .bb-hero10 .bb-hero10-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(16px,3vw,48px);align-items:center;min-height:clamp(480px,calc(100svh - 150px),720px);padding-block:clamp(32px,5vw,72px)}
.bb-m .bb-hero10 .bb-h1m{font-size:clamp(38px,4.8vw,66px);margin:0 0 20px}
.bb-m .bb-hero10 .bb-hero-body{margin-bottom:26px;color:var(--bb-encre-2);max-width:48ch}
.bb-m .bb-hero10 .bb-hero-ctas{align-items:center;gap:14px 22px}
.bb-m .bb-hero10-knot{margin:0;position:relative}
.bb-m .bb-hero10-mount{min-height:200px}
.bb-m .bb-hero10-cap{margin:6px auto 0;max-width:40ch;text-align:center;font:500 13.5px/1.45 var(--bb-fd);color:var(--bb-attenue)}
/* encart communauté sous le héros */
.bb-m .bb-comm9{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:16px clamp(24px,4vw,56px);align-items:start;background:var(--bb-lin);border:1px solid var(--bb-filet);border-radius:12px;padding:clamp(22px,3vw,34px);margin-bottom:clamp(32px,4vw,56px)}
.bb-m .bb-comm9-eb{display:block;font:500 14px/1.3 var(--bb-fb);color:var(--bb-sauge);margin-bottom:8px}
.bb-m .bb-comm9-h{font-size:clamp(24px,2.6vw,34px);line-height:1.12;margin:0}
.bb-m .bb-comm9 p{margin:0 0 16px;color:var(--bb-encre-2)}
.bb-m .bb-comm9 .bb-hero-ctas{align-items:center;gap:12px 20px}
.bb-m .bb-comm9 .bb-comm9-m{margin:14px 0 0;font-size:14px;color:var(--bb-attenue)}
/* === D2 08 CARTES D'ARTICLE (carte papier v5/v6 : haut illustré, couture, corps) === */
.bb-m .bb-tcard,.bb-m .bb-card{background:var(--bb-papier);border-radius:6px 6px 12px 12px;box-shadow:var(--bbm-ombre-papier);transition:transform .45s var(--bb-ease),box-shadow .45s var(--bb-ease);overflow:hidden;display:flex;flex-direction:column;color:inherit;text-decoration:none}
.bb-m .bb-tcard:hover,.bb-m .bb-card:hover{transform:translateY(-4px);box-shadow:var(--bbm-ombre-papier-h)}
.bb-m .bb-tc-top,.bb-m .bb-card .bb-visual{position:relative;height:150px;border-radius:0;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 20px 20px;overflow:hidden}
.bb-m :is(.bb-tc-top,.bb-card .bb-visual)>svg{position:absolute;inset:0;width:100%;height:100%}
.bb-m .bb-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--bb-ease)}
.bb-m .bb-card:hover .bb-visual>img{transform:scale(1.04)}
.bb-m .bb-visual .bb-wm{position:absolute;right:14px;bottom:-.18em;font:800 clamp(64px,9vw,120px)/1 var(--bb-fd);letter-spacing:-.05em;opacity:.12}
.bb-m .bb-visual .bb-p-tag{position:relative;z-index:1;display:inline-flex;align-items:center;height:26px;padding-inline:11px;border-radius:999px;font:600 11.5px var(--bb-fd);background:rgba(250,247,242,.92);color:var(--bb-encre);backdrop-filter:blur(4px)}
.bb-m .bb-tc-pil{position:relative;font-size:18px;line-height:1.1;color:var(--bb-pc,var(--bb-argile-fonce));text-shadow:none}
.bb-m .bb-grid2 .bb-tc-pil,.bb-m .bb-grid3 .bb-tc-pil{font-size:19px}
.bb-m .bb-tc-body,.bb-m .bb-card .bb-card-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.bb-m .bb-tc-body h3,.bb-m .bb-card .bb-card-body h3{font:600 20px/1.2 var(--bb-fd);letter-spacing:-.015em}
.bb-m .bb-tc-body p,.bb-m .bb-card-body p{font-size:14.5px;color:var(--bb-attenue);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bb-m .bb-tcard .bb-meta{margin-top:auto}
.bb-m .bb-card:hover h3,.bb-m .bb-tcard:hover h3{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.bb-m .bb-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font:500 12.5px var(--bb-fd);color:var(--bb-attenue);margin-top:auto;padding-top:4px}
.bb-m .bb-meta .bb-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}
.bb-m .bb-meta .bb-acc{color:var(--bb-sauge);font-weight:500}
.bb-m .bb-meta .bb-acc.bb-prem{color:var(--bb-argile-fonce)}
.bb-m :is(.bb-tcard,.bb-card,.bb-art-meta) .bb-acc:not(.bb-prem){color:#46594A}
.bb-m .bb-couture{height:12px;margin:-6px 0 0;position:relative;z-index:1;padding-inline:14px}
.bb-m .bb-couture svg{display:block;width:100%;height:12px;overflow:visible}
.bb-m .bb-couture path{fill:none;stroke:var(--bb-sable);stroke-width:2;stroke-linecap:round;stroke-dasharray:7 6}
.bb-m .bb-tcard .bbm-card-top,.bb-m .bb-card .bb-visual.bbm-card-top{position:relative;height:auto!important;aspect-ratio:16/9;padding:0!important;border-radius:6px 6px 0 0;overflow:hidden;display:block}
.bb-m .bbm-card-top>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bb-m .bbm-card-top .bb-v-badge{z-index:2}
.bb-m .bbm-card-top.bb-has-img .bbm-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bb-m .bb-motif6{position:absolute;inset:0;display:block}
.bb-m .bb-motif6>svg{position:absolute;inset:0;width:100%;height:100%}
.bb-m .bb-motif6~.bb-tc-pil{color:var(--bb-encre)}
.bb-m .bb-motif-host{min-height:260px;position:relative}
.bb-m .bb-motif-host canvas{width:100%;height:100%;display:block;border-radius:12px}
.bb-m .bb-card .bb-plabel{display:block}
/* === D2 09 A LA UNE (grille v9 : 6 articles, la première en grand) === */
.bb-m .bb-une-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto;gap:24px;align-items:start}
.bb-m .bb-une-grid .bb-card.bb-big{grid-row:span 2}
.bb-m .bb-une-grid .bb-card.bb-big .bb-visual{height:auto!important;aspect-ratio:16/9;flex:none}
.bb-m .bb-une-grid .bb-card.bb-big h3{font-size:clamp(24px,2.4vw,32px);line-height:1.12}
.bb-m .bb-une-grid .bb-card:not(.bb-big){flex-direction:column}
.bb-m .bb-une-grid .bb-card:not(.bb-big) .bb-visual{width:auto;height:auto!important;aspect-ratio:16/9}
.bb-m .bb-une-grid .bb-card:not(.bb-big) .bb-card-body{padding:16px 20px 20px}
.bb-m .bb-une-grid.bb-une7{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb-m .bb-une-grid.bb-une7 .bb-card.bb-big{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:55fr 45fr;grid-template-rows:1fr;min-height:420px}
.bb-m .bb-une-grid.bb-une7 .bb-card.bb-big .bb-visual{grid-column:1;grid-row:1;aspect-ratio:auto!important;height:100%!important;min-height:420px;border-radius:6px 0 0 12px}
.bb-m .bb-une-grid.bb-une7 .bb-card.bb-big .bb-card-body{grid-column:2;grid-row:1;align-self:center;padding:clamp(24px,3.4vw,48px)}
.bb-m .bb-une9{padding-block:clamp(36px,5vw,64px) clamp(48px,6vw,80px)}
.bb-m .bb-une9 .bb-h2m{font-size:clamp(28px,3.4vw,44px)}
.bb-m .bb-une9-l{margin-top:12px;font-size:17px}
.bb-m .bb-une-grid.bb-une9-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:22px}
.bb-m .bb-une-grid.bb-une9-grid .bb-card.bb-big{grid-column:1/3;grid-row:1/3;display:flex;flex-direction:column}
.bb-m .bb-une-grid.bb-une9-grid .bb-card.bb-big .bb-visual{aspect-ratio:auto!important;height:auto!important;flex:1;min-height:300px}
.bb-m .bb-une-grid.bb-une9-grid .bb-card:not(.bb-big) .bb-visual{aspect-ratio:16/9!important;min-height:0}
.bb-m .bb-une-grid.bb-une9-grid .bb-card:not(.bb-big) h3{font-size:19px}
.bb-m .bb-une-grid.bb-une9-grid .bb-card:not(.bb-big) p{-webkit-line-clamp:2}
.bb-m .bb-une9-grid .bb-visual.bb-v10-vis{position:relative;overflow:hidden}
.bb-m .bb-une9-grid .bb-visual.bb-v10-vis>svg{display:block;width:100%;height:100%}
/* === D2 10 PILIERS : GALERIE ACCORDEON (accueil) === */
.bb-m .bb-pillars{display:flex;gap:12px;height:520px}
.bb-m .bb-pillar{position:relative;flex:1;min-width:0;border-radius:var(--bb-r-img);overflow:hidden;cursor:pointer;transition:flex .7s var(--bb-ease);isolation:isolate;display:flex;color:inherit;text-decoration:none}
.bb-m .bb-pillar.bb-open{flex:4.2}
.bb-m .bb-pillar .bb-pl-fil{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bb-m .bb-pillar .bb-pl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bb-m .bb-pillar::before{content:"";position:absolute;inset:0;background:inherit;opacity:.8;z-index:-1;transition:opacity .6s var(--bb-ease)}
.bb-m .bb-pillar:not(.bb-open)::before{opacity:.45}
.bb-m .bb-pillar .bb-pl-closed{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:22px 0;transition:opacity .35s}
.bb-m .bb-pillar:not(.bb-open) .bb-pl-closed{text-shadow:0 1px 10px rgba(0,0,0,.35)}
.bb-m .bb-pillar:is(.bb-p-prat,.bb-p-id,.bb-p-consent):not(.bb-open) .bb-pl-closed{text-shadow:0 1px 10px rgba(255,255,255,.6)}
.bb-m .bb-pillar.bb-open .bb-pl-closed{opacity:0;pointer-events:none}
.bb-m .bb-pl-closed .bb-num{font:700 14px var(--bb-fd);opacity:.8}
.bb-m .bb-pl-closed .bb-vname{writing-mode:vertical-rl;transform:rotate(180deg);font:700 22px var(--bb-fd);letter-spacing:-.01em;white-space:nowrap}
.bb-m .bb-pl-open{padding:34px;display:flex;flex-direction:column;width:100%;min-width:430px;opacity:0;transform:translateX(-14px);transition:opacity .45s var(--bb-ease),transform .45s var(--bb-ease)}
.bb-m .bb-pillar.bb-open .bb-pl-open{opacity:1;transform:none;transition-delay:.25s}
.bb-m .bb-pl-open .bb-num{font:600 12px var(--bb-fd);letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.bb-m .bb-pl-open h3{font:600 clamp(30px,3.4vw,44px)/1.08 var(--bb-fd);margin:12px 0 12px;color:inherit}
.bb-m .bb-pl-open .bb-tag{font:600 18px var(--bb-fd);opacity:.95;margin-bottom:8px}
.bb-m .bb-pillar.bb-p-bdsm .bb-pl-open .bb-tag{font:italic 400 21px var(--bb-fs)}
.bb-m .bb-pl-open p.bb-d{font-size:15px;opacity:.85;max-width:44ch;margin:0}
.bb-m .bb-pl-open ul{list-style:none;margin:auto 0 22px;padding:0;display:grid;gap:0;max-width:520px}
.bb-m .bb-pl-open li a{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(127,127,127,.3);font:500 14.5px/1.35 var(--bb-fd);color:inherit;text-decoration:none;transition:padding .25s var(--bb-ease)}
.bb-m .bb-pl-open li a:hover{padding-left:8px}
.bb-m .bb-pl-open li small{opacity:.7;font:500 12.5px var(--bb-fb);flex:none}
.bb-m .bb-pl-open .bb-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.bb-m .bb-pl-open .bb-count{font:500 13px var(--bb-fd);opacity:.75}
/* === D2 11 PARCOURS (onglets à filets + étapes reliées) === */
.bb-m .bb-paths{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}
.bb-m .bb-path-tabs{display:grid;gap:0;border-top:1px solid var(--bb-filet)}
.bb-m .bb-path-tab{display:grid;gap:4px;text-align:left;padding:18px 8px 18px 16px;border:0;border-bottom:1px solid var(--bb-filet);border-left:2px solid transparent;border-radius:0;background:none;color:inherit;cursor:pointer;font:inherit;transition:background-color .25s,border-color .25s}
.bb-m .bb-path-tab b{font:600 16px var(--bb-fd)}
.bb-m .bb-path-tab span{font-size:13.5px;color:var(--bb-attenue)}
.bb-m .bb-path-tab:hover{border-color:var(--bb-filet);border-left-color:var(--bb-sable)}
.bb-m .bb-path-tab[aria-selected="true"]{color:var(--bb-encre);border-left-color:var(--bb-argile)}
.bb-m .bb-path-stage{position:relative;background:none;border:0;border-top:1px solid var(--bb-filet);padding:28px 0 0;min-height:100%}
.bb-m .bb-path-stage h3{font-size:26px;margin:0 0 6px}
.bb-m .bb-path-stage>p{color:var(--bb-attenue);margin:0 0 30px}
.bb-m .bb-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bb-m .bb-steps-fil{position:absolute;left:0;right:0;top:22px;height:30px;width:100%;overflow:visible;pointer-events:none}
.bb-m .bb-steps-fil path{fill:none;stroke:var(--bb-argile);stroke-width:2;stroke-dasharray:1200;stroke-dashoffset:1200;stroke-linecap:round}
.bb-m .bb-path-stage.bb-play .bb-steps-fil path{animation:bbmDraw 1.6s var(--bb-ease) forwards}
@keyframes bbmDraw{to{stroke-dashoffset:0}}
.bb-m .bb-step{position:relative;display:flex;flex-direction:column;gap:10px}
.bb-m .bb-step .bb-knot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 15px var(--bb-fd);background:var(--bb-bone);border:1.5px solid var(--bb-encre);position:relative;z-index:1}
.bb-m .bb-step .bb-sw{font:600 11.5px var(--bb-fd);letter-spacing:.08em;text-transform:uppercase;color:var(--bb-attenue)}
.bb-m .bb-step a.bb-t{font:600 17px/1.3 var(--bb-fd);color:inherit;text-decoration:none;transition:color .2s}
.bb-m .bb-step a.bb-t:hover{color:var(--bb-argile-fonce)}
.bb-m .bb-step small{font:500 12.5px var(--bb-fd);color:var(--bb-attenue)}
.bb-m .bb-path-stage .bb-foot{margin-top:30px;padding-top:0;border-top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--bb-attenue)}
/* === D2 12 ACCUEIL v9 : le mot de Clément, questions, feuille de route, Discord, retours === */
.bb-m .bb-mot9{background:var(--bb-bone)}
.bb-m .bb-mot9-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,88px);align-items:start}
.bb-m .bb-mot9-txt .bb-surtitre{display:block;margin-bottom:12px}
.bb-m .bb-mot9-txt .bb-h2m{font-size:clamp(28px,3.4vw,44px);margin-bottom:22px}
.bb-m .bb-mot9-txt p{font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:var(--bb-encre-2);max-width:60ch;margin:0 0 16px}
.bb-m .bb-sig9{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--bb-argile-fonce)}
.bb-m .bb-sig9 svg{width:150px;height:48px}
.bb-m .bb-sig9 path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bb-m .bb-sig9 span{font:600 15px var(--bb-fd);color:var(--bb-encre)}
.bb-m .bb-sig9-line{font-weight:600}
.bb-m .bb-sig9-end{text-align:center;font:600 clamp(20px,2.4vw,28px)/1.3 var(--bb-fd);margin:0}
.bb-m .bb-mot9-circ{background:var(--bb-lin);border-radius:12px;padding:clamp(22px,3vw,34px)}
.bb-m .bb-mot9-circ h3{font-size:clamp(20px,2vw,24px);margin:0 0 18px}
.bb-m .bb-circ9{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}
.bb-m .bb-circ9 li{display:grid;grid-template-columns:34px 1fr;column-gap:14px;row-gap:2px;align-items:start}
.bb-m .bb-circ9-n{grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--bb-fd);background:var(--bb-bone);border:1.5px solid var(--bb-encre)}
.bb-m .bb-circ9 b{font:600 16px/1.3 var(--bb-fd)}
.bb-m .bb-circ9 li>span:last-child{font-size:14.5px;line-height:1.5;color:var(--bb-attenue)}
.bb-m .bb-circ9 li.bb-wip .bb-circ9-n{border-style:dashed;color:var(--bb-attenue)}
.bb-m .bb-circ9 li.bb-wip b{color:var(--bb-attenue)}
.bb-m .bb-mot10-wrap{max-width:820px}
.bb-m .bb-mot10 .bb-mot9-txt .bb-h2m{max-width:22ch}
.bb-m .bb-mot10 .bb-mot9-txt p{max-width:64ch}
.bb-m .bb-auteur10{margin:22px 0 0!important;padding:12px 0 0 14px;border-left:3px solid var(--bb-argile);font-size:15px!important;line-height:1.55!important;color:var(--bb-encre)!important}
.bb-m .bb-mot10-ctas{margin-top:18px;gap:12px 24px}
.bb-m :is(.bb-q9,.bb-build9,.bb-sec-piliers,.bb-sec-parcours,.bb-sec-faq) .bb-h2m{font-size:clamp(28px,3.4vw,44px)}
.bb-m .bb-q9 .bb-chapo{margin-top:12px}
.bb-m .bb-q9-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.bb-m .bb-q9-c{background:#fff;border:1px solid var(--bb-filet);border-radius:10px}
.bb-m .bb-q9-c summary{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:20px 22px;cursor:pointer;list-style:none;font:600 17px/1.4 var(--bb-fd)}
.bb-m .bb-q9-c summary::-webkit-details-marker{display:none}
.bb-m .bb-q9-c summary:focus-visible{outline:2px solid var(--bb-encre);outline-offset:2px;border-radius:10px}
.bb-m .bb-q9-c .bb-pm{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--bb-filet);position:relative;margin-top:1px}
.bb-m .bb-q9-c .bb-pm::before,.bb-m .bb-q9-c .bb-pm::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.bb-m .bb-q9-c .bb-pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.bb-m .bb-q9-c[open] .bb-pm::after{display:none}
.bb-m .bb-q9-a{padding:0 22px 20px;color:var(--bb-encre-2)}
.bb-m .bb-q9-a p{margin:0 0 12px}
.bb-m .bb-q9-foot{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;margin-top:30px;padding-top:22px;border-top:1px solid var(--bb-filet)}
.bb-m .bb-q9-foot p{margin:0;color:var(--bb-encre-2)}
.bb-m .bb-q9-foot .bb-lien-fleche{margin-left:4px}
.bb-m .bb-build9{background:var(--bb-lin)}
.bb-m .bb-build9 .bb-sec-head .bb-chapo{margin-top:12px}
.bb-m .bb-rm9-t{font-size:clamp(20px,2vw,24px);margin:0 0 6px}
.bb-m .bb-rm9-l{color:var(--bb-attenue);max-width:64ch;margin:0 0 24px}
.bb-m .bb-rm9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.bb-m .bb-rm9-col{display:grid;gap:12px}
.bb-m .bb-rm9-st{display:flex;align-items:center;gap:8px;font:600 14px var(--bb-fd);margin:0 0 2px;padding-bottom:10px;border-bottom:1.5px solid var(--bb-encre)}
.bb-m .bb-rm9-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--bb-argile)}
.bb-m .bb-rm9-dot.bb-live{background:var(--bb-sauge);border-color:var(--bb-sauge)}
.bb-m .bb-rm9-dot.bb-later{border-style:dashed;border-color:var(--bb-attenue)}
.bb-m .bb-rm9-dot.bb-idea{border-color:var(--bb-encre);border-style:dotted}
.bb-m .bb-rm9-c{background:var(--bb-bone);border:1px solid var(--bb-filet);border-radius:10px;padding:16px 18px}
.bb-m .bb-rm9-c h4{font:600 16px/1.3 var(--bb-fd);margin:0 0 6px}
.bb-m .bb-rm9-c p{font-size:14.5px;line-height:1.55;color:var(--bb-encre-2);margin:0 0 10px}
.bb-m .bb-rm9-c .bb-lien-fleche{font-size:13.5px}
.bb-m .bb-rm9-empty{border:1.5px dashed var(--bb-sable);border-radius:10px;padding:18px;background:rgba(250,247,242,.5)}
.bb-m .bb-rm9-empty p{font-size:14.5px;line-height:1.55;color:var(--bb-encre-2);margin:0 0 14px}
.bb-m .bb-rm9-foot{margin:22px 0 0;color:var(--bb-attenue);font-size:15px}
.bb-m .bb-rm9-foot a{color:var(--bb-encre);border-bottom:1px solid currentColor;text-decoration:none}
.bb-m .bb-dis9-home{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:center;margin-top:36px;padding:clamp(20px,3vw,30px);background:var(--bb-bone);border:1px solid var(--bb-filet);border-radius:12px}
.bb-m .bb-dis9-home h3{font-size:clamp(20px,2vw,24px);margin:0 0 8px}
.bb-m .bb-dis9-home p{margin:0;color:var(--bb-encre-2)}
.bb-m .bb-dis9 .bb-dis9-m{margin-top:10px;font-size:14px;color:var(--bb-attenue)}
.bb-m .bb-dis9:not(.bb-dis9-home){margin:26px 0 18px;padding:20px;background:var(--bb-lin);border-radius:10px}
.bb-m .bb-dis9:not(.bb-dis9-home) .bb-adh9-h{font-size:24px;margin-bottom:10px}
.bb-m .bb-retour9-line{font-size:15px;color:var(--bb-encre-2)}
.bb-m .bb-retour9-line a,.bb-m .bb-retour9-tool a{color:var(--bb-encre);font-weight:600;border-bottom:1.5px solid currentColor;text-decoration:none}
.bb-m .bb-retour9-tool{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--bb-filet);font-size:14.5px;color:var(--bb-attenue)}
.bb-m .bb-err9{border:1px solid var(--bb-filet);border-radius:10px;padding:18px 20px;background:var(--bb-lin);margin:8px 0 18px}
.bb-m .bb-err9 h3{font-size:19px;margin:0 0 6px}
.bb-m .bb-err9 p{margin:0 0 12px;font-size:15px}
.bb-m .bb-err9-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0!important}
/* === D2 13 FAQ, CONTACT, QUESTIONS === */
.bb-m .bb-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,90px);align-items:start}
.bb-m .bb-faq-grid .bb-sticky{position:sticky;top:110px}
.bb-m .bb-faq{border-top:1px solid var(--bb-filet)}
.bb-m .bb-faq details{border-bottom:1px solid var(--bb-filet)}
.bb-m .bb-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer;font:600 17.5px/1.35 var(--bb-fd);transition:color .2s}
.bb-m .bb-faq summary::-webkit-details-marker{display:none}
.bb-m .bb-faq summary:hover{color:var(--bb-argile-fonce)}
.bb-m .bb-faq .bb-pm{width:22px;height:22px;border:0;border-radius:50%;flex:none;position:relative;transition:transform .4s var(--bb-ease),background-color .3s}
.bb-m .bb-faq .bb-pm::before,.bb-m .bb-faq .bb-pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.8px;background:currentColor;transform:translate(-50%,-50%)}
.bb-m .bb-faq .bb-pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s var(--bb-ease)}
.bb-m .bb-faq details[open] .bb-pm{color:var(--bb-argile)}
.bb-m .bb-faq details[open] .bb-pm::after{transform:translate(-50%,-50%) rotate(0)}
.bb-m .bb-faq .bb-ans{overflow:hidden;transition:height .45s var(--bb-ease)}
.bb-m .bb-faq .bb-ans p{padding:0 50px 24px 0;color:var(--bb-attenue);font-size:15.5px;margin:0}
.bb-m .bb-faq-more{margin-top:-8px;padding:0 0 22px}
.bb-m .bb-faq6-search{position:relative;max-width:680px;margin-top:28px}
.bb-m .bb-faq6-search .bb-ico{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--bb-attenue)}
.bb-m .bb-faq6-search input{width:100%;height:56px;border-radius:999px;border:1.5px solid var(--bb-filet-pilule);background:#fff;padding:0 22px 0 52px;font:500 16px var(--bb-fb);color:var(--bb-encre)}
.bb-m .bb-faq6-search input:focus{outline:none;border-color:var(--bb-argile)}
.bb-m .bb-faq6-cats{margin-top:18px}
.bb-m .bb-faq6{padding-top:clamp(28px,3vw,40px)}
.bb-m .bb-faq6-cat{padding-block:28px;border-top:1px solid var(--bb-filet)}
.bb-m .bb-faq6-h{font:600 clamp(22px,2.2vw,30px)/1.2 var(--bb-fd);margin-bottom:6px}
.bb-m .bb-faq6-intro{color:var(--bb-attenue-2);margin-bottom:12px;max-width:70ch}
.bb-m .bb-faq6 .bb-faq{max-width:900px}
.bb-m .bb-contact-band{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:clamp(28px,4vw,44px);border-radius:14px;background:var(--bbm-g-consent);color:var(--bb-encre)}
.bb-m .bb-contact-band h3{font-size:clamp(24px,2.8vw,34px);max-width:22ch;margin:0}
.bb-m .bb-contact-band p{font-size:15px;margin:8px 0 0;max-width:52ch;color:#3a2a20}
.bb-m .bb-help-rem{background:var(--bb-lin);border-left:4px solid var(--bb-argile);border-radius:0 12px 12px 0;padding:16px 18px;margin-top:6px}
.bb-m .bb-help-rem b{font:600 15px var(--bb-fd);color:var(--bb-encre);display:block;margin-bottom:4px}
.bb-m .bb-help-rem p{color:var(--bb-encre-2)!important;font-size:15px!important;margin:0}
.bb-m .bb-help-rem a{text-decoration:underline;text-underline-offset:3px;color:var(--bb-encre)}
/* === D2 14 E-BOOKS (couvertures, étagère, fiche, catalogue v7/v8, lecteur hors périmètre) === */
.bb-m .bb-book{display:block;color:inherit;text-decoration:none}
.bb-m .bb-cover{aspect-ratio:3/4;border-radius:2px 6px 6px 2px;position:relative;overflow:hidden;padding:16px 14px;display:flex;flex-direction:column;box-shadow:inset 6px 0 0 rgba(0,0,0,.14),var(--bb-ombre);transition:transform .45s var(--bb-ease),box-shadow .45s}
.bb-m .bb-book:hover .bb-cover{transform:translateY(-4px);box-shadow:inset 6px 0 0 rgba(0,0,0,.14),var(--bb-ombre-lg)}
.bb-m .bb-cover .bb-c-top{font:700 9px var(--bb-fd);letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.bb-m .bb-cover .bb-c-title{font:700 16px/1.15 var(--bb-fd);margin-top:auto;position:relative}
.bb-m .bb-cover svg{position:absolute;inset:0;width:100%;height:100%}
.bb-m .bb-book .bb-b-meta{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font:500 13px var(--bb-fd)}
.bb-m .bb-book .bb-b-meta b{color:var(--bb-argile-fonce)}
.bb-m .bb-book .bb-b-meta span{color:var(--bb-attenue);font-weight:400}
.bb-m .bb-book.bb-soon .bb-cover{filter:saturate(.55) brightness(1.02)}
.bb-m .bb-tilt{width:clamp(150px,15vw,200px);perspective:900px}
.bb-m .bb-tilt .bb-cover{transition:transform .25s ease-out;transform-style:preserve-3d;will-change:transform}
.bb-m .bb-shelf{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bb-m .bb-shelf-card{border-radius:14px;padding:clamp(26px,4vw,44px);display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,3vw,38px);align-items:center;overflow:hidden;position:relative}
.bb-m .bb-shelf-card.bb-paid{background:var(--bb-lin);border:1px solid var(--bb-filet)}
.bb-m .bb-shelf-card.bb-free{background:var(--bb-encre);color:var(--bb-bone)}
.bb-m .bb-shelf-card.bb-free h3{color:inherit}
.bb-m .bb-shelf-card h3{font-size:clamp(24px,2.4vw,30px);margin:10px 0 10px}
.bb-m .bb-shelf-card p{font-size:15px;color:var(--bb-attenue);margin:0 0 16px}
.bb-m .bb-shelf-card.bb-free p{color:var(--bb-attenue-sombre)}
.bb-m .bb-shelf-card ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:6px;font-size:14px}
.bb-m .bb-shelf-card ul li{display:flex;gap:8px}
.bb-m .bb-shelf-card ul li::before{content:"";width:14px;height:1.5px;background:var(--bb-argile);margin-top:11px;flex:none}
.bb-m .bb-price{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}
.bb-m .bb-price b{font:700 32px var(--bb-fd);white-space:nowrap}
.bb-m .bb-price span{font-size:13.5px;color:var(--bb-attenue)}
.bb-m .bb-shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 24px}
.bb-m .bb-shelf-grid .bb-book h3{font-size:17px;line-height:1.25;margin:14px 0 0}
.bb-m .bb-shelf-grid .bb-book p{font-size:14px;color:var(--bb-attenue);margin:6px 0 0}
.bb-m .bb-shelf-grid .bb-book .bb-b-meta{margin-top:10px}
.bb-m .bb-fiche{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,90px);align-items:start;padding-block:clamp(40px,6vw,72px)}
.bb-m .bb-fiche.bb-ph6 .bb-page-t{margin-top:10px}
.bb-m .bb-fiche .bb-tilt{width:100%;max-width:340px}
.bb-m .bb-fiche h1{font-size:clamp(34px,4.4vw,54px);line-height:1.06;letter-spacing:-.03em}
.bb-m .bb-fiche .bb-sub{font:500 20px/1.45 var(--bb-fd);color:var(--bb-encre-2);margin-top:14px}
.bb-m .bb-fiche .bb-price b{font-size:40px}
.bb-m .bb-buy{margin-top:28px;padding-top:24px;border-top:1px solid var(--bb-filet);display:grid;gap:14px}
.bb-m .bb-buy .bb-consent-line{color:var(--bb-attenue)}
.bb-m .bb-buy-btn[disabled]{opacity:.6;cursor:not-allowed}
.bb-m .bb-toc-book{list-style:none;margin:0;padding:0;counter-reset:bbm-ch;border-top:1px solid var(--bb-filet)}
.bb-m .bb-toc-book li{counter-increment:bbm-ch;display:grid;grid-template-columns:44px 1fr;padding:14px 0;border-bottom:1px solid var(--bb-filet);font:500 16px var(--bb-fd)}
.bb-m .bb-toc-book li::before{content:counter(bbm-ch);color:var(--bb-argile-fonce);font-weight:700}
.bb-m .bb-eb8-soon{display:block;font-size:13px;font-weight:600;color:var(--bb-argile-fonce)}
.bb-m small.bb-eb8-soon{margin-top:2px}
.bb-m :is(.bb-c7-dark,.bb-sec.bb-dark) .bb-eb8-soon{color:#F0C4A6}
.bb-m .bb-adh10-eb{font-weight:600;color:var(--bb-encre)}
/* Coaching & e-books (v7) : éventail, trios de cartes */
.bb-m .bb-ce7-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}
.bb-m .bb-ce7-book{display:grid;gap:10px;align-content:start;color:inherit;text-decoration:none}
.bb-m .bb-ce7-book .bb-cover{transition:transform .4s var(--bb-ease)}
.bb-m .bb-ce7-book:hover .bb-cover{transform:translateY(-6px) rotate(-1.5deg)}
.bb-m .bb-ce7-book span{font:600 15px/1.3 var(--bb-fd)}
.bb-m .bb-ce7-book b{font:600 14px var(--bb-fd);color:var(--bb-argile-fonce);white-space:nowrap}
.bb-m .bb-ce7-fan{position:relative;height:clamp(300px,30vw,420px);max-width:520px;justify-self:end;width:100%}
.bb-m .bb-ce7-fan-b{position:absolute;top:50%;left:50%;width:44%;box-shadow:0 30px 50px -24px rgba(0,0,0,.7);border-radius:4px}
.bb-m .bb-ce7-fan-b.bb-f0{transform:translate(-104%,-46%) rotate(-9deg)}
.bb-m .bb-ce7-fan-b.bb-f1{transform:translate(-50%,-56%);z-index:2}
.bb-m .bb-ce7-fan-b.bb-f2{transform:translate(4%,-46%) rotate(8deg)}
.bb-m .bb-ce7-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.bb-m .bb-ce7-card{display:flex;flex-direction:column}
.bb-m .bb-ce7-card:hover{transform:none}
.bb-m .bb-ce7-img{aspect-ratio:16/9;overflow:hidden;border-radius:6px 6px 0 0}
.bb-m .bb-ce7-img img{width:100%;height:100%;object-fit:cover;display:block}
.bb-m .bb-ce7-card .bb-tc-body p,.bb-m .bb-co7-themes .bb-tc-body p{-webkit-line-clamp:unset;display:block}
.bb-m .bb-ce7-act{margin-top:auto;padding-top:8px}
.bb-m .bb-ce7-prem{margin-top:32px;padding:18px 22px;background:var(--bb-lin);border-radius:12px;max-width:80ch}
/* === D2 15 ADHERER (formules à égalité, comparatif, carte de membre CSS) === */
.bb-m .bb-formules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.bb-m .bb-formule{border-radius:14px;border:1px solid var(--bb-filet);background:#fff;padding:30px 28px;display:flex;flex-direction:column;gap:14px;position:relative}
.bb-m .bb-formule.bb-feat{background:var(--bb-encre);color:var(--bb-bone);border-color:var(--bb-encre)}
.bb-m .bb-formule .bb-p-name{font:700 22px var(--bb-fd)}
.bb-m .bb-formule .bb-p-price{font:600 16px/1.35 var(--bb-fd);color:var(--bb-argile-fonce)}
.bb-m .bb-formule.bb-feat .bb-p-price{color:var(--bb-argile-clair)}
.bb-m .bb-formule .bb-p-note{font-size:13.5px;color:var(--bb-attenue)}
.bb-m .bb-formule.bb-feat .bb-p-note{color:var(--bb-attenue-sombre)}
.bb-m .bb-formule ul{list-style:none;margin:8px 0 10px;padding:0;display:grid;gap:9px;font-size:14.5px}
.bb-m .bb-formule li{display:flex;gap:10px;align-items:flex-start}
.bb-m .bb-formule li svg{margin-top:3px;flex:none;width:16px;height:16px;stroke:var(--bb-sauge);stroke-width:2.4;fill:none}
.bb-m .bb-formule.bb-feat li svg{stroke:var(--bb-sauge-clair)}
.bb-m .bb-formule .bb-btn{margin-top:auto}
.bb-m .bb-formule .bb-flag{position:absolute;top:-12px;right:24px;background:var(--bb-argile);color:#fff}
.bb-m .bb-formules-note{margin-top:22px;font-size:13.5px;color:var(--bb-attenue);text-align:left}
.bb-m .bb-cmp{overflow-x:auto;border-top:1px solid var(--bb-encre);border-radius:12px}
.bb-m .bb-cmp table{width:100%;border-collapse:collapse;min-width:640px}
.bb-m .bb-cmp :is(th,td){padding:15px 12px;border-bottom:1px solid var(--bb-filet);text-align:center;font-size:15px}
.bb-m .bb-cmp th{font:600 15px var(--bb-fd)}
.bb-m .bb-cmp :is(th,td):first-child{text-align:left;padding-left:0}
.bb-m .bb-cmp td:first-child{font-weight:500;color:var(--bb-encre)}
.bb-m .bb-cmp td{color:var(--bb-attenue)}
.bb-m .bb-cmp svg{width:18px;height:18px;stroke:var(--bb-sauge);stroke-width:2.4;fill:none;vertical-align:middle}
.bb-m .bb-cmp .bb-hl{background:rgba(196,96,47,.06)}
.bb-m .bb-cmp9 th[scope=row]{text-align:left;padding-left:0;font:500 15px var(--bb-fb);color:var(--bb-encre)}
.bb-m .bb-cmp9 td{font-size:14.5px}
.bb-m .bb-table,.bb-m .bb-cmp{background:linear-gradient(90deg,var(--bb-bone) 30%,rgba(250,247,242,0)) 0 0/40px 100% no-repeat local,linear-gradient(270deg,var(--bb-bone) 30%,rgba(250,247,242,0)) 100% 0/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(36,30,26,.18),transparent) 0 0/12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(36,30,26,.18),transparent) 100% 0/12px 100% no-repeat scroll}
.bb-m .bb-adh9-head h1 em{font-style:italic}
.bb-m .bb-adh9-pay{margin:14px 0 0;font-size:14.5px;color:var(--bb-attenue)}
.bb-m .bb-adh9-h{font-size:clamp(26px,3vw,38px);margin:0 0 18px}
.bb-m .bb-adh9-leg{color:var(--bb-attenue);font-size:14.5px;margin:-6px 0 16px;max-width:70ch}
.bb-m .bb-adh9-two{align-items:start}
.bb-m .bb-adh9-avis{background:var(--bb-lin)}
.bb-m .bb-pt4-img :is(svg,img){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb-m .bb-hub5{padding-block:clamp(40px,6vw,88px) clamp(56px,7vw,100px)}
.bb-m .bb-hub5 .bb-page-t{font-size:clamp(40px,1.4rem + 3.4vw,84px);line-height:1}
.bb-m .bb-hub5-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);align-items:center}
.bb-m .bb-hub5-sub{font-size:clamp(20px,2vw,28px);color:var(--bb-sauge);margin:0 0 14px}
.bb-m .bb-hub5 .bb-chapo{margin-bottom:28px;max-width:52ch}
.bb-m .bb-ptiles5{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bb-m .bb-pt5{position:relative;overflow:hidden;isolation:isolate;min-height:250px;padding:24px 24px 22px;border-radius:6px 6px 12px 12px;display:flex;flex-direction:column;box-shadow:0 18px 34px -22px rgba(0,0,0,.6);color:inherit;text-decoration:none;transition:transform .45s var(--bb-ease)}
.bb-m .bb-pt5:hover{transform:translateY(-4px)}
.bb-m .bb-pt5-fil{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bb-m .bb-pt5 .bb-n{font:500 13px var(--bb-fd);opacity:.85}
.bb-m .bb-pt5 h3{font:600 clamp(26px,2.4vw,34px)/1.05 var(--bb-fd);letter-spacing:-.02em;margin:10px 0 10px;color:inherit}
.bb-m .bb-pt5 p{font-size:15px;opacity:.92;max-width:28ch;margin:0}
.bb-m .bb-pt5 .bb-c{margin-top:auto;padding-top:14px;font:600 13px var(--bb-fd)}
.bb-m .bb-with-aside{display:grid;grid-template-columns:1fr 300px;gap:clamp(28px,4vw,56px);align-items:start}
.bb-m .bb-aside{position:sticky;top:calc(var(--bb-hh) + 24px);display:grid;gap:28px}
.bb-m .bb-aside h4{font:600 15px var(--bb-fd);margin:0 0 12px}
.bb-m .bb-aside .bb-book .bb-cover{max-width:150px}
.bb-m .bb-aside .bb-mini-news{background:var(--bb-lin);border-radius:14px;padding:20px}
.bb-m .bb-aside .bb-mini-news p{font-size:14px;color:var(--bb-attenue);margin:6px 0 14px}
.bb-m .bb-aside .bb-mini-news .bb-input{min-width:0;width:100%;height:44px;margin-bottom:8px}
.bb-m .bb-aside .bb-mini-news .bb-btn{width:100%;min-height:44px}
.bb-m .bb-aside ul{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--bb-filet)}
.bb-m .bb-aside li a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--bb-filet);font:500 14.5px var(--bb-fd);color:inherit;text-decoration:none}
.bb-m .bb-aside li i{width:16px;height:16px;border-radius:4px;flex:none;border:1px solid var(--bb-filet)}
.bb-m .bb-cat4{position:relative;overflow:hidden;isolation:isolate}
.bb-m .bb-cat4>.bb-cat4-fil{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.bb-m .bb-cat4-grid{display:grid;grid-template-columns:1fr minmax(0,560px);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(44px,6vw,88px)}
.bb-m .bb-cat4 .bb-n{font:500 14px var(--bb-fd);opacity:.85}
.bb-m .bb-cat4 h1{font:600 clamp(38px,5vw,64px)/1.04 var(--bb-fd);letter-spacing:-.03em;margin:8px 0 14px;color:inherit}
.bb-m .bb-cat4-acc{font:500 clamp(19px,1.8vw,24px)/1.35 var(--bb-fd);margin-bottom:14px;max-width:34ch}
.bb-m .bb-cat4.bb-p-bdsm .bb-cat4-acc{font:italic 400 clamp(20px,1.9vw,25px)/1.4 var(--bb-fs)}
.bb-m .bb-cat4 .bb-intro{font-size:16.5px;opacity:.92;max-width:54ch}
.bb-m .bb-cat4 .bb-cnt{margin-top:16px;font:600 14px var(--bb-fd)}
.bb-m .bb-pin4{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:24px;align-items:center;margin-bottom:48px;color:inherit;text-decoration:none}
.bb-m .bb-pin4 .bb-visual{aspect-ratio:3/2}
.bb-m .bb-pin4 h2{font:600 clamp(22px,2.2vw,28px)/1.2 var(--bb-fd);margin:6px 0 10px}
.bb-m .bb-pin4 p{color:var(--bb-attenue);font-size:15px;margin:0}
.bb-m .bb-pin4:hover h2{text-decoration:underline;text-underline-offset:4px}
.bb-m .bb-cat4-h2{font:600 clamp(22px,2.2vw,28px)/1.2 var(--bb-fd);margin-bottom:22px}
.bb-m .bb-further4{margin-top:56px;padding:clamp(24px,3vw,36px);border-radius:14px;background:var(--bb-lin)}
.bb-m .bb-further4 h2{font:600 clamp(24px,2.6vw,32px)/1.15 var(--bb-fd);margin-bottom:10px}
.bb-m .bb-further4 p{color:var(--bb-attenue-2);max-width:62ch;margin:0}
.bb-m .bb-further4 p a{color:var(--bb-encre);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bb-m .bb-near4{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.bb-m .bb-near4 a{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--bb-filet-pilule);font:500 14px var(--bb-fd);color:inherit;text-decoration:none}
.bb-m .bb-near4 a:hover{border-color:var(--bb-encre)}
.bb-m .bb-near4 .bb-nv{width:32px;height:32px;border-radius:50%;overflow:hidden;position:relative;flex:none;box-shadow:0 0 0 1px rgba(36,30,26,.2)}
.bb-m .bb-near4 .bb-nv img{width:100%;height:100%;object-fit:cover}
.bb-m .bb-cat5{position:relative}
.bb-m .bb-cat5-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(40px,6vw,88px) clamp(56px,7vw,104px)}
.bb-m .bb-cat5 .bb-n{font:500 14px var(--bb-fd);opacity:.85}
.bb-m .bb-cat5-acc{font-size:clamp(22px,2.4vw,34px);line-height:1.25;margin-bottom:16px;max-width:26ch}
.bb-m .bb-cat5 .bb-intro{font-size:16.5px;opacity:.92;max-width:56ch}
.bb-m .bb-cat5 .bb-cnt{margin-top:18px;font:600 14px var(--bb-fd);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.bb-m .bb-cat5-link{text-decoration:underline;text-underline-offset:4px}
.bb-m .bb-cat5-art{position:relative;justify-self:end;width:min(100%,520px)}
.bb-m .bb-cat5-art .bb-draw :is(path,circle){stroke-width:4}
.bb-m .bb-cat5-mod{padding-bottom:clamp(40px,5vw,72px)}
.bb-m .bb-cat5-mod .bb-mod-slot{margin:0;background:rgba(250,247,242,.92);color:var(--bb-encre);border-radius:12px;padding:clamp(16px,2.5vw,28px)}
.bb-m .bb-cat5.bb-cat7{position:relative;overflow:hidden;isolation:isolate}
.bb-m .bb-cat7 .bb-cat5-grid{position:relative;z-index:2;grid-template-columns:minmax(0,720px) 1fr;min-height:clamp(420px,46vw,620px);align-items:center}
.bb-m .bb-cat7 .bb-cat5-art.bb-cat7-art{position:absolute;top:0;right:0;bottom:0;width:min(58%,860px);height:auto;max-width:none;margin:0;border-radius:0;background:none;box-shadow:none;z-index:1;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.bb-m .bb-cat7 .bb-cat5-art.bb-cat7-art img{width:100%;height:100%;object-fit:cover;display:block}
.bb-m .bb-cat7-band{position:absolute;left:0;right:0;bottom:0;height:120px;opacity:.28;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 40%,transparent 70%);mask-image:linear-gradient(90deg,#000 0,#000 40%,transparent 70%)}
.bb-m .bb-cat7-band svg{width:100%;height:100%;display:block}
.bb-m .bb-cat7 .bb-cat5-mod{position:relative;z-index:2}
.bb-m .bb-cat7 .bb-page-t{font-size:clamp(48px,6.6vw,104px)}
.bb-m .bb-cat7 .bb-intro,.bb-m .bb-cat7 .bb-cat5-acc{max-width:46ch}
.bb-m .bb-arts11-head .bb-page-t{font-size:clamp(36px,1.2rem + 3vw,72px)}
.bb-m .bb-arts11-leg{font-size:14px;color:var(--bb-attenue);max-width:70ch;margin-top:10px}
/* === D2 18 ARTICLE : COMPLEMENTS DE BB 07 (en-tête, visuel, encadrés de fin, « Continuer ») === */
.bb-m .bb-art-top{padding-block:clamp(40px,6vw,72px) 0}
.bb-m .bb-art-top h1{font-size:clamp(34px,4.6vw,58px);line-height:1.06;letter-spacing:-.025em;max-width:22ch;font-weight:500}
.bb-m .bb-art-meta{margin-top:22px}
.bb-m .bb-art-meta .bb-acc{color:var(--bb-sauge)}
.bb-m .bb-art-meta .bb-acc.bb-prem{color:var(--bb-argile-fonce)}
.bb-m .bb-art-grid{display:grid;grid-template-columns:230px minmax(0,700px);gap:clamp(28px,5vw,80px);padding-block:48px 24px}
.bb-m .bb-sommaire .bb-share{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap}
.bb-m .bb-sommaire .bb-share a{font:500 13px var(--bb-fd);border-bottom:1px solid var(--bb-filet);padding:0;border-left:0}
.bb-m .bb-toc-soc{margin-top:24px;padding-top:18px;border-top:1px solid var(--bb-filet);display:grid;gap:10px}
.bb-m .bb-toc-soc span{font:600 13px var(--bb-fd)}
.bb-m .bb-toc-copy{justify-self:start;font:500 13px var(--bb-fd);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;color:inherit;cursor:pointer}
.bb-m .bb-byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font:500 14px var(--bb-fd);color:var(--bb-attenue)}
.bb-m .bb-byline b{color:var(--bb-encre);font-weight:600}
.bb-m .bb-byline a{color:var(--bb-argile-fonce);text-decoration:underline;text-underline-offset:3px}
.bb-m .bb-art4-img{position:relative;margin:34px 0 0;aspect-ratio:21/9;border-radius:14px;overflow:hidden}
.bb-m .bb-art4-img :is(svg,img){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb-m .bb-art4-main{min-width:0}
.bb-m .bb-art4-main .bb-chapeau{margin-top:0}
.bb-m .bb-art4-main .bb-prose{margin-top:34px}
.bb-m .bb-art5-top{padding-top:clamp(36px,5vw,64px)}
.bb-m .bb-art5-pil{margin:18px 0 14px;font-size:clamp(20px,1.8vw,26px)}
.bb-m .bb-art5-pil a{color:var(--bb-pc,var(--bb-argile-fonce))}
.bb-m .bb-art5-t{font:600 clamp(38px,6vw,88px)/1 var(--bb-fd);letter-spacing:-.035em;max-width:17ch;text-wrap:balance}
.bb-m .bb-art5-t.bb-t11{font-size:clamp(26px,.9rem + 2.7vw,54px);line-height:1.06;max-width:none}
.bb-m .bb-art5-t.bb-t11.bb-t11-l{font-size:clamp(24px,.8rem + 2.35vw,47px)}
.bb-m .bb-art5-t.bb-t11.bb-t11-xl{font-size:clamp(22px,.7rem + 2.1vw,42px)}
.bb-m .bb-art5-tool{margin-top:14px;font:600 14.5px var(--bb-fd)}
.bb-m .bb-art5-tool a{text-decoration:underline;text-underline-offset:4px;color:var(--bb-pc,var(--bb-argile-fonce))}
.bb-m .bb-art5-img{position:relative;margin:34px 0 0;aspect-ratio:21/9;border-radius:6px 6px 16px 16px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(36,30,26,.45)}
.bb-m .bb-art5-img :is(svg,img){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb-m .bb-art11-top .bb-chapeau11{font-size:clamp(17px,1.35vw,20px);line-height:1.55;margin:18px 0 6px;max-width:60ch;color:var(--bb-encre-2)}
.bb-m .bb-art11-top .bb-art-meta{flex-wrap:wrap;row-gap:4px}
.bb-m .bb-callout--example{border-left-color:var(--bb-sauge)}
.bb-m .bb-callout b:first-child{display:block;font:600 15.5px var(--bb-fd);color:var(--bb-encre);margin-bottom:6px}
.bb-m .bb-callout p+p{margin-top:.7em}
.bb-m .bb-a-fig{margin-left:0;margin-right:0;border:1.5px dashed var(--bb-sable);border-radius:12px;padding:22px;display:grid;gap:6px;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(228,216,198,.35) 12px 13px)}
.bb-m .bb-a-fig span{font:600 13px var(--bb-fd);color:var(--bb-attenue)}
.bb-m .bb-a-fig figcaption{font-size:15px;color:var(--bb-encre-2)}
.bb-m .bb-schema7{margin:28px 0}
.bb-m .bb-cw{margin:18px auto 0;max-width:640px;padding:12px 16px;border-radius:10px;background:var(--bb-lin);border:1px solid var(--bb-filet-pilule);font:500 14.5px/1.55 var(--bb-fb);color:var(--bb-encre-2);text-align:center}
.bb-m .bb-art-qui{font:500 14.5px var(--bb-fb)}
.bb-m .bb-art-qui a{text-decoration:underline;text-underline-offset:3px}
.bb-m .bb-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bb-m .bb-tags b{font:600 14px var(--bb-fd);margin-right:4px}
.bb-m .bb-tags a{min-height:32px;padding:6px 14px;border-radius:20px;border:1px solid var(--bb-filet-pilule);font:500 13.5px/1.2 var(--bb-fd);color:inherit;text-decoration:none}
.bb-m .bb-tags a:hover{border-color:var(--bb-encre)}
.bb-m .bb-gate-wrap{position:relative}
.bb-m .bb-gate-wrap .bb-fade{position:relative;max-height:340px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 20%,transparent);mask-image:linear-gradient(#000 20%,transparent)}
.bb-m .bb-gate{margin-top:8px;border-top:1px solid var(--bb-encre);padding-top:28px;display:grid;gap:14px}
.bb-m .bb-gate h3{font-size:26px;margin:0}
.bb-m .bb-gate p{color:var(--bb-attenue);font-size:16px;max-width:52ch;margin:0}
.bb-m .bb-gate .bb-row{display:flex;gap:10px;flex-wrap:wrap}
.bb-m .bb-art-end{display:grid;gap:40px;padding-block:24px 64px}
.bb-m .bb-go-further{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;background:var(--bb-lin);border-radius:14px;padding:24px}
.bb-m .bb-go-further .bb-tilt{width:120px;max-width:120px}
.bb-m .bb-go-further small{font:500 13px var(--bb-fd);color:var(--bb-attenue)}
.bb-m .bb-go-further h4{font-size:20px;margin:4px 0 6px}
.bb-m .bb-go-further p{font-size:14.5px;color:var(--bb-attenue);margin:0 0 12px}
.bb-m .bb-more-links{list-style:none;margin:0;padding:0;border-top:1px solid var(--bb-filet)}
.bb-m .bb-more-links a{display:block;padding:13px 0;border-bottom:1px solid var(--bb-filet);font:500 16px var(--bb-fd);color:inherit;text-decoration:none}
.bb-m .bb-more-links a:hover{color:var(--bb-argile-fonce)}
.bb-m .bb-sources summary{cursor:pointer;font:600 16px var(--bb-fd);list-style:none;display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--bb-filet);border-bottom:1px solid var(--bb-filet)}
.bb-m .bb-sources summary::-webkit-details-marker{display:none}
.bb-m .bb-sources ol{margin:16px 0 0;padding-left:1.2em;font-size:14px;color:var(--bb-attenue);display:grid;gap:8px}
.bb-m .bb-sources a{color:var(--bb-argile-fonce);text-decoration:underline}
.bb-m .bb-end-cta{background:var(--bb-encre);color:var(--bb-bone);border-radius:14px;padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.bb-m .bb-end-cta h3{font-size:24px;margin:0;color:inherit}
.bb-m .bb-end-cta p{color:var(--bb-attenue-sombre);font-size:15px;margin:8px 0 0}
.bb-m .bb-disclaimer{font-size:14px;color:var(--bb-attenue);border-top:1px solid var(--bb-filet);padding-top:18px}
.bb-m .bb-health8{margin-top:18px;padding:14px 18px;border-left:4px solid var(--bb-argile);background:rgba(196,96,47,.08);border-radius:8px;max-width:72ch;font-size:15px;line-height:1.55}
.bb-m .bb-health8 p{margin:0}
.bb-m .bb-health8 p+p{margin-top:6px}
.bb-m .bb-health8 a{text-decoration:underline}
.bb-m .bb-health8.bb-warn9{margin-top:14px;padding:0;border-left-width:3px;font-size:14px;line-height:1.45}
.bb-m .bb-warn9 summary{display:block;padding:9px 14px;cursor:pointer;list-style:none;border-radius:0 8px 8px 0}
.bb-m .bb-warn9 summary::-webkit-details-marker{display:none}
.bb-m .bb-warn9 summary:focus-visible{outline:2px solid var(--bb-encre);outline-offset:2px}
.bb-m .bb-warn9-s{font-weight:600;color:var(--bb-encre)}
.bb-m .bb-warn9-m{margin-left:10px;font-weight:500;color:var(--bb-argile-fonce);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bb-m .bb-warn9-m::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.bb-m .bb-warn9 details[open] .bb-warn9-m::after{transform:translateY(1px) rotate(-135deg)}
.bb-m .bb-warn9-c,.bb-m .bb-warn9 details[open] .bb-warn9-o{display:none}
.bb-m .bb-warn9 details[open] .bb-warn9-c{display:inline}
.bb-m .bb-warn9-d{padding:0 14px 12px}
.bb-m .bb-warn9-d p{margin:0}
.bb-m .bb-warn9-d p+p{margin-top:6px}
/* glossaire au survol (info-bulle) */
.bb-m .bb-gl{position:relative;display:inline}
.bb-m .bb-gl-t{font:inherit;color:inherit;padding:0;background:none;border:0;text-decoration:underline dotted;text-decoration-color:var(--bb-argile);text-decoration-thickness:2px;text-underline-offset:4px;cursor:help}
.bb-m .bb-gl-t:hover,.bb-m .bb-gl-t[aria-expanded="true"]{color:var(--bb-argile-fonce)}
.bb-m .bb-gl-tip{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:min(320px,80vw);padding:14px 16px;border-radius:12px;background:var(--bb-encre);color:var(--bb-bone);font:400 14.5px/1.55 var(--bb-fb);box-shadow:0 18px 40px -14px rgba(0,0,0,.5);text-align:left}
.bb-m .bb-gl-tip b{display:block;font:600 14.5px var(--bb-fd);margin-bottom:4px;color:#fff}
.bb-m .bb-gl-tip a{color:var(--bb-argile-clair);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.bb-m .bb-gl-tip::before{content:"";position:absolute;left:18px;top:-6px;width:12px;height:12px;background:var(--bb-encre);transform:rotate(45deg)}
/* « Continuer » : bande encre en fin d'article */
.bb-m .bb-cont{background:var(--bb-encre);color:var(--bb-bone);padding-block:clamp(64px,8vw,110px);margin-top:40px}
.bb-m .bb-cont :is(h2,h3,h4){color:inherit}
.bb-m .bb-cont .bb-h2m{margin-bottom:28px}
.bb-m .bb-cont-prog{display:grid;gap:10px;margin-bottom:26px}
.bb-m .bb-cont-prog p{color:var(--bb-attenue-sombre);font:500 15px var(--bb-fd);margin:0}
.bb-m .bb-cont-prog b{color:var(--bb-bone)}
.bb-m .bb-cont-prog p a{color:var(--bb-bone);text-decoration:underline;text-underline-offset:3px}
.bb-m .bb-cont-bar{display:flex;gap:6px;max-width:520px}
.bb-m .bb-cont-bar a{flex:1;height:6px;border-radius:3px;background:rgba(250,247,242,.18)}
.bb-m .bb-cont-bar a.bb-on{background:var(--bb-argile-clair)}
.bb-m .bb-cont-bar a.bb-here{background:var(--bb-bone)}
.bb-m .bb-cont-next{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:10px;padding:clamp(28px,4vw,48px);border-radius:6px 6px 14px 14px;margin-bottom:44px;color:inherit;text-decoration:none;transition:transform .45s var(--bb-ease)}
.bb-m .bb-cont-next:hover{transform:translateY(-4px) rotate(-.4deg)}
.bb-m .bb-cont-next.bb-p-fond{background:var(--bbm-g-fond);color:#FAF7F2}
.bb-m .bb-cont-next.bb-p-mental{background:var(--bbm-g-mental);color:#FAF7F2}
.bb-m .bb-cont-next.bb-p-consent{background:var(--bbm-g-consent);color:#241E1A}
.bb-m .bb-cont-next.bb-p-prat{background:var(--bbm-g-prat);color:#241E1A}
.bb-m .bb-cont-next.bb-p-bdsm{background:var(--bbm-g-bdsm);color:#FAF7F2}
.bb-m .bb-cont-next.bb-p-id{background:var(--bbm-g-id);color:#241E1A}
.bb-m .bb-cn-fil{position:absolute;left:0;right:0;bottom:0;width:100%;height:42%;z-index:-1;opacity:.45}
.bb-m .bb-cn-lab{font:italic 400 20px var(--bb-fs)}
.bb-m .bb-cont-next h3{font:600 clamp(28px,3.6vw,52px)/1.05 var(--bb-fd);letter-spacing:-.03em;max-width:22ch;margin:0}
.bb-m .bb-cont-next p{max-width:62ch;opacity:.9;margin:0}
.bb-m .bb-cont-next :is(h3,p,.bb-cn-lab,.bb-cn-meta){position:relative;z-index:1}
.bb-m .bb-cn-meta{font:500 14px var(--bb-fd);opacity:.85}
.bb-m .bb-cont-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}
.bb-m .bb-cont-h{font:600 22px var(--bb-fd);margin-bottom:18px}
.bb-m .bb-cont-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;color:var(--bb-encre)}
.bb-m .bb-cont-rel :is(h2,h3,h4){color:var(--bb-encre)}
.bb-m .bb-cont-rel .bb-tc-top{height:110px}
.bb-m .bb-cont-rel .bbm-card-top{aspect-ratio:16/8}
.bb-m .bb-cont-rel .bb-tc-pil{font-size:16px}
.bb-m .bb-cont-side{display:grid;gap:14px}
.bb-m .bb-cont-side>div{background:rgba(250,247,242,.06);border:1px solid var(--bb-filet-sombre);border-radius:12px;padding:18px}
.bb-m .bb-cont-side h4{font:600 16px var(--bb-fd);margin:0 0 8px}
.bb-m .bb-cont-side p{color:var(--bb-attenue-sombre);font-size:14px;margin:0 0 12px}
.bb-m .bb-cont-book{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center}
.bb-m .bb-cont-book .bb-tilt{width:92px}
.bb-m .bb-cont-book .bb-cover .bb-c-title{font-size:11px;line-height:1.15}
.bb-m .bb-cont-book small{color:var(--bb-attenue-sombre)}
.bb-m .bb-cont-book .bb-lien-fleche{color:var(--bb-bone);margin-top:6px}
.bb-m .bb-cont .bb-chip{background:transparent;color:var(--bb-bone);border-color:var(--bb-filet-sombre);height:32px}
.bb-m .bb-cont .bb-chip:hover{border-color:var(--bb-bone)}
.bb-m .bb-cont .bb-pilule{background:transparent;color:var(--bb-bone);border-color:rgba(250,247,242,.35)}
.bb-m .bb-cont .bb-pilule[aria-pressed="true"]{background:var(--bb-bone);color:var(--bb-encre)}
.bb-m .bb-cont-help .bb-row{display:flex;gap:8px}
.bb-m .bb-cont-foot{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:44px;padding-top:32px;border-top:1px solid var(--bb-filet-sombre)}
.bb-m .bb-cont-foot h3{font:600 clamp(22px,2.2vw,30px)/1.15 var(--bb-fd);margin:0 0 16px}
.bb-m .bb-cont-foot .bb-toc-copy{color:var(--bb-bone);margin-top:12px}
/* === D2 19 GLOSSAIRE (barre A-Z, lettres ; la constellation 3D vient de l'extension) === */
.bb-m .bb-az{position:sticky;top:var(--bb-hh);z-index:20;background:var(--bb-bone);border-bottom:1px solid var(--bb-filet);padding-block:12px;border-radius:0}
.bb-m .bb-az .bb-wrap{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center}
.bb-m .bb-az button{font:600 15px var(--bb-fd);color:var(--bb-encre);padding:4px 2px;border:0;background:none;border-bottom:2px solid transparent;cursor:pointer}
.bb-m .bb-az button:disabled{color:var(--bb-sable);cursor:default}
.bb-m .bb-az button:not(:disabled):hover{border-bottom-color:var(--bb-argile)}
.bb-m .bb-az .bb-input{height:38px;min-width:0;width:220px;margin-left:auto}
.bb-m .bb-gl-letter{display:grid;grid-template-columns:90px 1fr;gap:20px;padding-block:28px;border-bottom:1px solid var(--bb-filet)}
.bb-m .bb-gl-letter>h2{font-size:44px;color:var(--bb-argile-fonce);line-height:1;margin:0}
.bb-m .bb-gl-items{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px}
.bb-m .bb-gl-item b{display:block;font:600 17px var(--bb-fd);margin-bottom:6px}
.bb-m .bb-gl-item p{font-size:15px;color:var(--bb-attenue);margin:0}
.bb-m .bb-gl-item a{display:inline-block;margin-top:8px;font:500 13.5px var(--bb-fd);border-bottom:1px solid currentColor;color:var(--bb-argile-fonce);text-decoration:none}
.bb-m .bb-gl7-head{padding-bottom:28px}
.bb-m .bb-gl7-search{max-width:560px;margin-top:22px}
.bb-m .bb-gl7-az{margin-top:0}
.bb-m .bb-tools7:is(.bb-p-fond,.bb-p-mental,.bb-p-consent,.bb-p-prat,.bb-p-bdsm,.bb-p-id){background:var(--bb-lin);padding-block:clamp(48px,6vw,80px)}
/* === D2 21 PAGES « BIENTOT », LEGALES, PLAN DU SITE, 404 === */
.bb-m .bb-soon-hero{background:var(--bb-encre);color:var(--bb-bone);position:relative;overflow:hidden}
.bb-m .bb-soon-hero .bb-wrap{padding-block:clamp(56px,8vw,104px);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,72px);align-items:center}
.bb-m .bb-soon-hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.03em;line-height:1.05;color:inherit}
.bb-m .bb-soon-hero .bb-page-t em{color:var(--bb-argile-clair)}
.bb-m .bb-soon-hero .bb-chapo{color:var(--bb-attenue-sombre);margin-top:18px}
.bb-m .bb-soon-hero .bb-status{font:italic 500 15px var(--bb-fb);color:var(--bb-sauge-clair);margin-bottom:16px;display:block}
.bb-m .bb-sh-art{color:var(--bb-argile-clair);max-width:420px;justify-self:end;width:100%}
.bb-m .bb-blur-art{position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden}
.bb-m .bb-blur-art i{position:absolute;border-radius:50%;filter:blur(38px);opacity:.85}
.bb-m .bb-blur-art .bb-cap{position:absolute;left:16px;bottom:14px;font:500 13px var(--bb-fd);color:var(--bb-bone);opacity:.85}
.bb-m .bb-wait{background:var(--bb-lin);border-radius:14px;padding:clamp(24px,4vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.bb-m .bb-wait h3{font-size:26px;margin:0}
.bb-m .bb-wait p{color:var(--bb-attenue);margin:8px 0 0}
.bb-m .bb-wait .bb-consent-line{color:var(--bb-attenue)}
.bb-m .bb-legal{display:grid;grid-template-columns:230px minmax(0,720px);gap:clamp(28px,5vw,80px);padding-block:clamp(40px,6vw,72px)}
.bb-m .bb-legal.bb-ph6{padding-top:clamp(40px,6vw,72px)}
.bb-m .bb-legal nav{position:sticky;top:calc(var(--bb-hh) + 24px);align-self:start;display:grid;gap:2px}
.bb-m .bb-legal nav a{padding:9px 0 9px 12px;border-left:2px solid var(--bb-filet);font:500 14px var(--bb-fd);color:var(--bb-attenue);text-decoration:none}
.bb-m .bb-legal nav a.bb-on{color:var(--bb-encre);border-left-color:var(--bb-argile)}
.bb-m .bb-legal h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.03em}
.bb-m .bb-legal .bb-upd{color:var(--bb-attenue);font-size:14px;margin-top:10px}
.bb-m .bb-legal .bb-warn{margin-top:22px;background:#F6E6DC;border-left:3px solid #A8452A;padding:14px 16px;font-size:14.5px;border-radius:0 6px 6px 0}
.bb-m .bb-legal h2{font:600 22px/1.25 var(--bb-fd);margin:36px 0 10px}
.bb-m .bb-legal p{color:var(--bb-encre-2);font-size:16px;line-height:1.7;margin:0}
.bb-m .bb-legal p+p{margin-top:10px}
.bb-m .bb-plan-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.bb-m .bb-plan-cols h3{font-size:17px;margin:0 0 12px}
.bb-m .bb-plan-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bb-m .bb-plan-cols a{font-size:15px;color:var(--bb-attenue);border-bottom:1px solid transparent;text-decoration:none}
.bb-m .bb-plan-cols a:hover{color:var(--bb-encre);border-color:var(--bb-encre)}
.bb-m .bb-nf{min-height:62vh;display:grid;align-content:center;padding-block:72px}
.bb-m .bb-nf.bb-ph6 .bb-page-t{max-width:14ch}
.bb-m .bb-nf h1{font-size:clamp(44px,7vw,96px);letter-spacing:-.04em;line-height:1}
.bb-m .bb-nf p{font-size:19px;color:var(--bb-attenue);margin:20px 0 30px;max-width:46ch}
.bb-m .bb-nf .bb-pills{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px}
.bb-m .bb-nf .bb-pills a{font:500 15px var(--bb-fd);border-bottom:1px solid var(--bb-filet);text-decoration:none;color:inherit}
.bb-m .bb-nf.bb-nf7{padding-top:0}
.bb-m .bb-nf7-slot{margin-bottom:28px}
.bb-m .bb-nf7-pil{font:600 15px var(--bb-fd);margin-bottom:12px}
.bb-m .bb-pres5 :is(h1,h2,h3){color:inherit}
.bb-m .bb-c7-head :is(h1,h2,h3){color:inherit}
@keyframes bbmRingIn{from{opacity:0}to{opacity:1}}
.bb-m .bb-c7-dark :is(h2,h3,h4){color:inherit}
@keyframes bbmAppFil{to{stroke-dashoffset:0}}
.bb-m .bbapp-card :is(h3,h4){font:600 18px/1.3 var(--bb-fd);margin:0}
.bb-m .bbia12-wait :is(h2,h3){color:inherit}
/* === D2 29 COUCHES : recherche, popup e-book, toast (l'écran +18 et le tiroir viennent de l'extension / BB 05) === */
.bb-m .bb-layer{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .4s,visibility 0s .4s}
.bb-m .bb-layer.bb-on{visibility:visible;opacity:1;transition:opacity .4s}
.bb-m .bb-layer .bb-layer-bg{position:absolute;inset:0;background:rgba(36,30,26,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bb-m .bb-modal{position:relative;width:min(520px,100%);border-radius:14px;padding:clamp(28px,5vw,44px);transform:translateY(24px) scale(.97);transition:transform .5s var(--bb-ease)}
.bb-m .bb-layer.bb-on .bb-modal{transform:none}
.bb-m .bb-pop{background:var(--bb-bone);display:grid;grid-template-columns:150px 1fr;gap:26px;width:min(700px,100%);align-items:center}
.bb-m .bb-pop h2{font-size:26px;margin:10px 0 10px}
.bb-m .bb-pop p{color:var(--bb-attenue);font-size:14.5px;margin:0 0 18px}
.bb-m .bb-pop .bb-consent-line{color:var(--bb-attenue)}
.bb-m .bb-pop .bb-tilt{min-width:0}
.bb-m .bb-pop .bb-tilt .bb-cover{width:150px;height:auto;aspect-ratio:3/4}
.bb-m .bb-pop9-no{margin:10px 0 0}
.bb-m .bb-pop10-read{margin-top:16px}
.bb-m .bb-close-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:none;border:0;color:inherit;cursor:pointer;transition:background-color .2s}
.bb-m .bb-close-x:hover{background:rgba(127,127,127,.15)}
.bb-m .bb-search-layer{place-items:start center;padding-top:clamp(40px,12vh,120px)}
.bb-m .bb-search-box{position:relative;width:min(760px,100%);background:var(--bb-bone);border-radius:14px;padding:22px;transform:translateY(-16px);transition:transform .45s var(--bb-ease);box-shadow:var(--bb-ombre-lg)}
.bb-m .bb-layer.bb-on .bb-search-box{transform:none}
.bb-m .bb-search-field{display:flex;align-items:center;gap:12px;border-bottom:1.5px solid var(--bb-encre);padding:6px 4px 14px}
.bb-m .bb-search-field input{flex:1;border:0;background:none;font:600 22px var(--bb-fd);color:var(--bb-encre);outline:none;min-width:0}
.bb-m .bb-search-field kbd{font:500 11px var(--bb-fb);border:1px solid var(--bb-filet);border-radius:5px;padding:3px 6px;color:var(--bb-attenue)}
.bb-m .bb-s-sugg{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 6px}
.bb-m .bb-s-res{max-height:48vh;overflow:auto;display:grid;gap:2px;margin-top:8px}
.bb-m .bb-s-res a{display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:center;padding:12px;border-radius:var(--bb-r-s);font:500 15px/1.35 var(--bb-fd);color:inherit;text-decoration:none}
.bb-m .bb-s-res a:hover,.bb-m .bb-s-res a:focus{background:#fff;outline:none}
.bb-m .bb-s-res i{width:12px;height:12px;border-radius:3px;display:block;border:1px solid var(--bb-filet)}
.bb-m .bb-s-res small{font:500 12px var(--bb-fb);color:var(--bb-attenue);white-space:nowrap}
.bb-m .bb-s-res mark{background:rgba(196,96,47,.2);color:inherit;border-radius:3px}
.bb-m .bb-s-empty{padding:18px 12px;color:var(--bb-attenue);font-size:14.5px}
.bb-m .bb-s-trigger{flex:none;display:flex;align-items:center;gap:10px;width:260px;height:38px;padding-inline:16px;border:1px solid var(--bb-filet);border-radius:999px;background:#fff;color:var(--bb-attenue);font:400 14px var(--bb-fb);cursor:pointer;transition:border-color .2s}
.bb-m .bb-s-trigger:hover{border-color:var(--bb-encre)}
.bb-m .bb-s-trigger .bb-ico{width:16px;height:16px}
.bb-m .bb-s-trigger kbd{margin-left:auto;font:500 11px var(--bb-fb);border:1px solid var(--bb-filet);border-radius:4px;padding:1px 6px}
.bb-m .bb-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%,30px);background:var(--bb-encre);color:var(--bb-bone);padding:12px 18px;border-radius:999px;font:500 14px var(--bb-fd);box-shadow:var(--bb-ombre-lg);opacity:0;transition:opacity .3s,transform .4s var(--bb-ease);z-index:100;pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.bb-m .bb-toast.bb-on{opacity:1;transform:translate(-50%,0)}
/* === D2 31 LARGEURS : 1180 (tablette paysage, bascule du menu dans BB 09) === */
@media (max-width:1180px){
 .bb-m .bb-s-trigger{width:220px}
 .bb-m :is(.bb-hero-grid,.bb-edu-intro,.bb-two,.bb-cat-band .bb-wrap,.bb-with-aside,.bb-fiche,.bb-soon-hero .bb-wrap,.bb-wait,.bb-end-cta,.bb-art-grid,.bb-legal,.bb-edu4-grid,.bb-cat4-grid,.bb-pres4-grid,.bb-hub5-grid,.bb-cat5-grid,.bb-pres5-grid,.bb-cont-grid,.bb-cont-foot,.bb-c7-grid,.bb-c7-two,.bb-paths,.bb-shelf,.bb-roadmap,.bb-man-grid,.bb-faq-grid,.bb-oc-grid){grid-template-columns:1fr}
 .bb-m .bb-une-grid{grid-template-columns:1fr}
 .bb-m .bb-une-grid .bb-card.bb-big{grid-row:auto}
 .bb-m .bb-pillars{flex-direction:column;height:auto}
 .bb-m .bb-pillar,.bb-m .bb-pillar.bb-open{flex:none}
 .bb-m .bb-pillar .bb-pl-closed{display:none}
 .bb-m .bb-pl-open,.bb-m .bb-pillar .bb-pl-open{opacity:1;transform:none;min-width:0;padding:26px}
 .bb-m .bb-pl-open ul{margin-top:18px}
 .bb-m .bb-path-tabs{grid-template-columns:repeat(2,1fr)}
 .bb-m .bb-grid3{grid-template-columns:repeat(2,1fr)}
 .bb-m .bb-formules{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 .bb-m .bb-faq-grid .bb-sticky{position:static}
 .bb-m .bb-aside{position:static}
 .bb-m .bb-sommaire{position:static;border-bottom:1px solid var(--bb-filet);padding-bottom:18px}
 .bb-m .bb-legal nav{position:static;grid-template-columns:repeat(2,1fr)}
 .bb-m .bb-shelf-grid{grid-template-columns:repeat(3,1fr)}
 .bb-m .bb-plan-cols{grid-template-columns:repeat(2,1fr)}
 .bb-m .bb-ptiles4,.bb-m .bb-ptiles5{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-m .bb-hub5-art,.bb-m .bb-cat5-art{max-width:420px}
 .bb-m .bb-sh-art{justify-self:start;max-width:320px}
 .bb-m .bb-c7-steps,.bb-m .bb-a7-prog{grid-template-columns:1fr 1fr}
 .bb-m .bb-c7-steps::before,.bb-m .bb-a7-prog::before{display:none}
}
/* === D2 32 LARGEURS : 980 (regroupe les seuils 1100, 1080, 1000, 900 et 860 de la maquette) === */
@media (min-width:981px){
 .bb-m .bb-art11-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(28px,4vw,64px);align-items:start}
 .bb-m .bb-art11-top>*{grid-column:1}
 .bb-m .bb-art11-top>.bb-ariane,.bb-m .bb-art11-top>.bb-art5-pil,.bb-m .bb-art11-top>h1{grid-column:1/-1}
 .bb-m .bb-art11-top>figure.bb-art5-img{grid-column:2;grid-row:4/span 8;margin:22px 0 0;aspect-ratio:16/10;align-self:start}
}
@media (max-width:980px){
 .bb-m .bb-art11-top>figure.bb-art5-img{margin-top:22px}
 .bb-m .bb-rm9{grid-template-columns:repeat(2,minmax(0,1fr))}
 .bb-m .bb-une-grid.bb-une7{grid-template-columns:1fr}
 .bb-m .bb-une-grid.bb-une7 .bb-card.bb-big{grid-template-columns:1fr;grid-template-rows:auto auto}
 .bb-m .bb-une-grid.bb-une7 .bb-card.bb-big .bb-visual{min-height:220px;border-radius:6px 6px 0 0}
 .bb-m .bb-une-grid.bb-une7 .bb-card.bb-big .bb-card-body{grid-column:1;grid-row:2}
 .bb-m .bb-une-grid.bb-une9-grid{grid-template-columns:1fr 1fr}
 .bb-m .bb-une-grid.bb-une9-grid .bb-card.bb-big{grid-column:1/-1;grid-row:auto}
 .bb-m .bb-une-grid.bb-une9-grid .bb-card.bb-big .bb-visual{min-height:200px}
 .bb-m .bb-hero.bb-hero9{background:var(--bb-bone);display:flex;flex-direction:column}
 .bb-m .bb-comm9,.bb-m .bb-mot9-grid,.bb-m .bb-fam9{grid-template-columns:1fr}
 .bb-m .bb-hero10{display:block}
 .bb-m .bb-hero10 .bb-hero10-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:20px 8px;gap:0}
 .bb-m .bb-hero10-txt{display:contents}
 .bb-m .bb-hero10 .bb-h1m{order:1;font-size:clamp(34px,9.4vw,44px);margin-bottom:4px}
 .bb-m .bb-hero10-knot{order:2;margin:0 -8px 6px}
 .bb-m .bb-hero10 .bb-hero-body{order:3;font-size:16px;margin-bottom:18px}
 .bb-m .bb-hero10 .bb-hero-ctas{order:4}
 .bb-m .bb-hero10 .bb-help9{order:5}
 .bb-m .bb-hero10-mount{min-height:0}
 .bb-m .bb-hero10-mount .bbhn{max-width:360px;aspect-ratio:2/1}
 .bb-m .bb-hero10-cap{display:none}
 .bb-m .bb-ce7-three,.bb-m .bb-co7-themes,.bb-m .bb-eb7-grid{grid-template-columns:1fr 1fr}
}
/* === D2 33 LARGEURS : 760 (tablette portrait ; regroupe 800 et 700) === */
@media (max-width:760px){
 .bb-m .bb-cat7 .bb-cat5-grid{grid-template-columns:1fr;min-height:0}
 .bb-m .bb-cat7 .bb-cat5-art.bb-cat7-art{position:relative;width:100%;height:240px;margin:0;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
 .bb-m .bb-cat7-band{height:80px}
 .bb-m :is(.bb-ce7-three,.bb-ce7-two,.bb-co7-themes,.bb-eb7-two,.bb-co7-steps,.bb-q9-grid,.bb-q9-foot,.bb-dis9-home,.bb-card9-grid,.bb-eb7-prod-in,.bb-eb7-free-in,.bbco12-prevu,.bbco12-att,.bbco12 .bbco12-themes,.bbco12 .bbco12-steps){grid-template-columns:1fr}
 .bb-m .bb-ce7-fan{height:250px;max-width:330px;justify-self:center}
 .bb-m .bb-ce7-fan-b{width:40%}
 .bb-m .bb-art5-t.bb-t11{font-size:26px}
 .bb-m .bb-art5-t.bb-t11.bb-t11-l{font-size:24px}
 .bb-m .bb-art5-t.bb-t11.bb-t11-xl{font-size:22px}
}
/* === D2 34 LARGEURS : 640 (mobile ; regroupe 600 et 560) === */
@media (max-width:640px){
 .bb-m .bb-s-trigger{display:none}
 .bb-m .bb-only-mobile{display:grid}
 .bb-m .bb-une-grid .bb-card:not(.bb-big) .bb-card-body{padding:16px 0 0}
 .bb-m .bb-une-grid.bb-une9-grid .bb-card:not(.bb-big) .bb-card-body{padding:16px 20px 20px}
 .bb-m .bb-une-grid.bb-une9-grid,.bb-m .bb-rm9{grid-template-columns:1fr}
 .bb-m .bb-path-tabs{grid-template-columns:1fr}
 .bb-m .bb-steps{grid-template-columns:1fr;gap:18px}
 .bb-m .bb-steps-fil{display:none}
 .bb-m .bb-path-stage{padding:24px 0 0}
 .bb-m :is(.bb-grid3,.bb-grid2,.bb-tiles,.bb-gl-items,.bb-feat-list,.bb-steps-line,.bb-form-grid,.bb-shelf-card,.bb-pop,.bb-go-further,.bb-plan-cols,.bb-ptiles4,.bb-ptiles5,.bb-pin4,.bb-cont-rel,.bb-c7-time,.bb-c7-map,.bb-c7-steps,.bb-a7-prog,.bb-eb8-trio,.bb-hgrid,.bbapp-order){grid-template-columns:1fr}
 .bb-m .bb-shelf-grid{grid-template-columns:repeat(2,1fr)}
 .bb-m .bb-tilt{margin-inline:auto}
 .bb-m .bb-pop .bb-tilt{display:none}
 .bb-m .bb-faq .bb-ans p{padding-right:0}
 .bb-m .bb-gl-letter{grid-template-columns:1fr;gap:12px}
 .bb-m .bb-stack-lines li{grid-template-columns:1fr;gap:4px}
 .bb-m .bb-go-further .bb-tilt,.bb-m .bb-go-further .bb-cover{max-width:120px}
 .bb-m .bb-az .bb-input{width:100%;margin-left:0}
 .bb-m .bb-art4-img{aspect-ratio:16/10;margin-top:24px}
 .bb-m .bb-gl-tip{position:fixed;left:16px!important;right:16px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);width:auto;transform:none!important}
 .bb-m .bb-gl-tip::before{display:none}
 .bb-m .bb-page-t{font-size:clamp(42px,12vw,60px)}
 .bb-m :is(.bb-ph6,.bb-pg-head,.bb-soon-hero,.bb-help-head) h1.bb-page-t{font-size:clamp(36px,10.4vw,52px)}
 .bb-m .bb-ph6 h1.bb-page-t.bb-pt-m{font-size:clamp(30px,8.6vw,40px)}
 .bb-m .bb-art5-t{font-size:clamp(34px,9.4vw,46px)}
 .bb-m .bb-h1m{font-size:clamp(42px,12vw,58px)}
 .bb-m .bb-art5-img{aspect-ratio:16/10}
 .bb-m .bb-cat5-art,.bb-m .bb-hub5-art{max-width:300px}
}
/* === D2 35 LARGEURS : 420 (petit mobile). La maquette n'a aucune règle de page à ce seuil (ses règles 420 sont
   dans les modules et dans BB 09) ; ces trois ajustements sont des ajouts D2, à retirer si l'on veut la stricte fidélité. === */
@media (max-width:420px){
 .bb-m .bb-tc-body,.bb-m .bb-card .bb-card-body{padding:16px 18px 18px}
 .bb-m :is(.bb-shelf-card,.bb-formule,.bb-comm9,.bb-mot9-circ,.bb-further4,.bb-wait,.bb-end-cta){padding:20px 18px}
 .bb-m .bb-hero-ctas .bb-btn{flex:1 1 100%}
}
/* === D2 36 MOUVEMENT REDUIT (BB 09 coupe déjà animations et transitions ; ici les états finaux) === */
@media (prefers-reduced-motion:reduce){
 .bb-m .bb-steps-fil path,.bb-m .bb-draw :is(path,circle),.bb-m .bb-mod-wip path,.bb-m .bb-phone7 .bb-ph-l,.bb-m .bbapp-art-fil{stroke-dashoffset:0!important;animation:none}
 .bb-m .bb-rv.bb-pre{opacity:1;transform:none}
 .bb-m .bb-t-lines .bb-ln,.bb-m .bb-t-lines{clip-path:none!important;opacity:1!important;transform:none!important}
}