/* Phone/tablet composition: short image pointers and a separate numbered key. */
@media(max-width:900px){
 /* Keep the floating launcher clear of the floor selector; an open chat stays open. */
 body:has(#eko-floor-hero[data-composition-bound=true]):not(.eko-floor-past-hero) .cb-chat-root:not(.cb-open){visibility:hidden;pointer-events:none}

 #eko-floor-hero .eko-hero-copy{top:22px;width:calc(100% - 40px);row-gap:14px}
 body #eko-floor-hero h1{font-size:clamp(22px,5.7vw,36px);line-height:1.16;letter-spacing:-.025em}
 #eko-floor-hero .cta-row .btn{min-height:44px;padding:11px 20px;font-size:14px!important;line-height:22px;border-radius:7px}
 #eko-floor-hero .mobile-leaders path{stroke-width:1;opacity:.65}
 #eko-floor-hero .mobile-leaders text{font-size:10px}
 #eko-floor-hero .mobile-leaders g.active path{stroke-width:1.5}
 #eko-floor-hero .layers{position:relative;inset:auto;height:auto;min-height:138px;margin:-16px 20px 12px;gap:0 20px;grid-template-rows:repeat(var(--floor-guide-rows),minmax(46px,auto));align-content:stretch}
 #eko-floor-hero .layers li{display:flex;position:relative;inset:auto;width:auto;gap:9px;padding:6px 0;align-items:center;border:0;color:#f4f3ed}
 #eko-floor-hero .layers .number{position:static;display:flex;width:22px;height:22px;flex:0 0 22px;font-size:11px;border-color:#879976;background:transparent;color:#d5dfca}
 #eko-floor-hero .layers strong{font-size:13px;line-height:1.3;font-weight:550}
 #eko-floor-hero .layers li.active{color:#c3e998;border:0}
 #eko-floor-hero .layers li.active .number{background:#b4d57e;border-color:#b4d57e;color:#14200b}
 #eko-floor-hero figcaption{margin-inline:20px;padding:4px 0 16px;gap:10px}
 #eko-floor-hero .example-kicker{font-size:10px;letter-spacing:.08em;margin-bottom:6px}
 #eko-floor-hero .scene-title{font-size:19px;line-height:1.3}
 #eko-floor-hero .controls{margin:16px 20px 0;gap:12px}
 #eko-floor-hero .control-label{font-size:10px;line-height:1.5;letter-spacing:.08em;margin-bottom:10px}
 #eko-floor-hero .control-group{width:100%}
 #eko-floor-hero .finish-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #eko-floor-hero .finish-buttons button{min-height:44px;padding:8px 5px;font-size:12px;border-radius:8px}
 #eko-floor-hero .play{min-width:0;min-height:44px;font-size:12px;border-radius:8px}
 #eko-floor-hero .playback{margin:12px 20px 0}
 #eko-floor-hero .preview-note,#eko-floor-hero .asset-status{margin:12px 20px 0}
 #eko-floor-hero .eko-hero-details{margin:24px 20px 0}
}
@media(max-width:360px){
 #eko-floor-hero .eko-hero-copy{top:16px;width:calc(100% - 28px);row-gap:12px}
 body #eko-floor-hero h1{font-size:20px}
 #eko-floor-hero .layers{margin-inline:14px;gap:0 12px;min-height:150px;grid-template-rows:repeat(var(--floor-guide-rows),minmax(50px,auto))}
 #eko-floor-hero .layers li{gap:7px}
 #eko-floor-hero .layers strong{font-size:12px}
 #eko-floor-hero figcaption,#eko-floor-hero .controls,#eko-floor-hero .playback,#eko-floor-hero .preview-note,#eko-floor-hero .asset-status,#eko-floor-hero .eko-hero-details{margin-left:14px;margin-right:14px}
 #eko-floor-hero .scene-title{font-size:18px}
}