/* A-05 safe responsive, zoom/reflow, and touch-target support. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

img {
    max-width: 100%;
}

.table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

pre,
code {
    max-width: 100%;
    overflow-wrap: anywhere;
}

p,
li,
td,
th,
a,
button {
    overflow-wrap: anywhere;
}

@media (pointer: coarse) {
    button,
    .btn,
    a.btn,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    [role="button"],
    .dropdown-toggle,
    .navbar-toggler,
    .btn-close,
    .close {
        min-width: 44px;
        min-height: 44px;
    }
}

@media (max-width: 320px) {
    .container,
    .container-fluid {
        max-width: 100%;
    }
}