details.detail {
    width: 100%;
    margin-bottom: 0.3rem;
}

details.detail > summary{
    background-color: var(--color96);
    cursor: pointer;
    line-height: 2rem;
    color: var(--text);
    padding: 7px 7px 7px 20px;
    border-bottom: 1px solid var(--color50);
}

details.detail>summary>* {
    display: inline;
    color: var(--text);
}

details.detail>div {
    background-color: var(--color97);
    padding: 20px;
}

details.nested>summary,
details.nested>div {
    background-color: var(--background);
}

h2.acc {
    font-size: 1.2rem;
    background-color: inherit;
}

summary::-webkit-details-marker {
    display: none;
    /* Chrome */
}

.option {
    display: block;
    text-decoration: none;
    height: 42px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 42px;
    padding-left: 15px;
    color: var(--text);
    background-color: var(--color95);
}