.accordion {
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.accordion-item + .accordion-item {
    border-top: 1px solid #ddd;
}

.accordion-header {
    width: 100%;
    padding: 15px;
    text-align: left;
    background: #f8f9fa;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    transition: background 0.3s;
}

.accordion-header:hover {
    background: #e9ecef;
}

.accordion-header::after {
    content: "+";
    position: absolute;
    right: 15px;
    font-size: 18px;
    transition: transform 0.3s;
}

.accordion-header.active::after {
    content: "-";
}

.accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    background: #fff;
    padding: 0 15px;
}

.accordion-body p {
    margin: 15px 0;
}