[data-accordion] {
    display: flex;
    flex-direction: column;

    padding: 3rem 7.5rem !important;

    background-color: white;
}

[data-accordion-top] {
    display: flex;
    justify-content: space-between;

    padding: 1rem 0;
    width: 100%;
}

[data-accordion-title] * {
    color: var(--darkcyan);

    transition: all 0.1s ease-in-out;

    user-select: none;
}

[data-accordion-item]._animating [data-accordion-title] *,
[data-accordion-item]._active [data-accordion-title] * {
    color: var(--darkblue) !important;
}

.subpage [data-accordion-item]._animating [data-accordion-title] *,
.subpage [data-accordion-item]._active [data-accordion-title] * {
    color: var(--blue) !important;
}

[data-accordion-icon] {
    display: flex;

    flex-shrink: 0;
    align-items: start;

    user-select: none;
}

[data-accordion-icon] img {
    transition: all 0.2s ease-in-out;
}

[data-accordion-icon]._active img {
    transform: rotate(180deg);
}

[data-accordion-content] {
    display: none;

    padding: 1rem 2rem 2rem;
}

[data-accordion-content] a {
    color: inherit;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    [data-accordion] {
        padding: 2.5rem !important;
    }

    [data-accordion-item]:not(:first-child) {
        padding-top: 0.5rem;
    }

    [data-accordion-item]:not(:last-child) {
        padding-bottom: 0.5rem;
        border-bottom: 1px solid var(--divider);
    }
}