/* Simply Luxury: floating page arrows, refined for phones */
.slx-site-arrow.slpa-self { display: none !important; }

@media (max-width: 850px) {
  .slx-site-arrows .slx-site-arrow {
    width: 36px !important; height: 36px !important; min-width: 0 !important; min-height: 0 !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    background: rgba(3, 10, 18, .72) !important;
    border: 1px solid rgba(201, 154, 75, .7) !important;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    box-shadow: 0 4px 18px rgba(0, 0, 0, .35);
    z-index: 900 !important;
    transition: transform .35s ease, opacity .35s ease !important;
  }
  .slx-site-arrows .slx-site-arrow svg { width: 14px !important; height: 14px !important; }
  .slx-site-arrows .slx-site-arrow--previous { left: 10px !important; right: auto !important; }
  .slx-site-arrows .slx-site-arrow--next { right: 10px !important; left: auto !important; }

  /* step aside while reading */
  .slx-site-arrows.slpa-away .slx-site-arrow { opacity: 0; pointer-events: none; }
  .slx-site-arrows.slpa-away .slx-site-arrow--previous { transform: translateX(-60px); }
  .slx-site-arrows.slpa-away .slx-site-arrow--next { transform: translateX(60px); }
}

@media (max-width: 850px) and (prefers-reduced-motion: reduce) {
  .slx-site-arrows .slx-site-arrow { transition: none !important; }
}

/* Echo 26 Sep 2026: arrow refinements */
/* where there is no next page, the right-hand arrow is only the browser's Forward button, which rarely does anything */
.slx-site-arrow[data-slx-history="forward"] { display: none !important; }

@media (max-width: 850px) {
  /* comfortable 44px tap targets on phones */
  .slx-site-arrows .slx-site-arrow { width: 44px !important; height: 44px !important; }
  .slx-site-arrows .slx-site-arrow svg { width: 16px !important; height: 16px !important; }
  .slvw-layer.is-mobile > .slvw-arrow { width: 44px !important; height: 44px !important; }
  /* article previous / next story links: a proper tap area */
  .story-nav a { display: inline-flex; align-items: center; min-height: 44px; }
  /* section pagination on phones: Previous, current page, Next, kept inside the screen */
  .pagination .nav-links .page-numbers:not(.prev):not(.next):not(.current) { display: none; }
  .pagination .nav-links { justify-content: center; }
}