/* Primitives locales du composant, tirées du Brand Book v5.
   Le cadre des sites, leurs navigations et leurs styles restent à leur domicile. */
.demo-ia,.rp-demo-example{--d-ink:#FFFFFF;--d-muted:#E3E3E3;--d-accent:#E769BB;--d-bg:#000000;--d-surface:#0B0B0B;--d-border:#7A7A7A;--d-paper:#FFFFFF;--d-print:#2B2B2B;--d-print-surface:#F4F4F4;--d-title:'Archivo Black',sans-serif;--d-body:'Clear Sans',sans-serif}
.demo-ia{color:var(--d-ink);background:transparent;margin:64px 0;font:18px/1.65 var(--d-body);text-align:left}
.demo-ia *,.rp-demo-example *{box-sizing:border-box}
.demo-ia [hidden],.rp-demo-example [hidden]{display:none!important}
.demo-ia h2{font:clamp(26px,4vw,40px)/1.16 var(--d-title);margin:0 0 24px;color:var(--d-ink)}
.demo-ia h3{font:24px/1.3 var(--d-title);color:var(--d-ink)}
.demo-ia p{margin:0 0 16px;color:var(--d-muted)}
.demo-ia .di-kicker{font-size:16px;font-weight:700;color:var(--d-ink)}
.demo-ia .di-muted{font-size:16px;color:var(--d-muted)}
.demo-ia .di-form{display:grid;gap:24px;margin:32px 0;max-width:680px}
.demo-ia fieldset{border:0;padding:0;margin:0;display:grid;gap:24px;min-width:0}
.demo-ia legend{font:24px/1.3 var(--d-title);padding:0 0 24px}
.demo-ia label{display:block;color:var(--d-ink);font-weight:700}
.demo-ia input,.demo-ia select,.demo-ia textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--d-border);background:var(--d-surface);color:var(--d-ink);padding:16px;font:17px/1.6 var(--d-body);border-radius:0}
.demo-ia input::placeholder,.demo-ia textarea::placeholder{color:var(--d-muted);opacity:1;font-weight:400}
.demo-ia textarea{resize:vertical;min-height:240px}
.demo-ia button,.rp-demo-example button{border:1px solid var(--d-ink);background:var(--d-ink);color:var(--d-bg);padding:16px 24px;font:700 17px/1.4 var(--d-body);cursor:pointer;min-height:48px;border-radius:0}
.demo-ia button:disabled,.rp-demo-example button:disabled{cursor:default;background:transparent;color:var(--d-muted);border-color:var(--d-border)}
.demo-ia .di-secondary,.rp-demo-example button{background:transparent;color:var(--d-ink);border-color:var(--d-border)}
.demo-ia .di-link{border:0;background:transparent;color:var(--d-ink);text-decoration:underline;text-underline-offset:5px;padding:8px 0;text-align:left;justify-self:start}
.demo-ia :focus-visible,.rp-demo-example :focus-visible{outline:2px solid var(--d-accent);outline-offset:3px}
.demo-ia .di-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.demo-ia .di-status{padding:16px 0;color:var(--d-ink);font-weight:700}
.demo-ia .di-status:empty{display:none}
.demo-ia .di-progress{height:4px;background:var(--d-border);margin:24px 0}
.demo-ia .di-progress span{display:block;height:100%;background:var(--d-accent);width:35%}
.demo-ia .di-deck{margin:24px 0}
.demo-ia .di-slide{background:var(--d-paper);color:var(--d-print);padding:24px;border-top:4px solid var(--d-accent);overflow-wrap:anywhere;min-height:400px}
.demo-ia .di-number{font:700 16px/1.4 var(--d-body);color:var(--d-print);margin-bottom:32px}
.demo-ia .di-slide h3{font:clamp(25px,3.2vw,36px)/1.2 var(--d-title);color:var(--d-print);margin:0 0 24px}
.demo-ia .di-slide .di-accroche{font-size:21px;line-height:1.5;color:var(--d-print)}
.demo-ia .di-points{display:grid;gap:24px;margin-top:32px}
.demo-ia .di-point{color:var(--d-print);line-height:1.6}
.demo-ia .di-statut{font:700 15px/1.5 var(--d-body);color:var(--d-print);display:block;margin-bottom:8px}
.demo-ia .di-slide [contenteditable]{outline:none;outline-offset:4px;cursor:text}
.demo-ia .di-slide [contenteditable]:hover{outline:1px dashed var(--d-border)}
.demo-ia .di-slide [contenteditable]:focus{outline:2px solid var(--d-accent)}
.demo-ia .di-manques{font-size:16px;color:var(--d-print);background:var(--d-print-surface);padding:16px;margin-top:24px}
.demo-ia .di-notes{font-size:17px;color:var(--d-print);margin-top:32px;border-top:1px solid var(--d-border);padding-top:16px}
.demo-ia .di-notes summary{cursor:pointer;font-weight:700;min-height:44px}
.demo-ia .di-slide .di-notes p{color:var(--d-print);white-space:pre-wrap;margin-top:16px}
.demo-ia .di-credit{font-size:15px;margin-top:24px;color:var(--d-print)}
.demo-ia .di-slide-nav,.rp-demo-example .rp-example-nav{display:flex;gap:24px;align-items:center;justify-content:center;margin:24px 0}
.demo-ia .di-export{margin-top:48px;padding-top:32px;border-top:1px solid var(--d-border)}
.demo-ia .di-gate{margin-top:32px}
.demo-ia .di-error{border-left:3px solid var(--d-accent);padding-left:16px}
.demo-ia .di-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.demo-ia a{color:var(--d-ink);text-decoration:underline}
.demo-ia .di-slide a{color:var(--d-print)}
.demo-ia [data-texte-prompt]{display:none}
.demo-ia textarea[readonly]{width:100%;min-height:320px}
.di-table{overflow-x:auto;margin:24px 0}.di-table table{border-collapse:collapse;min-width:640px;width:100%;font-size:17px}.di-table th,.di-table td{padding:16px;border:1px solid var(--d-border);vertical-align:top;text-align:left}
.rp-demo-example{margin:64px 0;color:var(--d-ink)}
.rp-demo-example figure{margin:0}
.rp-demo-example img{display:block;width:100%;height:auto}
.rp-demo-example figcaption{margin:16px 0;font-size:17px;color:var(--d-muted)}
.rp-demo-example .rp-example-label{font-size:17px;color:var(--d-muted)}
.rp-demo-steps{display:flex;flex-wrap:wrap;gap:16px;padding:0;list-style:none;margin:48px 0}
.resource-main .rp-demo-steps li{margin:0}
.rp-demo-steps li:not(:last-child)::after{content:'→';display:inline-block;margin-left:16px}
.rp-prompt-alternative{margin:64px 0}
.rp-prompt-alternative summary{cursor:pointer;min-height:48px;font-weight:700}
.rp-prompt-alternative textarea{width:100%;min-height:320px;font:17px/1.6 var(--d-body);padding:24px;background:var(--d-surface);color:var(--d-ink);border:1px solid var(--d-border)}
.resource-main section.demo-ia{padding:0}
@media(min-width:640px){.demo-ia .di-slide{padding:40px}.demo-ia .di-deck{max-width:100%}}

.demo-ia,.rp-demo-example,.di-deck{scroll-margin-top:120px}
/* Aperçu fidèle de la diapositive exportée (charte du client) et zone de charte. */
.demo-ia .di-rendu{display:block;width:100%;height:auto;background:#fff;box-shadow:0 0 0 1px var(--d-border);margin:0 0 16px}
.demo-ia .di-edition{margin-top:8px}
.demo-ia .di-edition>summary{cursor:pointer;font-weight:700;min-height:44px;color:var(--d-print)}
.demo-ia .di-charte:empty{display:none}
.demo-ia .di-charte-apercu{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.demo-ia .di-pastille{display:inline-block;width:32px;height:32px;border:1px solid var(--d-border)}
.demo-ia .di-charte-apercu img{max-height:40px;max-width:200px;background:#fff;padding:4px}
.demo-ia .di-couleurs{display:flex;flex-wrap:wrap;gap:16px}
.demo-ia .di-couleurs input[type=color]{width:96px;height:48px;padding:4px}
.demo-ia .di-charte-manuelle>summary{cursor:pointer;font-weight:700;min-height:44px}
.demo-ia .di-charte-manuelle[open]{display:grid;gap:16px}
.demo-ia textarea.di-court{min-height:96px}
.demo-ia .di-slide{min-height:0}