.content-accordion {
    border-bottom: 1px solid var(--stroke);
    margin-bottom: var(--space-24);
}
.content-accordion .handorgel__header {
    margin: 0;
}
.content-accordion .handorgel__header__button {
    position: relative;
    border-top: 1px solid var(--stroke);
    background-color: transparent;
    padding: var(--space-16) calc(var(--space-24) * 2.2) var(--space-16) var(--space-24);
    font-family: inherit;
    font-weight: 600;
    color: var(--text);
    transition: background-color .2s ease;
}
.content-accordion .handorgel__header__button:hover {
    background-color: var(--grey-light);
}
.content-accordion .handorgel__header__button:focus-visible {
    outline: 2px solid var(--prime);
    outline-offset: -2px;
}
.content-accordion .handorgel__header__button::after {
    content: "";
    position: absolute;
    right: var(--space-24);
    top: 50%;
    width: .5em;
    height: .5em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-70%) rotate(45deg);
    transition: transform .2s ease;
}
.content-accordion .handorgel__header__button[aria-expanded="true"]::after {
    transform: translateY(-20%) rotate(-135deg);
}
.content-accordion .handorgel__content {
    background-color: transparent;
    border-top: 0;
}
.content-accordion .handorgel__content__inner {
    padding: 0 var(--space-24) var(--space-24);
}
.content-accordion .handorgel__content__inner > :last-child,
.content-accordion .handorgel__content__inner > :last-child > :last-child {
    margin-bottom: 0;
}
@media (prefers-reduced-motion: reduce) {
    .content-accordion .handorgel__content,
    .content-accordion .handorgel__content__inner {
        transition-duration: 1ms;
    }
    .content-accordion .handorgel__header__button,
    .content-accordion .handorgel__header__button::after {
        transition: none;
    }
}
.content-accordion.accordion--faq {
    position: relative;
    border-bottom: 0;
    margin-bottom: 0;
    &::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: var(--rule-inset, var(--page-gutter));
        right: var(--rule-inset, var(--page-gutter));
        height: 0;
        border-top: 1px solid var(--prime);
        pointer-events: none;
    }
    .handorgel__header__button {
        padding: var(--space-24) calc(var(--space-24) * 1.75) var(--space-24) 0;
        border-top: 1px solid var(--prime);
        font-family: var(--type-display);
        font-weight: 500;
        font-size: clamp(1.15rem, 1.9vw, 1.6875rem);
        line-height: 1.25;
        color: var(--heading);
    }
    .handorgel__header__button:hover {
        background-color: transparent;
        color: var(--prime);
    }
    .handorgel__header__button::after {
        content: "";
        right: 0;
        width: 0.62em;
        height: 0.62em;
        border: 0;
        transform: none;
        background:
            linear-gradient(var(--prime), var(--prime)) center / 100% 2px no-repeat,
            linear-gradient(var(--prime), var(--prime)) center / 2px 100% no-repeat;
        transition: background-size 0.2s ease, transform 0.2s ease;
    }
    .handorgel__header__button[aria-expanded="true"]::after {
        transform: none;
        background:
            linear-gradient(var(--prime), var(--prime)) center / 100% 2px no-repeat,
            linear-gradient(var(--prime), var(--prime)) center / 2px 0 no-repeat;
    }
    .handorgel__content__inner { padding: 0 0 var(--space-24); }
    .handorgel__content__inner p {
        max-width: 50ch;
        color: var(--text-body);
        font-size: clamp(1rem, 1.25vw, 1.1875rem);
        line-height: 1.6;
    }
}