/* 777SHIRT local responsive/accessibility refinements */
html, body {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

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

a:focus-visible,
button:focus-visible {
    outline: 2px solid #eab308;
    outline-offset: 2px;
}

@media (max-width: 430px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    h1,
    h1.text-4xl,
    h1.text-5xl,
    h1.text-6xl {
        font-size: 1.65rem !important;
        line-height: 1.25 !important;
    }

    .px-8 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .py-4 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .gap-8 {
        gap: 1.25rem !important;
    }
}