/* Mobile UX polish (safe overrides) */

/* 1) Code & tables: no overflow */
pre, code { white-space: pre-wrap; word-break: break-word; }
pre { overflow: auto; }

/* 2) Images responsive */
img, picture { max-width: 100%; height: auto; }

/* 3) Tables scroll on small screens */
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table { width: 100%; border-collapse: collapse; }

/* 4) Skip link for keyboard users */
.skip-link {
  position: absolute; left: -9999px; top: 0;
  background: #111; color: #fff; padding: .5rem .75rem; z-index: 1000;
  border: 1px solid #444; border-radius: .4rem;
}
.skip-link:focus { left: .5rem; top: .5rem; }

/* 5) Back-to-top button */
#backToTop {
  position: fixed; right: 16px; bottom: 16px; display: none;
  border: 0; border-radius: 999px; padding: 10px 14px; cursor: pointer;
  background: #1f2937; color: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.3);
}
#backToTop:hover { filter: brightness(1.06); }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}