/* AGX HTML5/CSS3 compatibility foundation v170 — intentionally conservative */
:where(*, *::before, *::after) { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; }
:where(img, svg, video, canvas, audio) { max-width: 100%; }
:where(img, video, canvas) { height: auto; }
:where(button, input, select, textarea) { font: inherit; }
:where(button, [type="button"], [type="submit"], [role="button"]) { touch-action: manipulation; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
[hidden] { display: none !important; }
@supports (padding: max(0px)) {
  body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}