/* Same inset track and raised segment as ALPHA, with the programme accent. */
.programme-demo-control.programme-demo-control{
 display:flex!important;align-items:stretch!important;justify-content:center!important;
 gap:5px!important;width:max-content!important;min-width:min(340px,100%)!important;max-width:100%!important;
 height:auto!important;padding:5px!important;border:0!important;border-radius:26px!important;
 background:#13181e!important;box-shadow:inset 0 2px 5px #0006,0 1px 0 #ffffff16!important;
}
.programme-demo-control.programme-demo-control button{
 flex:1 1 0!important;display:flex!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;min-height:44px!important;height:auto!important;padding:10px 18px!important;
 border:0!important;border-radius:21px!important;background:transparent!important;
 color:#b5bcc3!important;box-shadow:none!important;font-size:14px!important;line-height:1.25!important;
 text-align:center!important;white-space:normal!important;transform:none!important;
 transition:color 160ms ease,background-color 160ms ease!important;
}
.programme-demo-control.programme-demo-control button:is([aria-pressed="true"],[aria-selected="true"]){
 background:var(--relief-accent,var(--accent,var(--gold,#c6a052)))!important;
 color:#171c22!important;box-shadow:inset 0 1px 1px #ffffff70,0 3px 6px #0004!important;
}
.programme-demo-control.programme-demo-control.on-paper{background:#e5e0d6!important;box-shadow:inset 0 2px 5px #171c221f,0 1px 0 #fff9!important}
.programme-demo-control.programme-demo-control.on-paper button{color:#62666b!important}
.programme-demo-control.programme-demo-control.on-paper button:is([aria-pressed="true"],[aria-selected="true"]){background:linear-gradient(160deg,#fcf9f1,#e9e4d8)!important;color:#171c22!important;box-shadow:inset 0 1px 1px #fff,0 3px 6px #171c2226!important}
.programme-demo-control button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.programme-demo-control button::after{display:none!important}
.programme-demo-control.phase-tabs button,.programme-demo-control.case-selector button{flex-direction:column;gap:4px}
.programme-demo-control.phase-tabs button small,.programme-demo-control.case-selector button span{color:inherit!important}
/* Both ALPHA panels share the same phone geometry, so the screen can slide in place. */
.gallery-stage .preview-scene{grid-template-columns:1fr 340px 1fr;gap:6%;padding:28px 20px 50px}
.gallery-stage .preview-phone{width:100%;height:650px;grid-column:2;filter:drop-shadow(0 24px 22px #15202c30)}
.gallery-stage .preview-copy{padding-top:0;align-self:center}
@media(min-width:761px) and (max-width:1000px){.gallery-stage .preview-scene{grid-template-columns:1fr 290px 1fr;gap:25px;padding-inline:0}.gallery-stage .preview-phone{height:595px}}
@media(max-width:760px){
 .programme-demo-control.programme-demo-control{width:min(100%,320px)!important;min-width:0!important;flex-wrap:nowrap!important;margin-inline:auto!important;box-sizing:border-box}
 .programme-demo-control.programme-demo-control button{padding:10px 12px!important;font-size:13px!important}
 .programme-demo-control.phase-tabs,.programme-demo-control.theme-picker{flex-wrap:wrap!important}
 .programme-demo-control.phase-tabs button{flex-basis:40%!important}
 .programme-demo-control.theme-picker button{flex-basis:25%!important}
 .gallery-stage .gallery-slide{padding:10px 0 25px;gap:24px; height:auto}
 .gallery-stage .preview-phone{height:auto;width:100%;grid-column:auto}
 .gallery-stage{height:auto;min-height:0}
}
@media(prefers-reduced-motion:reduce){.programme-demo-control.programme-demo-control button{transition:none!important}}

.mobile-assist-descriptions:empty{display:none}
@media(max-width:760px){
 .assist-track .assist-slide{padding-bottom:0!important;min-height:0!important}
 .mobile-assist-descriptions{padding:10px 24px 0}
 .mobile-assist-descriptions .assist-copy[hidden]{display:none!important}
 .mobile-assist-descriptions .assist-copy{margin:0;max-width:none}
}
@media(max-width:760px){.assist-track + .mobile-demo-dock{padding-inline:24px;box-sizing:border-box}}

.programme-demo-dock{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:16px auto 24px;position:relative;z-index:3}
.programme-demo-dock .mobile-swipe-hint{font-size:11px;line-height:1.4;text-align:center;color:inherit;opacity:.72;margin:0}
@media(min-width:761px){.programme-demo-dock .mobile-swipe-hint{display:none}}
@media(min-width:1001px){.gallery-stage{height:690px}.gallery-stage .gallery-slide{padding:12px 20px 16px}}
@media(min-width:761px) and (max-width:1000px){.gallery-stage{height:635px}.gallery-stage .gallery-slide{padding:12px 0 16px}}

@media(min-width:761px){
 .session-stage:has(>.programme-demo-dock){column-gap:11%;row-gap:16px}
 .session-stage:has(>.programme-demo-dock)>.session-phone{grid-column:1;grid-row:1;width:min(350px,calc((100svh - 140px)*.489))}
 .session-stage:has(>.programme-demo-dock)>.watch-side{grid-column:2;grid-row:1}
 .session-stage>.programme-demo-dock{grid-column:1;grid-row:2;margin:0}
 .assist-stage:has(>.programme-demo-dock){column-gap:6%;row-gap:16px}
 .assist-stage:has(>.programme-demo-dock)>.assist-copy{grid-column:1;grid-row:1}
 .assist-stage:has(>.programme-demo-dock)>.assist-viewport{grid-column:2;grid-row:1;height:auto;overflow:visible}
 .assist-stage:has(>.programme-demo-dock)>.assist-viewport>.phone{position:relative;top:auto;left:auto;transform:none;width:min(350px,calc((100svh - 140px)*.489));margin:auto;max-width:100%}
 .assist-stage>.programme-demo-dock{grid-column:2;grid-row:2;margin:0}
}

.assist-viewport #assist-image,.assist-viewport #assist-coach-image{opacity:1!important;transition:none!important}
.programme-native-layer{transform:translateX(0);transition:transform 300ms cubic-bezier(.22,1,.36,1)}
.programme-native-layer[data-view="coach"]{transform:translateX(1632px)}
.assist-viewport[data-view="coach"] .programme-native-layer[data-view="music"]{transform:translateX(-1632px)}
.assist-viewport[data-view="coach"] .programme-native-layer[data-view="coach"]{transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.programme-native-layer{transition:none}}