/* Cas d'usage B (BRAND-2 1d581c10, site.css puis case.css) repris sous .case-b par tools/marque-b/cas-usage-b.py. Ne pas éditer ici. */
@font-face{font-family:PJS;src:url('/_home-v4/assets/plus-jakarta-sans-700.ttf');font-weight:700}@font-face{font-family:DM;src:url('/_home-v4/assets/dm-sans-400.ttf');font-weight:400}@font-face{font-family:DM;src:url('/_home-v4/assets/dm-sans-600.ttf');font-weight:600}.case-b{--blue:#4458AC;--lime:#E4EE99;--lavender:#EEF0FC;--paper:#FCFCFF;--ink:#263153;--muted:#5C6480;--radius:16px}.case-b,.case-b *{box-sizing:border-box}.case-b{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 DM,Arial,sans-serif}.case-b h1,.case-b h2,.case-b h3,.case-b h4{font-family:PJS,Arial;letter-spacing:-.035em;line-height:1.15;margin:0}.case-b h1{font-size:54px}.case-b h2{font-size:32px}.case-b h3{font-size:21px}.case-b a{color:var(--blue)}.case-b a:focus-visible,.case-b summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.case-b .wrap,.case-b:is(.wrap){width:calc(100% - 96px);max-width:1232px;margin:auto}.case-b .nav,.case-b:is(.nav){padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.case-b .nav img,.case-b:is(.nav img){width:166px;display:block}.case-b .nav nav,.case-b:is(.nav nav){display:flex;align-items:center;gap:26px;font-size:14px}.case-b .nav a,.case-b:is(.nav a){text-decoration:none}.case-b .button,.case-b:is(.button){display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:46px;padding:11px 18px;border-radius:8px;background:var(--blue);color:var(--paper);font-weight:600;font-size:15px;text-decoration:none}.case-b .button img,.case-b:is(.button img){width:18px;height:18px}.case-b .tools-nav,.case-b:is(.tools-nav){display:flex;gap:24px;overflow:auto;white-space:nowrap;padding:14px 0;font-size:14px}.case-b .tools-nav a,.case-b:is(.tools-nav a){text-decoration:none;flex-shrink:0}.case-b .tools-nav .current,.case-b:is(.tools-nav .current){font-weight:600;color:var(--ink)}.case-b .hero,.case-b:is(.hero){background:var(--lavender);padding:38px 0 40px}.case-b .split,.case-b:is(.split){display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:start}.case-b .eyebrow,.case-b:is(.eyebrow){font-size:11px;letter-spacing:.13em;font-weight:600;text-transform:uppercase;color:var(--blue);margin:0 0 16px}.case-b .hero h1,.case-b:is(.hero h1){margin:0 0 20px}.case-b .lede,.case-b:is(.lede){font-size:20px;line-height:1.55;margin:0 0 24px;max-width:57ch}.case-b .price,.case-b:is(.price){display:inline-block;background:var(--lime);color:var(--blue);padding:5px 10px;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:22px}.case-b .fact,.case-b:is(.fact){color:var(--muted);font-size:13px;max-width:50ch}.case-b .example,.case-b:is(.example){background:var(--paper);padding:24px;border-radius:var(--radius)}.case-b .example .label,.case-b:is(.example .label){font-size:12px;font-weight:600;color:var(--blue);margin:0 0 6px}.case-b .example .source,.case-b:is(.example .source){font-size:11px;color:var(--muted);margin:0 0 20px}.case-b .result,.case-b:is(.result){height:380px;overflow:auto;padding-right:12px;font-size:15px;line-height:1.65}.case-b .result h4,.case-b:is(.result h4){font-size:15px;margin:20px 0 10px}.case-b .result h4:first-child,.case-b:is(.result h4:first-child){margin-top:0}.case-b .result p,.case-b:is(.result p){margin:0 0 14px}.case-b .result ul,.case-b:is(.result ul){padding-left:20px;margin:0 0 16px}.case-b .result li,.case-b:is(.result li){margin:9px 0}.case-b .pending,.case-b:is(.pending){min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:20px;color:var(--muted)}.case-b .facts,.case-b:is(.facts){display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:28px 0}.case-b .facts>div,.case-b:is(.facts>div){background:var(--lavender);padding:20px;border-radius:12px}.case-b .facts b,.case-b:is(.facts b){font-size:12px;text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:7px;color:var(--blue)}.case-b .section,.case-b:is(.section){padding:38px 0}.case-b .steps,.case-b:is(.steps){display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px}.case-b .step strong,.case-b:is(.step strong){display:grid;place-items:center;background:var(--lime);color:var(--blue);width:32px;height:32px;border-radius:8px;margin-bottom:18px;font-family:PJS}.case-b .step p,.case-b:is(.step p){margin:10px 0 0;font-size:15px}.case-b .grid,.case-b:is(.grid){display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.case-b .card,.case-b:is(.card){padding:25px;background:var(--lavender);border-radius:var(--radius)}.case-b .card p,.case-b:is(.card p){font-size:15px}.case-b .card a,.case-b:is(.card a){font-weight:600;font-size:14px}.case-b .ai-list,.case-b:is(.ai-list){display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.case-b .ai-badge,.case-b:is(.ai-badge){display:inline-flex;align-items:center;gap:9px;font-size:14px;padding:9px 12px;border-radius:8px;background:var(--lavender)}.case-b .ai-badge i,.case-b:is(.ai-badge i){display:grid;place-items:center;background:var(--lime);color:var(--blue);width:28px;height:28px;border-radius:7px;font-style:normal;font-weight:600;font-size:11px}.case-b .note,.case-b:is(.note){font-size:14px;color:var(--muted)}.case-b details{padding:18px 0}.case-b summary{font-weight:600;cursor:pointer}.case-b details p{max-width:70ch;font-size:15px;margin:15px 0 0}.case-b .closer,.case-b:is(.closer){background:var(--lime);padding:32px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:28px;margin:36px 0}.case-b .closer h2,.case-b:is(.closer h2){font-size:27px}.case-b .footer,.case-b:is(.footer){background:var(--lavender);margin-top:48px;padding:42px 0 28px}.case-b .footer .tool-row,.case-b:is(.footer .tool-row){display:flex;justify-content:space-between;gap:28px;overflow:auto;white-space:nowrap;font-size:14px;padding:12px 0 30px}.case-b .footer .tool-row a,.case-b:is(.footer .tool-row a){text-decoration:none;font-weight:600}.case-b .footer-grid,.case-b:is(.footer-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:16px 0 32px}.case-b .footer h3,.case-b:is(.footer h3){font-size:16px;margin-bottom:18px}.case-b .footer ul,.case-b:is(.footer ul){list-style:none;padding:0;margin:0}.case-b .footer li,.case-b:is(.footer li){margin:12px 0;font-size:14px}.case-b .footer a,.case-b:is(.footer a){text-decoration:none}.case-b .footer .identity,.case-b:is(.footer .identity){display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;font-size:13px;color:var(--muted)}.case-b .footer .identity img,.case-b:is(.footer .identity img){width:150px}.case-b .socials,.case-b:is(.socials){display:flex;gap:20px}.case-b .muted,.case-b:is(.muted){color:var(--muted)}.case-b .resource-list,.case-b:is(.resource-list){margin-top:36px}.case-b .resource-row,.case-b:is(.resource-row){display:grid;grid-template-columns:260px 1fr 30px;gap:24px;padding:26px 0;text-decoration:none;border-bottom:1px solid #EEF0FC;align-items:start}.case-b .resource-row h2,.case-b:is(.resource-row h2){font-size:23px}.case-b .resource-row p,.case-b:is(.resource-row p){margin:0;font-size:17px;color:var(--muted)}.case-b .resource-row b,.case-b:is(.resource-row b){font-size:24px}.case-b .page-title,.case-b:is(.page-title){padding:48px 0 24px}.case-b .page-title h1,.case-b:is(.page-title h1){max-width:850px;margin-bottom:20px}.case-b .matrix,.case-b:is(.matrix){width:100%;border-collapse:collapse;margin-top:26px;font-size:15px}.case-b .matrix th,.case-b:is(.matrix th),.case-b .matrix td,.case-b:is(.matrix td){text-align:left;padding:19px 16px;border-bottom:1px solid var(--lavender);vertical-align:middle}.case-b .matrix th,.case-b:is(.matrix th){font-size:13px;color:var(--muted)}.case-b .matrix td:first-child,.case-b:is(.matrix td:first-child){font-weight:600}.case-b .status,.case-b:is(.status){display:inline-block;padding:4px 9px;border-radius:5px;background:var(--lime);color:var(--blue);font-size:13px}.case-b .status.no,.case-b:is(.status.no){background:var(--lavender);color:var(--muted)}.case-b .table-wrap,.case-b:is(.table-wrap){overflow:auto}.case-b .matrix .ai-badge,.case-b:is(.matrix .ai-badge){background:transparent;padding:0}.case-b .badge-grid,.case-b:is(.badge-grid){display:none}.case-b .scope-hint,.case-b:is(.scope-hint){margin-bottom:20px}.case-b .hidden,.case-b:is(.hidden){display:none}@media(max-width:850px){.case-b .wrap,.case-b:is(.wrap){width:calc(100% - 48px)}.case-b .nav,.case-b:is(.nav){padding:20px 0}.case-b .nav img,.case-b:is(.nav img){width:143px}.case-b .nav nav>a:not(.button),.case-b:is(.nav nav>a:not(.button)){display:none}.case-b .nav .button,.case-b:is(.nav .button){font-size:13px;padding:10px 14px}.case-b .tools-nav,.case-b:is(.tools-nav){gap:22px}.case-b .split,.case-b:is(.split){grid-template-columns:1fr;gap:28px}.case-b .hero,.case-b:is(.hero){padding:28px 0}.case-b .hero h1,.case-b:is(.hero h1){font-size:39px;letter-spacing:-1.8px}.case-b .lede,.case-b:is(.lede){font-size:18px}.case-b .example,.case-b:is(.example){padding:20px}.case-b .result,.case-b:is(.result){height:360px;font-size:15px}.case-b .facts,.case-b:is(.facts){grid-template-columns:1fr;gap:12px;padding:24px 0}.case-b .facts>div,.case-b:is(.facts>div){padding:18px}.case-b .steps,.case-b:is(.steps){grid-template-columns:1fr;gap:24px}.case-b .step,.case-b:is(.step){display:grid;grid-template-columns:34px 1fr;gap:16px}.case-b .step strong,.case-b:is(.step strong){grid-row:span 2;margin:0}.case-b .step p,.case-b:is(.step p){grid-column:2;margin:0}.case-b .step h3,.case-b:is(.step h3){font-size:20px}.case-b .grid,.case-b:is(.grid){grid-template-columns:1fr;gap:16px}.case-b h2{font-size:28px}.case-b .section,.case-b:is(.section){padding:28px 0}.case-b .closer,.case-b:is(.closer){padding:24px;align-items:flex-start;flex-direction:column}.case-b .footer-grid,.case-b:is(.footer-grid){grid-template-columns:1fr;gap:28px}.case-b .footer .tool-row,.case-b:is(.footer .tool-row){justify-content:flex-start;gap:24px}.case-b .footer .identity,.case-b:is(.footer .identity){align-items:flex-start;flex-direction:column}.case-b .resource-row,.case-b:is(.resource-row){grid-template-columns:1fr 20px;gap:12px;padding:24px 0}.case-b .resource-row h2,.case-b:is(.resource-row h2){font-size:22px}.case-b .resource-row p,.case-b:is(.resource-row p){grid-column:1;grid-row:2;font-size:16px}.case-b .resource-row b,.case-b:is(.resource-row b){grid-column:2;grid-row:1}.case-b .page-title,.case-b:is(.page-title){padding:30px 0 16px}.case-b .page-title h1,.case-b:is(.page-title h1){font-size:39px}.case-b .desktop-table,.case-b:is(.desktop-table){display:none}.case-b .badge-grid,.case-b:is(.badge-grid){display:grid;grid-template-columns:1fr;gap:16px}.case-b .ai-card,.case-b:is(.ai-card){padding:20px;background:var(--lavender);border-radius:16px}.case-b .ai-card dl,.case-b:is(.ai-card dl){display:grid;grid-template-columns:1fr 1fr;font-size:14px;gap:12px}.case-b .ai-card dt,.case-b:is(.ai-card dt){color:var(--muted)}.case-b .ai-card dd,.case-b:is(.ai-card dd){margin:0;text-align:right}.case-b .ai-list,.case-b:is(.ai-list){gap:8px}.case-b .ai-badge,.case-b:is(.ai-badge){font-size:13px;padding:7px 9px}}@media(prefers-reduced-motion:reduce){.case-b,.case-b *{scroll-behavior:auto!important;animation:none!important}}
.case-b .case-hero,.case-b:is(.case-hero){background:var(--lavender);padding:48px 0}.case-b .case-hero h1,.case-b:is(.case-hero h1){max-width:1050px;margin:0 0 24px}.case-b .case-hero .lede,.case-b:is(.case-hero .lede){max-width:72ch}.case-b .moment-menu,.case-b:is(.moment-menu){padding:18px 24px;margin:24px auto;background:var(--lime);border-radius:12px}.case-b .moment-menu>summary,.case-b:is(.moment-menu>summary){color:var(--blue);font-size:15px}.case-b .uc-path__inner,.case-b:is(.uc-path__inner),.case-b .ph-wrap,.case-b:is(.ph-wrap),.case-b .uc-moment-index__inner,.case-b:is(.uc-moment-index__inner){width:calc(100% - 96px);max-width:1232px;margin:auto}.case-b .uc-path,.case-b:is(.uc-path){padding:48px 0}.case-b .uc-path__eyebrow,.case-b:is(.uc-path__eyebrow),.case-b .ph-eyebrow,.case-b:is(.ph-eyebrow),.case-b .mh-label,.case-b:is(.mh-label){color:var(--blue);font-size:11px;letter-spacing:.1em;font-weight:600}.case-b .uc-path__head h2,.case-b:is(.uc-path__head h2){margin:12px 0 20px}.case-b .uc-path__lead,.case-b:is(.uc-path__lead){max-width:70ch}.case-b .uc-path__steps,.case-b:is(.uc-path__steps){list-style:none;padding:0;margin:32px 0}.case-b .uc-path__card,.case-b:is(.uc-path__card){display:grid;grid-template-columns:48px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--lavender)}.case-b .uc-path__order,.case-b:is(.uc-path__order){width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--lime);color:var(--blue);font-weight:600}.case-b .uc-path__card h3,.case-b:is(.uc-path__card h3){font-size:24px}.case-b .uc-path__card p,.case-b:is(.uc-path__card p){margin:12px 0 0;max-width:74ch}.case-b .uc-path__why,.case-b:is(.uc-path__why),.case-b .uc-path__aside,.case-b:is(.uc-path__aside){font-size:14px;color:var(--muted)}.case-b .uc-path__outcome,.case-b:is(.uc-path__outcome){display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.case-b .uc-path__outcome>div,.case-b:is(.uc-path__outcome>div){background:var(--lavender);border-radius:16px;padding:26px}.case-b .uc-path__outcome p,.case-b:is(.uc-path__outcome p){margin:0 0 14px}.case-b .uc-path__outcome ul,.case-b:is(.uc-path__outcome ul){padding-left:20px;margin:0}.case-b .uc-path__outcome li,.case-b:is(.uc-path__outcome li){margin:10px 0}.case-b #who{padding:42px 0;background:var(--lavender)}.case-b .ph-section-head,.case-b:is(.ph-section-head){display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:30px}.case-b .ph-section-head p,.case-b:is(.ph-section-head p){margin-top:0}.case-b .ph-section-head h2,.case-b:is(.ph-section-head h2){font-size:30px}.case-b .ph-section-head em,.case-b:is(.ph-section-head em){display:block;font-style:normal}.case-b .ed-moment-layout,.case-b:is(.ed-moment-layout){display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.case-b .mh-moment,.case-b:is(.mh-moment){background:var(--paper);border-radius:16px;overflow:hidden;position:relative}.case-b .mh-moment-pic,.case-b:is(.mh-moment-pic){display:block;height:280px}.case-b .mh-moment-img,.case-b:is(.mh-moment-img){width:100%;height:100%;object-fit:cover;object-position:50% 42%}.case-b .mh-chip,.case-b:is(.mh-chip){position:absolute;top:20px;left:20px;background:var(--lime);color:var(--blue);padding:5px 12px;border-radius:6px;font-size:13px;font-weight:600}.case-b .mh-card-copy,.case-b:is(.mh-card-copy){padding:24px}.case-b .mh-card-copy h3,.case-b:is(.mh-card-copy h3){font-size:25px}.case-b .mh-story,.case-b:is(.mh-story){font-size:16px}.case-b .mh-keep,.case-b:is(.mh-keep){font-size:14px;color:var(--blue);font-weight:600}.case-b .mh-reveal-cue,.case-b:is(.mh-reveal-cue){display:none}.case-b .mh-tool-drawer,.case-b:is(.mh-tool-drawer){padding:18px 24px;background:var(--lime)}.case-b .mh-tool-drawer summary,.case-b:is(.mh-tool-drawer summary){font-size:14px;color:var(--blue);margin-bottom:12px}.case-b .mh-tool,.case-b:is(.mh-tool){display:inline-flex;align-items:center;gap:10px;font-size:15px;text-decoration:none;font-weight:600}.case-b .mh-tool svg,.case-b:is(.mh-tool svg){width:20px;height:20px}.case-b .ed-moment-notes h3,.case-b:is(.ed-moment-notes h3){font-size:29px}.case-b .ed-moment-notes .cp-primary,.case-b:is(.ed-moment-notes .cp-primary){display:inline-flex;background:var(--blue);color:var(--paper);padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px}.case-b .cp-note,.case-b:is(.cp-note){font-size:13px;color:var(--muted)}.case-b .uc-moment-index,.case-b:is(.uc-moment-index){padding:20px 0}.case-b .moment-menu .uc-moment-index__inner,.case-b:is(.moment-menu .uc-moment-index__inner){width:100%}.case-b .uc-moment-index__grid,.case-b:is(.uc-moment-index__grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:28px}.case-b .uc-moment-index__group h3,.case-b:is(.uc-moment-index__group h3){font-size:18px;margin:0 0 12px}.case-b .uc-moment-index__group a,.case-b:is(.uc-moment-index__group a){display:flex;justify-content:space-between;gap:16px;padding:13px 0;text-decoration:none;font-size:14px;border-top:1px solid rgba(68,88,172,.14)}.case-b .uc-moment-index__group small,.case-b:is(.uc-moment-index__group small){font-size:11px;color:var(--muted);text-align:right}.case-b .uc-moment-index h2,.case-b:is(.uc-moment-index h2){font-size:26px}.case-b .uc-moment-index a[aria-current],.case-b:is(.uc-moment-index a[aria-current]){font-weight:600}@media(max-width:850px){.case-b .case-hero,.case-b:is(.case-hero){padding:30px 0}.case-b .case-hero h1,.case-b:is(.case-hero h1){font-size:39px}.case-b .uc-path__inner,.case-b:is(.uc-path__inner),.case-b .ph-wrap,.case-b:is(.ph-wrap),.case-b .uc-moment-index__inner,.case-b:is(.uc-moment-index__inner){width:calc(100% - 48px)}.case-b .uc-path,.case-b:is(.uc-path){padding:28px 0}.case-b .uc-path__card,.case-b:is(.uc-path__card){grid-template-columns:34px 1fr;gap:16px}.case-b .uc-path__card h3,.case-b:is(.uc-path__card h3){font-size:22px}.case-b .uc-path__order,.case-b:is(.uc-path__order){width:32px;height:32px;font-size:13px}.case-b .uc-path__outcome,.case-b:is(.uc-path__outcome),.case-b .ph-section-head,.case-b:is(.ph-section-head),.case-b .ed-moment-layout,.case-b:is(.ed-moment-layout){grid-template-columns:1fr;gap:24px}.case-b .uc-path__outcome>div,.case-b:is(.uc-path__outcome>div){padding:22px}.case-b .ph-section-head h2,.case-b:is(.ph-section-head h2){font-size:27px}.case-b #who{padding:30px 0}.case-b .mh-moment-pic,.case-b:is(.mh-moment-pic){height:250px}.case-b .mh-card-copy,.case-b:is(.mh-card-copy){padding:22px}.case-b .mh-card-copy h3,.case-b:is(.mh-card-copy h3){font-size:24px}.case-b .ed-moment-notes h3,.case-b:is(.ed-moment-notes h3){font-size:26px}.case-b .uc-moment-index__grid,.case-b:is(.uc-moment-index__grid){grid-template-columns:1fr;gap:24px}.case-b .moment-menu,.case-b:is(.moment-menu){padding:16px 20px}.case-b .uc-moment-index h2,.case-b:is(.uc-moment-index h2){font-size:25px}}
.case-b .mh-tool-drawer .uc-related-mention{display:inline-flex;align-items:center;gap:10px;font-size:15px;text-decoration:none;font-weight:600}
.case-b .mh-tool-drawer .uc-related-mention svg{width:20px;height:20px}
.case-b .button{max-width:100%;white-space:normal;text-align:center}
/* QA168: separate hero fragments and give textual definitions their own grid. */
.case-b:has(#closer[data-case="summarize-a-long-chat"]) .case-hero h1 em{margin-inline-start:.18em}
.case-b:has(#closer[data-case="summarize-a-long-chat"]) .uc-path__inner>.uc-path__card{grid-template-columns:minmax(10rem,1fr) minmax(0,3fr);gap:12px 24px;align-items:start}
.case-b:has(#closer[data-case="summarize-a-long-chat"]) .uc-path__inner>.uc-path__card>p{margin:0}
.case-b:has(#closer[data-case="summarize-a-long-chat"]) .uc-path__inner>.uc-path__card>a{grid-column:2}
@media(max-width:850px){.case-b:has(#closer[data-case="summarize-a-long-chat"]) .uc-path__inner>.uc-path__card{grid-template-columns:minmax(0,1fr)}.case-b:has(#closer[data-case="summarize-a-long-chat"]) .uc-path__inner>.uc-path__card>a{grid-column:1}}
