/* ──────────────────────────────────────────────────────────────────────────
   compat.css — Cross-engine normalization for the D Cup site.

   Chrome on iOS is required by Apple to render with WebKit (the Safari engine),
   while Chrome on Android renders with Blink. Those two engines disagree on a
   handful of defaults that make the site look and behave differently across the
   two platforms. The rules below neutralize those defaults so Chrome on iOS
   matches Chrome on Android.

   This file is intentionally loaded BEFORE each page's own styles so that
   page-specific layout always wins; only engine defaults are normalized here.
   ────────────────────────────────────────────────────────────────────────── */

/* iOS WebKit silently inflates font sizes (most visibly after rotating the
   device). Pin text scaling so type renders at the authored size on both
   engines. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* WebKit and Blink rasterize fonts differently; align them so weights and
   edges look the same. */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* iOS WebKit paints native chrome onto form controls — inner shadows and
   rounded corners on inputs, glossy/blue system styling on buttons. Strip the
   native look so each page's custom styling is what actually shows, matching
   Android. Border-radius is left untouched so authored corners are preserved. */
input,
textarea,
select,
button {
  -webkit-appearance: none;
  appearance: none;
}

/* Hide number-field spinners uniformly (WebKit shows them, and they differ from
   Blink's). */
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove the grey tap flash WebKit draws on touch, and the 300ms tap delay, so
   touch interactions feel identical on both platforms. */
a,
button,
input,
select,
textarea,
[role="button"],
[onclick] {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}