.section-accordion .accordion {
    max-width: 80ch;
}

.section-alternate .accordion {
    background-color: var(--color-background-standard);
}

.section-accordion .accordion > .flex-box {
    align-items: stretch;
    margin-top: -1px;
}

.section-accordion .accordion > .flex-box > div {
    border: 1px solid var(--color-border);
    padding: 0.75rem;
}

.section-accordion .accordion > .flex-box > div:first-child {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    width: 3rem;
}

.section-accordion.page-section .accordion .flex-box div button[id^="accordion-control"] {
    background-color: transparent;
}

.section-accordion .accordion > .flex-box > div:first-child button {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    display: block;
    height: 1.5rem;
    padding: 0;
    width: 1.5rem;
}

.section-accordion .accordion > .flex-box > div:first-child button svg {
    fill: var(--color-link-normal);
    width: 1.5rem;
}

.section-accordion .accordion > .flex-box > div:first-child button:hover svg {
    fill: var(--color-link-hover);
}

.section-accordion .accordion > .flex-box > div:last-child {
    border-left-width: 0;
    flex: 1;
}

.section-accordion .accordion > .flex-box > div:last-child h3 {
    cursor: pointer;
    margin: 0;
}

.section-accordion .accordion > .flex-box + div {
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
    display: none;
    padding: 0.75rem;
}

.section-accordion .accordion > .flex-box + div p:last-child {
    margin-bottom: 0;
}