.df-accordion {
    display: grid;
    gap: clamp(8px, 0.8vw, 12px);
}
.df-accordion .df-rte li::marker {
    color:initial;
}

.df-accordion__item {
    border-radius: var(--radius-xl);
    background: var(--neutral-F5F5F5);
    transition: background var(--transition-base);
}

    .df-accordion__item.is-open {
        background: var(--red-FEECED);
        border-radius: clamp(20px,1.1vw,36px);
    }

.df-accordion__q {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: none;
    padding: clamp(14px, 1.2vw, 20px) clamp(18px, 1.6vw, 28px);
    font-size: var(--df-text-fs-18);
    line-height: var(--lh-snug);
    color: var(--neutral-1A1818);
    cursor: pointer;
    transition: font-weight var(--transition-fast);
}

    .df-accordion__q:focus-visible {
        outline: 2px solid var(--red-FA9EA3);
        outline-offset: -2px;
        border-radius: var(--radius-lg);
    }

.df-accordion__item.is-open .df-accordion__q {
    font-weight: var(--fw-semibold);
    padding-bottom: clamp(6px, 0.6vw, 10px);
}

/* Açılma animasyonu — JS yalnızca .is-open ekler, yükseklik CSS ile açılır */
.df-accordion__a {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--transition-base);
}

.df-accordion__item.is-open .df-accordion__a {
    grid-template-rows: 1fr;
}

.df-accordion__inner {
    overflow: hidden;
}

.df-accordion__item.is-open .df-accordion__inner {
    padding: 0 clamp(18px, 1.6vw, 28px) clamp(14px, 1.2vw, 20px);
}

/* Cevap gövdesi .df-rte ise ölçülerini burada ayarla (bkz. rich-text.css) */
.df-accordion__inner.df-rte {
    --rte-fs: var(--df-text-fs-18);
    --rte-gap: clamp(8px, 0.8vw, 12px);
    --rte-list-indent: 20px;
}