/* Accessible interaction overrides; the designer's visual styles stay intact. */
:focus-visible { outline: 3px solid #66b5ff; outline-offset: 5px; }
[inert] { pointer-events: none; }
.qr-sidebar[aria-hidden="true"] { visibility: hidden; }
.faq-header { cursor: pointer; }
/* Desktop users can have narrow windows; their download action still opens QR. */
.platform-desktop .qr-sidebar { display: flex !important; }
.platform-desktop .qr-sidebar-overlay { display: block !important; }
.platform-desktop .qr-sidebar-large,
.platform-desktop .qr-sidebar-store-text { display: block !important; }
.platform-desktop .qr-sidebar-mobile-stores { display: none !important; }
.platform-desktop .qr-sidebar { overflow-y: auto; max-height: 100dvh; }
/* Keep the designer's compact side-by-side card; allow text to shrink on narrow desktops. */
.platform-desktop .qr-sidebar-store-text { flex-shrink: 1; min-width: 0; }
.qr-sidebar-large[data-download-link] { color: inherit; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .span-mother { transform: none !important; opacity: 1 !important; }
  .span-mother2 { display: none !important; }
}