@media (max-width: 680px), (max-width: 1000px) and (hover: none) and (pointer: coarse) {
  .experience-page nav.xp-page-scroll { display: flex; position: fixed; top: 50%; right: max(8px, env(safe-area-inset-right)); transform: translateY(-50%); z-index: 45; visibility: visible; pointer-events: auto; }
  .experience-page .xp-page-scroll button { width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0; touch-action: manipulation; }
  .experience-page .xp-site-header .xp-brand { flex: 1 1 auto; min-width: 0; max-width: 190px; }
  .experience-page .xp-header-actions { flex-shrink: 0; }
  .experience-page .xp-header-actions .jampa-language select { min-width: 0; max-width: 110px; }
}