html:has(body.stcd-pub-page){overflow:hidden}
body.stcd-pub-page{margin:0;overflow:hidden;background:#050505}
.stcd-pub-carousel{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#050505;touch-action:pan-y pinch-zoom}
.stcd-pub-carousel__track{display:flex;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}
.stcd-pub-carousel__item{flex:0 0 100%;width:100%;height:100%;min-width:0;overflow:hidden}
.stcd-pub-carousel__item>.stcd-pub-stage{width:100%;height:100%}
.stcd-pub-carousel__nav{position:absolute;z-index:30;top:50%;display:grid;place-items:center;width:54px;height:76px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(0,0,0,.52);color:#fff;font:300 54px/1 Arial;transform:translateY(-50%);cursor:pointer;opacity:.56;transition:opacity .16s ease,background-color .16s ease}
.stcd-pub-carousel__nav:hover,.stcd-pub-carousel__nav:focus-visible{background:rgba(0,0,0,.82);opacity:1;outline:3px solid #fff;outline-offset:3px}
.stcd-pub-carousel__nav.is-previous{left:max(10px,env(safe-area-inset-left))}.stcd-pub-carousel__nav.is-next{right:max(10px,env(safe-area-inset-right))}
.stcd-pub-carousel__counter{position:absolute;z-index:30;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));margin:0;padding:7px 11px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;pointer-events:none}
.stcd-pub-carousel__live{position:absolute;z-index:35;left:50%;bottom:max(54px,calc(env(safe-area-inset-bottom) + 54px));max-width:min(88vw,520px);margin:0;padding:10px 15px;border-radius:5px;background:#fff;color:#090909;font:800 13px/1.25 Arial;text-align:center;transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.stcd-pub-carousel__live.is-visible{transform:translate(-50%,0);opacity:1}
.stcd-pub-carousel [hidden]{display:none!important}
.stcd-pub-stage{display:grid;place-items:center;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#050505;font-family:Arial,Helvetica,sans-serif}
.stcd-pub-stage *{box-sizing:border-box}
.stcd-pub-slide{position:relative;display:grid;overflow:hidden;background:var(--pub-bg);color:var(--pub-text);box-shadow:0 0 0 1px rgba(255,255,255,.14);container-type:size}
.stcd-pub-slide.is-vh{grid-template-columns:50% 50%;width:min(100vw,177.7778vh);width:min(100vw,177.7778dvh);height:min(100vh,56.25vw);height:min(100dvh,56.25vw);aspect-ratio:16/9}
.stcd-pub-slide.is-vv{grid-template-rows:33.3333% 66.6667%;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);height:min(100vh,177.7778vw);height:min(100dvh,177.7778vw);aspect-ratio:9/16}
.stcd-pub-slide__visual{position:relative;min-width:0;min-height:0;background:var(--pub-surface);overflow:hidden}
.stcd-pub-slide__visual:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.stcd-pub-slide__visual img{display:block;width:100%;height:100%;object-fit:cover}
.stcd-pub-slide__visual>span{display:grid;place-items:center;width:100%;height:100%;font:900 24cqi/1 Arial;color:var(--pub-accent);letter-spacing:-.08em}
.stcd-pub-slide__content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--pub-bg)}
.stcd-pub-slide__ticker{display:flex;align-items:center;justify-content:space-between;gap:2cqi;padding:2.3cqi 3cqi;background:var(--pub-accent);color:#090909;font:900 clamp(8px,1.35cqi,22px)/1 Arial;letter-spacing:.1em;text-transform:uppercase}
.stcd-pub-slide__ticker span{font-size:.78em;white-space:nowrap}
.stcd-pub-slide__message{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:3.4cqi 4cqi;overflow:hidden}
.stcd-pub-slide h1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;color:var(--pub-text);font:950 clamp(28px,7.1cqi,108px)/.88 Arial,Helvetica,sans-serif;letter-spacing:-.065em;text-transform:uppercase}
.stcd-pub-slide__lead{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:2.2cqi 0 0;color:var(--pub-accent);font:800 clamp(13px,2.35cqi,40px)/1.05 Arial}
.stcd-pub-slide__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1cqi;margin:2.7cqi 0 0}
.stcd-pub-slide__facts>div{min-width:0;padding:1.3cqi 1.55cqi;background:var(--pub-surface);border-left:.7cqi solid var(--pub-accent)}
.stcd-pub-slide__facts dt{margin:0 0 .5cqi;color:var(--pub-accent);font:900 clamp(7px,1.05cqi,17px)/1 Arial;letter-spacing:.1em}
.stcd-pub-slide__facts dd{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;color:var(--pub-text);font:850 clamp(10px,1.65cqi,27px)/1.04 Arial;white-space:normal;overflow-wrap:anywhere}
.stcd-pub-slide__body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:7;margin-top:2.5cqi;font:700 clamp(11px,1.55cqi,25px)/1.18 Arial}
.stcd-pub-slide__body p{margin:0}
.stcd-pub-slide__cta{display:-webkit-box;align-self:flex-start;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;margin:2.5cqi 0 0;padding:1.25cqi 1.8cqi;background:var(--pub-accent);color:#090909;font:950 clamp(9px,1.45cqi,24px)/1 Arial;letter-spacing:.04em;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}
.stcd-pub-slide__closing{min-width:0}
.stcd-pub-slide__closing-copy{min-width:0}
.stcd-pub-slide.has-audio-qr .stcd-pub-slide__closing{display:grid;grid-template-columns:minmax(0,1fr) var(--pub-qr-size);align-items:end;gap:2cqi}
.stcd-pub-slide__qr{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--pub-qr-size);padding:3.5%;border-radius:.45em;background:#fff;color:#080808;text-decoration:none;box-shadow:0 0 0 1px rgba(255,255,255,.34);letter-spacing:0}
.stcd-pub-slide__qr-code{display:block;width:100%;padding:12%;background:#fff;line-height:0}
.stcd-pub-slide__qr-code img,.stcd-pub-slide__qr-code canvas{width:100%!important;height:auto!important;image-rendering:pixelated}
.stcd-pub-slide__qr-code canvas{display:block!important}
.stcd-pub-slide__qr-code canvas~img{display:none!important}
.stcd-pub-slide__qr strong{display:block;margin-top:.6em;color:#080808;font:900 clamp(8px,1.1cqi,18px)/1.05 Arial,Helvetica,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.035em}
.stcd-pub-slide__qr:focus-visible{outline:4px solid var(--pub-accent);outline-offset:4px}
.stcd-pub-slide footer{display:flex;align-items:center;justify-content:space-between;gap:1.5cqi;padding:1.4cqi 3cqi;border-top:1px solid rgba(255,255,255,.22);font:800 clamp(7px,1cqi,16px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.stcd-pub-slide__footer-start{display:flex;align-items:center;min-width:0;gap:1.4cqi}
.stcd-pub-slide__outputs{display:flex;align-items:center;gap:.55cqi;letter-spacing:0}
.stcd-pub-slide__output{display:inline-flex;align-items:center;justify-content:center;min-width:2.25em;height:2.25em;padding:0 .45em;border:1px solid rgba(255,255,255,.46);border-radius:.28em;color:var(--pub-text);background:rgba(255,255,255,.08);font:900 .78em/1 Arial,Helvetica,sans-serif;text-decoration:none;letter-spacing:-.03em;transition:background-color .15s ease,color .15s ease,transform .15s ease}
button.stcd-pub-slide__output{appearance:none;cursor:pointer}
.stcd-pub-slide__output:hover,.stcd-pub-slide__output:focus-visible{background:var(--pub-accent);color:#090909;transform:translateY(-1px);outline:2px solid var(--pub-text);outline-offset:2px}
.stcd-pub-slide__output.is-elevenlabs{font-size:1.18em}
.stcd-pub-slide__output.is-elevenlabs.is-playing{background:var(--pub-accent);color:#090909;box-shadow:0 0 0 .16em rgba(255,255,255,.32)}
.stcd-pub-slide__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.stcd-pub-slide.is-vv .stcd-pub-slide__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.stcd-pub-slide.is-vv{--pub-qr-size:clamp(320px,62.5cqi,820px)}
.stcd-pub-slide.is-vv .stcd-pub-slide__message{justify-content:flex-start;padding:4.2cqi 5cqi}
.stcd-pub-slide.is-vv h1{-webkit-line-clamp:3;font-size:clamp(28px,8.2cqi,76px);line-height:.92}
.stcd-pub-slide.is-vv.is-title-long h1{font-size:clamp(27px,7.3cqi,68px)}
.stcd-pub-slide.is-vv.is-title-xlong h1{font-size:clamp(26px,6.5cqi,62px)}
.stcd-pub-slide.is-vv .stcd-pub-slide__lead{-webkit-line-clamp:3;margin-top:1.8cqi;font-size:clamp(13px,3.25cqi,29px)}
.stcd-pub-slide.is-vv .stcd-pub-slide__facts{gap:1.2cqi;margin-top:2.2cqi}
.stcd-pub-slide.is-vv .stcd-pub-slide__body{margin-top:0;-webkit-line-clamp:5;font-size:clamp(11px,2.15cqi,21px)}
.stcd-pub-slide.is-vv .stcd-pub-slide__cta{margin-top:1.8cqi;font-size:clamp(9px,2cqi,20px)}
.stcd-pub-slide.is-vv .stcd-pub-slide__closing{margin-top:2.2cqi}
.stcd-pub-slide.is-vv .stcd-pub-slide__qr strong{font-size:clamp(10px,1.8cqi,20px)}
.stcd-pub-slide.is-vv .stcd-pub-slide__footer-start{gap:1.8cqi}
.stcd-pub-slide.is-vv .stcd-pub-slide__outputs{gap:.9cqi}
.stcd-pub-stage.is-embedded{width:100%;height:auto;min-height:0;padding:16px;background:#050505}
.stcd-pub-stage.is-embedded .stcd-pub-slide.is-vh{width:100%;height:auto}
.stcd-pub-stage.is-embedded .stcd-pub-slide.is-vv{width:min(100%,620px);height:auto}
@media(prefers-reduced-motion:reduce){.stcd-pub-slide *{scroll-behavior:auto!important}.stcd-pub-carousel__track,.stcd-pub-carousel__live{transition:none!important}
}

/* Alpha8.1 — le format horizontal se dimensionne selon la hauteur de la slide.
 * Cela empêche les blocs inférieurs d’être coupés sur les grands écrans 16:9. */
.stcd-pub-slide.is-vh .stcd-pub-slide__ticker{gap:1.5cqi;padding:1.45cqh 2.4cqi;font-size:clamp(9px,1.65cqh,20px)}
.stcd-pub-slide.is-vh{--pub-qr-size:clamp(230px,46cqh,780px)}
.stcd-pub-slide.is-vh .stcd-pub-slide__message{justify-content:flex-start;padding:2.6cqh 3cqi}
.stcd-pub-slide.is-vh h1{-webkit-line-clamp:2;font-size:clamp(30px,7cqh,78px);line-height:.9}
.stcd-pub-slide.is-vh .stcd-pub-slide__lead{-webkit-line-clamp:2;margin-top:1.5cqh;font-size:clamp(14px,3cqh,34px);line-height:1.04}
.stcd-pub-slide.is-vh .stcd-pub-slide__facts{gap:1.2cqh 1cqi;margin-top:2cqh}
.stcd-pub-slide.is-vh .stcd-pub-slide__facts>div{padding:1.05cqh 1.2cqi;border-left-width:.38cqi}
.stcd-pub-slide.is-vh .stcd-pub-slide__facts dt{margin-bottom:.45cqh;font-size:clamp(7px,1.25cqh,15px)}
.stcd-pub-slide.is-vh .stcd-pub-slide__facts dd{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(11px,2.2cqh,25px);line-height:1.08;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.stcd-pub-slide.is-vh .stcd-pub-slide__body{-webkit-line-clamp:4;margin-top:0;font-size:clamp(10px,1.7cqh,19px);line-height:1.15}
.stcd-pub-slide.is-vh .stcd-pub-slide__cta{-webkit-line-clamp:1;margin-top:1.6cqh;padding:1cqh 1.3cqi;font-size:clamp(9px,1.65cqh,19px);white-space:nowrap}
.stcd-pub-slide.is-vh .stcd-pub-slide__closing{margin-top:1.6cqh}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__body{margin-top:0;-webkit-line-clamp:5}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__cta{white-space:normal;-webkit-line-clamp:2}
.stcd-pub-slide.is-vh .stcd-pub-slide__qr strong{font-size:clamp(8px,1.3cqh,16px)}
.stcd-pub-slide.is-vh footer{padding:1.1cqh 2.4cqi;font-size:clamp(7px,1.2cqh,14px)}
.stcd-pub-slide.is-vv h1{display:block;overflow:visible;-webkit-box-orient:initial;-webkit-line-clamp:initial}
.stcd-pub-slide.is-vv.has-audio-qr .stcd-pub-slide__message{padding-top:3.2cqi;padding-bottom:3.2cqi}
.stcd-pub-slide.is-vv.has-audio-qr .stcd-pub-slide__lead{margin-top:1.35cqi;font-size:clamp(13px,2.8cqi,27px)}
.stcd-pub-slide.is-vv.has-audio-qr .stcd-pub-slide__facts{margin-top:1.65cqi;gap:.9cqi}
.stcd-pub-slide.is-vv.has-audio-qr .stcd-pub-slide__facts>div{padding:1cqi 1.25cqi}
.stcd-pub-slide.is-vv.has-audio-qr .stcd-pub-slide__closing{margin-top:1.55cqi}
.stcd-pub-slide.is-vh.is-title-long h1,.stcd-pub-slide.is-vh.is-title-xlong h1{display:block;overflow:visible;-webkit-box-orient:initial;-webkit-line-clamp:initial;font-size:clamp(28px,5.8cqh,64px);line-height:.92}
.stcd-pub-slide.is-vh.is-title-xlong h1{font-size:clamp(26px,5.15cqh,57px)}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__message{padding-top:1.9cqh;padding-bottom:1.9cqh}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__lead{margin-top:1cqh;font-size:clamp(13px,2.45cqh,28px)}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__facts{margin-top:1.25cqh;gap:.75cqh .8cqi}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__facts>div{padding:.7cqh 1.1cqi}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__facts dd{font-size:clamp(10px,1.85cqh,21px)}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__closing{margin-top:.9cqh}
.stcd-pub-slide.has-audio-qr .stcd-pub-slide__message{position:relative}
.stcd-pub-slide.has-audio-qr .stcd-pub-slide__closing{display:block;padding-right:calc(var(--pub-qr-size) + 2cqi)}
.stcd-pub-slide.has-audio-qr .stcd-pub-slide__qr{position:absolute;right:3cqi;bottom:2cqi}
.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__qr{right:3cqi;bottom:1.9cqh}
.stcd-pub-slide.is-vv.has-audio-qr .stcd-pub-slide__qr{right:5cqi;bottom:4.2cqi}
@container(max-width:700px){
  .stcd-pub-slide.has-audio-qr .stcd-pub-slide__closing{display:grid;grid-template-columns:1fr;padding-right:0}
  .stcd-pub-slide.has-audio-qr .stcd-pub-slide__qr{position:static;justify-self:end;width:min(72cqi,320px)}
}
/* Alpha10 — une slide vH devient une lecture verticale complète sur téléphone.
 * Le 16:9 Digital Signage reste strictement inchangé au-delà de ce breakpoint. */
@media (max-width:760px) and (orientation:portrait){
  html:has(body.stcd-pub-page),body.stcd-pub-page{overflow:auto}
  .stcd-pub-carousel{height:auto;min-height:100dvh;overflow:hidden}
  .stcd-pub-carousel__track{height:auto;align-items:flex-start}
  .stcd-pub-carousel__item{height:auto;min-height:100dvh;overflow:visible}
  .stcd-pub-carousel__nav{position:fixed;top:50dvh;width:42px;height:58px;font-size:42px}
  .stcd-pub-carousel__counter{position:fixed}
  .stcd-pub-carousel__live{position:fixed}
  .stcd-pub-stage{display:block;width:100%;height:auto;min-height:100dvh;overflow:visible}
  .stcd-pub-slide.is-vh{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;width:100%;height:auto;min-height:100dvh;aspect-ratio:auto;overflow:visible;container-type:inline-size}
  .stcd-pub-slide.is-vh .stcd-pub-slide__visual{width:100%;aspect-ratio:1/1}
  .stcd-pub-slide.is-vh .stcd-pub-slide__content{display:grid;grid-template-rows:auto auto auto;overflow:visible}
  .stcd-pub-slide.is-vh .stcd-pub-slide__ticker{padding:14px 16px;font-size:clamp(10px,3cqi,14px)}
  .stcd-pub-slide.is-vh .stcd-pub-slide__message,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__message{display:block;padding:24px 18px;overflow:visible}
  .stcd-pub-slide.is-vh h1,.stcd-pub-slide.is-vh.is-title-long h1,.stcd-pub-slide.is-vh.is-title-xlong h1{display:block;overflow:visible;font-size:clamp(36px,12cqi,68px);line-height:.92;-webkit-line-clamp:initial}
  .stcd-pub-slide.is-vh .stcd-pub-slide__lead,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__lead{display:block;overflow:visible;margin-top:15px;font-size:clamp(19px,5.7cqi,31px);line-height:1.08;-webkit-line-clamp:initial}
  .stcd-pub-slide.is-vh .stcd-pub-slide__facts,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__facts{grid-template-columns:1fr;gap:9px;margin-top:20px}
  .stcd-pub-slide.is-vh .stcd-pub-slide__facts>div,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__facts>div{padding:12px 14px;border-left-width:5px}
  .stcd-pub-slide.is-vh .stcd-pub-slide__facts dt{font-size:11px}.stcd-pub-slide.is-vh .stcd-pub-slide__facts dd,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__facts dd{display:block;overflow:visible;font-size:18px;line-height:1.15;-webkit-line-clamp:initial}
  .stcd-pub-slide.is-vh .stcd-pub-slide__closing,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__closing{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px;padding-right:0}
  .stcd-pub-slide.is-vh .stcd-pub-slide__body,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__body{display:block;overflow:visible;font-size:17px;line-height:1.35;-webkit-line-clamp:initial}
  .stcd-pub-slide.is-vh .stcd-pub-slide__cta,.stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__cta{display:block;overflow:visible;margin-top:16px;padding:12px 14px;font-size:15px;white-space:normal;-webkit-line-clamp:initial}
  .stcd-pub-slide.is-vh.has-audio-qr .stcd-pub-slide__qr{position:static;justify-self:center;width:min(74cqi,260px);padding:10px}
  .stcd-pub-slide.is-vh .stcd-pub-slide__qr strong{font-size:12px}
  .stcd-pub-slide.is-vh footer{position:static;padding:13px 16px;font-size:10px}
}

/* Alpha12 — contrôle d'autoplay adaptatif du carrousel PUB. */
.stcd-pub-slide__footer-end{display:flex;align-items:center;gap:1.1cqi}
.stcd-pub-slide__autoplay{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.45em;height:2.25em;padding:0 .7em;border:1px solid rgba(255,255,255,.46);border-radius:.28em;background:rgba(255,255,255,.08);color:var(--pub-text);font:900 .78em/1 Arial,Helvetica,sans-serif;letter-spacing:.04em;cursor:pointer}
.stcd-pub-slide__autoplay:hover,.stcd-pub-slide__autoplay:focus-visible,.stcd-pub-slide__autoplay.is-active{background:var(--pub-accent);color:#090909;outline:2px solid var(--pub-text);outline-offset:2px}

/* Alpha12 — filtrage d'orientation : seules les PUB adaptées au viewport sont diffusées. */
.stcd-pub-carousel__item[hidden]{display:none!important}