/* Accordion Button */
.accordion {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 18px 18px 12px 18px;
    /*margin-bottom: 25px;*/
    box-shadow: 0 4px 16px rgba(0,0,0,0.03);
    color: #333;
    cursor: pointer;
    
    display: flex;
    justify-content: space-between;
    align-items: center;

    transition: border-radius 0.3s ease, background 0.3s ease;
}

/* Title inside button */
.accordion-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

/* Arrow icon */
.accordion .arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Arrow when open (rotates up) */
.accordion.active .arrow {
    transform: rotate(180deg);
}

/* Remove bottom roundness when open */
.accordion.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fafafa;
    border-bottom:none;
}


/* Panel (attached to button) */
.panel {
    max-height: 0;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #e5e7eb;
    border-top: none;

    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;

    transition: max-height 0.35s ease;
    padding: 0 18px;
}

/* Inner panel content */
.panel p, .panel iframe {
    margin: 16px 0;
}

.panel h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #333;
}