.language-switch { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 4px 10px; border: 1px solid currentColor; border-radius: 4px; text-decoration: none; line-height: 1.4; pointer-events: auto; flex-shrink: 0; }
.language-switch:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.nav-links { flex-wrap: wrap; }
#products, #contact { scroll-margin-top: calc(var(--site-header-height, 150px) + 16px); }
.story-header { position: fixed; flex-wrap: wrap; gap: 12px; }
.story-header .language-switch { color: #f3f0e8; margin: 0; }
.story-header .story-counter { margin: 0 0 0 auto; }
.story-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; margin-left: auto; max-width: 100%; pointer-events: auto; }
.story-controls .bgm-story { position: static; width: auto; padding: 0 12px; }
.story-controls .bgm-label { display: inline; }
html:not(.story-enhanced) body.ui-heritage .scene-copy { padding-top: max(130px, calc(var(--story-header-height, 106px) + 24px)); }
@media (max-width: 820px) {
  .nav-wrap { flex-wrap: wrap; gap: 10px; }
  .nav-links { justify-content: flex-start; gap: 10px; }
  .story-header { gap: 6px 12px; }
  .story-brand { margin-right: auto; }
  .story-controls { flex-basis: 100%; justify-content: flex-end; }
  .story-header .story-counter { margin: 0; }
  html:not(.story-enhanced) body.ui-heritage .scene-copy { padding-top: max(110px, calc(var(--story-header-height, 86px) + 24px)); }
}