/* Comfortable labels and a clear Stories entry, preserving the existing scene. */
body.single-player-ui #primary-nav .nav-story-section .story-list-link,
body.single-player-ui #works-menu .browse-story-section .story-list-link {
  display:flex!important;align-items:center;justify-content:space-between;
  box-sizing:border-box;margin:8px 0 6px 10px!important;
  width:calc(100% - 10px)!important;min-height:48px!important;
  padding:10px 14px!important;border:1px solid rgba(243,242,238,.45)!important;
  border-radius:4px!important;background:rgba(20,23,21,.44)!important;
  color:#f3f2ee!important;font-size:1.125rem!important;font-weight:500;
  line-height:1.35!important;letter-spacing:0!important;
}
body.single-player-ui #primary-nav .nav-story-section .story-list-link:hover,
body.single-player-ui #works-menu .browse-story-section .story-list-link:hover {
  background:rgba(20,23,21,.65)!important;border-color:#f3f2ee!important;
}
/* Volume stays to the right of the transport; optional tools get their own row. */
body.single-player-ui .player-video-panel:not(.player-side-layout)>.player-video-controls .panel-actions {
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;gap:4px 8px;
}
body.single-player-ui .player-video-panel:not(.player-side-layout) .panel-utilities {display:contents}
body.single-player-ui .player-video-panel:not(.player-side-layout) .panel-volume-group {justify-self:end;min-width:0;max-width:100%}
body.single-player-ui .player-video-panel:not(.player-side-layout) .panel-volume {width:clamp(48px,16vw,88px)!important;min-width:0}
@media(max-width:760px) {
  body.single-player-ui #works-menu {width:min(296px,calc(100vw - 24px))!important}
  body.single-player-ui .music-navigation-options :is(a,button),
  body.single-player-ui #works-menu .music-navigation-options button,
  body.single-player-ui .catalogue-music-options button {font-size:1rem!important}
  body.single-player-ui #works-menu .story-language-options button,
  body.single-player-ui #primary-nav .nav-story-languages button,
  body.single-player-ui .catalogue-languages .story-language-options button {font-size:1rem!important}
  body.single-player-ui #video-title {font-size:1.25rem}
  body.single-player-ui #player-insight-language.story-toggle,
  body.single-player-ui .story-mode-field,
  body.single-player-ui .panel-cc {font-size:1rem}
  body.single-player-ui .playback-context {font-size:1rem;line-height:1.4}
  body.single-player-ui .panel-time,
  body.single-player-ui .player-video-panel .panel-time,
  body.single-player-ui #player-controls-dock .panel-time {font-size:1rem!important}
  body.single-player-ui .catalogue-meta,
  body.single-player-ui .catalogue-count,
  body.single-player-ui .catalogue-languages small,
  body.single-player-ui .catalogue-languages>span,
  body.single-player-ui .piece .type {font-size:.9375rem!important;line-height:1.4}
  body.single-player-ui .catalogue-share {font-size:1rem}
  body.single-player-ui .album-meta,
  body.single-player-ui .album-track-number {font-size:.9375rem}
  body.single-player-ui .microtransmission {font-size:1rem!important;line-height:1.45}
  body.single-player-ui .player-video-panel:not(.player-side-layout)>.player-video-controls .panel-actions {grid-template-columns:auto minmax(0,1fr);column-gap:8px}
  body.single-player-ui .player-video-panel:not(.player-side-layout) .panel-transport {grid-column:1;grid-row:1}
  body.single-player-ui .player-video-panel:not(.player-side-layout) .panel-volume-group {grid-column:2;grid-row:1}
  body.single-player-ui .player-video-panel:not(.player-side-layout) #panel-cc {grid-column:1;grid-row:2;justify-self:start}
  body.single-player-ui .player-video-panel:not(.player-side-layout) #panel-fullscreen {grid-column:2;grid-row:2;justify-self:end}
}
@media(min-width:400px) and (max-width:760px) {
  body.single-player-ui #works-menu .browse-filters>button,
  body.single-player-ui #works-menu .browse-story-section>button,
  body.single-player-ui #works-menu .browse-secondary>button {font-size:1.1875rem!important}
  body.single-player-ui #player-expanded-browse,
  body.single-player-ui #player-insight {font-size:1.1875rem}
}
@media(min-width:390px) and (max-width:760px) {
  body.single-player-ui .player-video-panel:not(.player-side-layout)>.player-video-controls .panel-actions {grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:8px}
  body.single-player-ui .player-video-panel:not(.player-side-layout) .panel-volume {width:clamp(48px,calc(100vw - 352px),88px)!important}
  body.single-player-ui .player-video-panel:not(.player-side-layout) #panel-cc {grid-column:3;grid-row:1}
  body.single-player-ui .player-video-panel:not(.player-side-layout) #panel-fullscreen {grid-column:4;grid-row:1}
}