/* Article previews use a fixed, fully filled frame, independent of image proportions. */
.qb-article-cover>img{display:block;width:100%;height:360px;max-height:none;object-fit:cover;object-position:center;border-radius:18px}
.qb-workflow-cover>img{object-position:center 12%}
.qb-prose .qb-workflow-figure{margin:30px 0}.qb-workflow-help{font-size:13px;line-height:1.6;color:#586777;margin:0 0 12px!important}
.qb-workflow-scroll{height:460px;width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;border:1px solid rgba(15,34,55,.15);border-radius:14px;background:#F9F5F3;scrollbar-gutter:stable;outline-offset:4px}
.qb-prose .qb-workflow-scroll img{display:block;width:100%;height:auto;max-width:none;border-radius:0}
.qb-workflow-figure figcaption{margin-top:12px}.qb-workflow-figure figcaption a,.qb-workflow-cover figcaption a{text-decoration:underline;text-underline-offset:4px;cursor:zoom-in}
/* Identical five summary providers and logo paths to the Qellio component. */
.qb-ai-complete{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:22px}
.qb-ai-complete .qb-ai-label{font-family:Manrope,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#586777;margin:0}
.qb-ai-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.qb-ai-list li{margin:0;padding:0}
.qb-ai-complete a.qb-ai-button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 11px;border-radius:6px;background:rgba(255,255,255,.75);border:0;box-shadow:inset 0 0 0 1px rgba(15,34,55,.12);font-family:Manrope,sans-serif;font-size:14px;font-weight:500;color:#0F2237;text-decoration:none;transition:box-shadow .2s,background .2s,transform .2s}
.qb-ai-complete a.qb-ai-button:hover{background:white;box-shadow:inset 0 0 0 1px rgba(255,87,87,.45),0 8px 18px -12px rgba(15,34,55,.35);transform:translateY(-1px)}
.qb-ai-icon{flex:none;width:16px;height:16px;color:#586777;transition:color .2s,filter .2s}
.qb-ai-google{filter:grayscale(1) opacity(.7)}.qb-ai-button:hover .qb-ai-icon{color:var(--marque,#0F2237)}.qb-ai-button:hover .qb-ai-google{filter:none}
/* The dialog is in the browser top layer, above navigation and the local test banner. */
.qb-workflow-modal{position:fixed;inset:0;margin:auto;width:min(1040px,calc(100vw - 56px));max-width:none;height:min(900px,calc(100dvh - 64px));max-height:none;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(15,34,55,.96);color:white;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.4)}
.qb-workflow-modal[open]{display:flex;flex-direction:column}
.qb-workflow-modal::backdrop{background:rgba(15,34,55,.84);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.qb-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.15)}
.qb-modal-header h2{font:500 25px/1.2 Georgia,serif;margin:0;color:white}
.qb-modal-header button{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:28px;line-height:1;color:white;background:rgba(255,255,255,.06);cursor:pointer}
.qb-modal-header button:hover{background:rgba(255,255,255,.15)}
.qb-modal-help{flex:none;margin:0;padding:12px 22px;font:12px/1.6 Manrope,sans-serif;color:#d2dbe4}
.qb-modal-scroll{flex:1;min-height:0;margin:0 16px 16px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;background:#F9F5F3;border-radius:10px;scrollbar-gutter:stable}
.qb-modal-scroll img{display:block;width:100%;min-width:720px;max-width:none;height:auto}
.qb-workflow-modal button:focus-visible,.qb-workflow-modal [tabindex]:focus-visible{outline:2px solid #2DD4BF;outline-offset:3px}
@media(max-width:599px){.qb-article-cover>img{height:240px}.qb-workflow-scroll{height:360px}.qb-ai-complete{gap:10px}.qb-ai-complete a.qb-ai-button{padding:0 10px;gap:6px;font-size:13px}.qb-workflow-modal{width:calc(100vw - 20px);height:calc(100dvh - 28px);border-radius:12px}.qb-modal-header{padding:14px;gap:12px}.qb-modal-header h2{font-size:21px}.qb-modal-help{padding:10px 14px}.qb-modal-scroll{margin:0 10px 10px}}
@media(prefers-reduced-motion:reduce){.qb-ai-complete a.qb-ai-button,.qb-ai-icon{transition:none}.qb-ai-complete a.qb-ai-button:hover{transform:none}}
/* Workflow actions remain separate: modal preview and standalone image. */
.qb-workflow-figure figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px}
/* Share controls mirror Qellio's Partage / BoutonIcone components, in the Agency palette. */
.qb-share{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px}
.qb-share-label{font:500 11px/1.5 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#586777;margin:0}
.qb-share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.qb-share a.qb-share-button,.qb-share button.qb-share-button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1.5px solid rgba(255,87,87,.32);background:transparent;color:#0F2237;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.qb-share a.qb-share-button:hover,.qb-share button.qb-share-button:hover{background:#fff0ec;transform:translateY(-2px)}
.qb-share .qb-share-status{font:500 12.5px/1.5 Manrope,sans-serif;letter-spacing:.04em;color:#387467;margin-left:6px}
.qb-share .qb-share-status:empty{margin:0}
@media(prefers-reduced-motion:reduce){.qb-share a.qb-share-button,.qb-share button.qb-share-button{transition:none}.qb-share a.qb-share-button:hover,.qb-share button.qb-share-button:hover{transform:none}}