.comparison-scroll-hint {
    display: none;
}

.accordion > li > h3[role="button"] {
    outline: none;
}

.accordion > li > h3[role="button"]:focus-visible {
    border-radius: 0.25rem;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.45);
}

@media (max-width: 767.98px) {
    .comparison-scroll-hint {
        display: block;
        margin-bottom: 0.5rem;
        color: #495057;
        font-size: 0.875rem;
        font-weight: 600;
    }

    .table-responsive {
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 0.5rem;
        box-shadow: inset -0.75rem 0 0.75rem -0.75rem rgba(0, 0, 0, 0.35);
    }

    .table-responsive table th:first-child,
    .table-responsive table td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background: #fff;
        box-shadow: 0.25rem 0 0.4rem -0.35rem rgba(0, 0, 0, 0.45);
    }

    .table-responsive table thead th:first-child {
        z-index: 2;
    }

    .nav-tabs {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .nav-tabs .nav-item {
        flex: 1 1 calc(50% - 0.25rem);
    }

    .nav-tabs .nav-link {
        width: 100%;
        min-height: 100%;
    }
}