.accordion .faq-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    white-space: normal;
}

.accordion .faq-toggle > span {
    min-width: 0;
}

.faq-disclosure-arrow {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    place-items: center;
    border: 1px solid #d8dde2;
    border-radius: 50%;
    background: #f2f4f6;
    color: #303840;
    font-size: .95rem;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.faq-toggle[aria-expanded="true"] .faq-disclosure-arrow {
    border-color: #d19d00;
    background: #fff2bd;
    transform: rotate(180deg);
}

html.dark-mode .faq-disclosure-arrow {
    border-color: #555;
    background: #292929;
    color: #f2f2f2;
}

html.dark-mode .faq-toggle[aria-expanded="true"] .faq-disclosure-arrow {
    border-color: #ffd854;
    background: #4a3b05;
    color: #ffe27a;
}

@media (prefers-reduced-motion: reduce) {
    .faq-disclosure-arrow {
        transition: none;
    }
}