/* please only add css here, which has been already added to the sources */
/* no wild overriding, this is only a temporary file until the frontend stack runs and deploys correctly */

.c-heading__button {
    hyphens: auto;
}

.c-heading__button-toggle-icon {
    padding-right: 40px;
}

/* restyle mobile accordion */

@media only screen and (max-width: 699px) {
    .c-acc-tab {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        padding: 4px;
    }

    .c-acc-tab__header {
        width: auto;
        order: -1;
    }

    .c-acc-tab__tab {
        border-bottom: 0;
        border-radius: 4px;
    }

    .c-acc-tab__tab[aria-expanded="true"] {
        background-color: #808080; /* g4 */
        color: #ffffff;
    }
}