.accordion {
    margin: 4rem 0;

    >.header {
        margin-bottom: 2rem;
        border-bottom: 1px solid #d9d9d9;
    }
}

.accordion {
    .heading {
        margin: 0;
    }
}

.item {
    margin-bottom: 1rem;

    >.trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1.5rem 0;
        border: 0;
        background: transparent;
        text-align: left;
        cursor: pointer;

        >.title {
            font-weight: 500;
        }
    }

    .panel {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 250ms ease;

        &.is-open {
            grid-template-rows: 1fr;
        }

        >.content {
            overflow: hidden;
        }
    }
}

.trigger {
    &[aria-expanded='true'] {
        >.icon {
            transform: rotate(45deg);
        }
    }
}

.content {

    p:last-child,
    ul:last-child,
    ol:last-child {
        margin-bottom: 0;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    iframe {
        max-width: 100%;
    }

    table {
        width: 100%;
        overflow-x: auto;
    }
}