.table-scroll {
    max-width: 100%;
    overflow-x: auto;
}

.table-scroll:focus-visible {
    outline: 2px solid #0074be;
    outline-offset: 2px;
}

#results {
    min-width: 720px;
}

@media (max-width: 640px) {
    body {
        padding: 16px 12px;
        font-size: 16px;
        line-height: 1.6;
    }

    h1 {
        padding: 12px 8px;
        font-size: 20px;
    }

    form[name="form"] > table,
    form[name="form"] > table > tbody,
    form[name="form"] > table > tbody > tr,
    form[name="form"] > table > tbody > tr > th,
    form[name="form"] > table > tbody > tr > td {
        display: block;
        width: auto;
    }

    form[name="form"] th,
    form[name="form"] td {
        font-size: 16px;
    }

    form[name="form"] td a {
        display: inline-block;
        padding: 8px 2px;
    }

    form[name="form"] input[type="text"],
    form[name="form"] input[type="submit"],
    form[name="form"] select {
        box-sizing: border-box;
        display: block;
        width: 100% !important;
        min-height: 44px;
        margin: 8px 0;
        padding: 8px;
        font-size: 16px;
    }

    #results th,
    #results td {
        font-size: 14px;
    }

    #footer li,
    #footer p#copyright {
        font-size: 13px;
    }
}

@media print {
    .table-scroll {
        overflow: visible;
    }
}