/* Platform baseline — the behaviours that decide whether a page feels like an
   app or like a website in a browser. Deliberately contains NO layout and NO
   component selectors: this file is injected into every public page, and any
   `.hamburger` / `.header-nav` rule here would fight main.css. */

html {
  /* iOS/Chrome paint a grey flash over anything tappable. Any control that
     relied on it needs its own :active feedback, or the tap goes silent. */
  -webkit-tap-highlight-color: transparent;
  /* No font inflation when a phone rotates to landscape. */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* iOS Safari zooms the page when a field under 16px is focused, and the zoom
   does not revert on blur. Fix the cause; never user-scalable=no. */
input, select, textarea {
  font-size: 16px;
}

/* No 300ms click delay: this element never double-tap-zooms, so the browser
   can fire click immediately. Pinch zoom is unaffected. */
a, button, [role="button"] {
  touch-action: manipulation;
}

/* Text that is a control should not be selectable or pop the iOS copy/share
   callout on long-press. Body text is untouched. */
button, [role="button"], .btn {
  -webkit-user-select: none;
  user-select: none;
}