/* yardim/sss.html */
.accordion-button:not(.collapsed) {
    background-color: #f8f9ff;
    color: #0066CC;
}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 102, 204, 0.125);
}
.sss-item {
    border-bottom: 1px solid #f0f0f0;
}
.sss-item:last-child {
    border-bottom: none;
}
.nav-pills .nav-link.active {
    background: linear-gradient(135deg, #0066CC 0%, #0052a3 100%);
}
.nav-pills .nav-link {
    color: #495057;
    border: 1px solid #dee2e6;
}
.nav-pills .nav-link:hover {
    background-color: #f8f9fa;
}

.accordion-button,
.accordion-body,
.sss-item,
.nav-pills .nav-link {
    overflow-wrap: anywhere;
}

.accordion-button {
    line-height: 1.35;
}

.accordion-button:focus-visible,
.nav-pills .nav-link:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    .nav-pills {
        display: grid;
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .nav-pills .nav-link {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: normal;
    }

    .accordion-button {
        padding: .85rem 1rem;
        align-items: flex-start;
        font-size: .98rem;
    }

    .accordion-body {
        padding: 1rem;
        line-height: 1.6;
    }
}