/* Base: page-level defaults every Fume surface loads before the components. DECIDED 13 Oct, from round 7.
   Touch (Marcus 13 Oct: the hit boxes looked bad on a phone). A tap never shows the browser's grey tap
   flash, which draws a hard rectangle over pills and whole sections; the control's own pressed state is
   the feedback. Controls skip the double-tap zoom delay. Load components/touch.js once so iOS shows the
   pressed state on tap.
   Field components set 16 px text on touch screens themselves (rule fields-16-on-touch), or iOS zooms the
   page when a field gets focus; the element defaults below cover plain inputs.
   Rule gate: touch-feedback, touch-target, hover-needs-hover, fields-16-on-touch. */

:root { -webkit-tap-highlight-color: transparent; }

:where(a, button, input, select, textarea, label, summary, [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"]) {
  touch-action: manipulation;
}

@media (pointer: coarse) {
  :where(input, select, textarea) { font-size: var(--ui-type-body); }
}

/* hidden means hidden, whatever display a component sets (round 7). */
[hidden] { display: none !important; }