:root { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
img, svg, video, canvas { max-width: 100%; height: auto; }
input, select, textarea, button { max-width: 100%; min-width: 0; font: inherit; }
button, [type="button"], [type="submit"], [role="button"] { touch-action: manipulation; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid #60a5fa !important;
    outline-offset: 3px !important;
}
:where(h1, h2, h3, h4, p, li, a, span, td, th) { overflow-wrap: anywhere; }
pre, code, .tableWrap, .tableScroll, .dataTableWrap { max-width: 100%; }
pre, .tableWrap, .tableScroll, .dataTableWrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 760px) {
    :where(button, .btn, [role="button"], input, select) { min-height: 44px; }
    :where(.container, .pageShell, .mainContent, .contentWrap) { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}
@media print { :focus { outline: 0 !important; } }