@media (max-width: 1200px) {
    .ss-support-card-grid,
    .ss-support-grid.three,
    .ss-support-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .ss-support-shell.with-nav,
    .ss-support-grid.two {
        grid-template-columns: 1fr;
    }

    .ss-support-shell {
        padding: 10px;
    }
}

@media (max-width: 640px) {
    .ss-support-card-grid,
    .ss-support-grid.three,
    .ss-support-flow {
        grid-template-columns: 1fr;
    }

    .ss-support-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .ss-support-hero h1 {
        font-size: 26px;
    }

    .ss-support-action-table {
        min-width: 620px;
    }

    .ss-support-panel:has(.ss-support-action-table) {
        overflow-x: auto;
    }
}