/* One actual display-time segment per slide; no cumulative completed tracks. */
.slide-status .progress-track.slide-time-progress{display:flex;gap:6px;height:2px;overflow:visible;background:transparent;direction:ltr}
.slide-time-segment{display:block;flex:1 1 0;min-width:0;height:2px;overflow:hidden;background:rgba(224,224,224,.3)}
.slide-time-fill{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center;transition:none}

/* Hero refinement: only four unobstructed timing lines remain visible. */
.hero .slide-status{background:transparent;padding:0;gap:0;height:30px}
.hero .slide-status .slide-counter{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero .slide-status .slideshow-toggle{position:absolute;width:1px;height:1px;min-width:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero .slide-status .slideshow-toggle svg{display:none}
/* Preserve a discoverable pause mechanism for keyboard users, without a pause icon. */
.hero .slide-status .slideshow-toggle:focus-visible{width:auto;height:auto;min-height:44px;clip-path:none;overflow:visible;top:18px;left:0;padding:8px 12px;background:rgba(0,0,0,.82);font-size:12px;z-index:4}
.hero .slide-status .slideshow-toggle:focus-visible::after{content:attr(aria-label)}
.hero .slide-navigation .slide-arrow,.hero .slide-navigation .slide-arrow:hover,.hero .slide-navigation .slide-arrow:disabled{background:transparent;min-width:44px;min-height:44px}
.hero .slide-navigation .slide-arrow svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(255,255,255,.32)) drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.hero .slide-navigation .slide-arrow:disabled svg{opacity:.35}