/* 15/10/2026. Commandes alignées à gauche, titre conservé et place réservée aux textes. */
#methode .image-method .bf-detail[hidden]{display:none!important}
@media(min-width:851px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 #methode .image-method .bf-scene-title{opacity:1;visibility:visible;filter:none;transform:translateY(-35%)!important;transition:top .7s cubic-bezier(.16,1,.3,1),font-size .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}
 #methode .image-method.bf-copy-visible .bf-scene-title{top:calc(var(--phase-bottom,172px) + 18px);transform:translateY(0)!important;font-size:clamp(36px,3.5vw,48px);line-height:1.05;max-width:720px;opacity:1;filter:none;visibility:visible}
 #methode .image-method .bf-film-caption{top:calc(var(--phase-bottom,172px) + 130px);bottom:224px;width:min(800px,70%);max-height:none;overflow:auto;scrollbar-color:#8d775a #171411;scrollbar-width:thin;transform:translateY(18px);transition:opacity .4s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility .4s;filter:none;padding-right:14px}
 #methode .image-method.bf-copy-visible .bf-film-caption{transform:translateY(0);opacity:1;visibility:visible;filter:none}
 #methode .image-method .bf-scene-intro{font-size:23px;line-height:1.45;max-width:none}
 #methode .image-method .bf-result{font-size:22px;line-height:1.45;margin-top:18px;max-width:none}
 #methode .image-method .bf-film-terms{font-size:22px;line-height:1.45;margin-top:18px}
 #methode .image-method .bf-hotspot{bottom:138px}
 #methode .image-method .bf-scroll-hint{bottom:27px}
 #methode .image-method[data-step='1'] .bf-scene-intro{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 #methode .image-method .bf-stage{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:100px}
 #methode .image-method .bf-film-media{position:relative;inset:auto;aspect-ratio:16/10;height:auto;order:0}
 #methode .image-method .bf-film-shade{display:none}
 #methode .image-method .bf-scene-top{position:relative;inset:auto;margin:30px 6% 24px;order:1}
 #methode .image-method .bf-scene-title{display:block;position:relative;inset:auto;margin:0 6% 25px;font-size:clamp(36px,5vw,56px);transform:none!important;opacity:1!important;filter:none!important;order:2}
 #methode .image-method .bf-film-caption{position:relative;inset:auto;width:88%;max-height:none;margin:0 6%;overflow:visible;opacity:1;visibility:visible;transform:none!important;filter:none;order:3}
 #methode .image-method .bf-film-illustration{position:relative;inset:auto;margin:25px 6% 0;order:4;text-align:left}
 #methode .image-method .bf-hotspot,#methode .image-method .bf-image-hotspot,#methode .image-method .bf-scroll-hint{display:none}
}
/* Les précisions s’ouvrent dans le même espace de lecture, sans fenêtre ni titre répété. */
#methode .image-method .bf-depth-trigger{position:absolute;left:6%;right:auto;bottom:78px;z-index:6;max-width:67%;padding:10px 18px;border:1px solid #d5b68d;border-radius:13px;background:#30271eea;color:#f5e4cd;font:inherit;font-size:21px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s,background .3s;cursor:pointer}
#methode .image-method .bf-depth-trigger:before{content:'+';margin-right:12px;color:#e9c99e}
#methode .image-method.bf-copy-visible .bf-depth-trigger{visibility:visible;opacity:1;pointer-events:auto}
#methode .image-method .bf-depth-trigger:hover,#methode .image-method .bf-depth-trigger[aria-expanded=true]{background:#e8d7bd;color:#211a13}
#methode .image-method .bf-depth-trigger[aria-expanded=true]:before{content:'−';color:#211a13}
#methode .image-method .bf-depth-panel{padding:20px 24px;border:1px solid #c9a67c;border-radius:15px;background:#211c16f2;color:#f6ebdb;box-shadow:0 15px 55px #0004;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px)!important}
#methode .image-method .bf-depth-label{font-size:20px;line-height:1.4;color:#e1bc8d;margin:0 0 12px}
#methode .image-method .bf-depth-copy{font-size:22px;line-height:1.48;color:#f7eee1;margin:0}
#methode .image-method.bf-depth-visible .bf-depth-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
#methode .image-method.bf-depth-visible .bf-film-caption:not(.bf-depth-panel){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:850px),(max-height:699px),(prefers-reduced-motion:reduce){
 #methode .image-method .bf-depth-trigger{position:relative;inset:auto;max-width:88%;width:fit-content;margin:25px 6% 0;order:4;visibility:visible;opacity:1;pointer-events:auto}
 #methode .image-method .bf-depth-panel{position:relative;inset:auto;display:none;margin:24px 6% 0;width:88%;max-height:none;order:5;overflow:visible}
 #methode .image-method.bf-depth-visible .bf-depth-panel{display:block}
 #methode .image-method.bf-depth-visible .bf-film-caption:not(.bf-depth-panel){opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 #methode .image-method .bf-film-illustration{order:6}
}
@media(min-width:851px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 #methode .image-method .bf-film-caption{max-width:none}
}