/* ArtReader — custom styles
   Tailwind handles most things; this file covers gaps & polish.
   Feel free to edit freely — you know CSS better than me. */

/* ── Scrollbar hide (category tabs) ──────────────────────────────────────── */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* ── Remove tap highlight on mobile ──────────────────────────────────────── */
* {
  -webkit-tap-highlight-color: transparent;
}

/* ── Safe area padding for notch/home-bar phones ─────────────────────────── */
body {
  padding-bottom: env(safe-area-inset-bottom);
}

/* ── Smooth momentum scrolling on iOS ────────────────────────────────────── */
main {
  -webkit-overflow-scrolling: touch;
}

/* ── Article card image: grey bg while loading ────────────────────────────── */
article img {
  background-color: #f5f4f0;
}

/* ── Prevent font size inflation on landscape mobile (iOS) ────────────────── */
html {
  -webkit-text-size-adjust: 100%;
}