.md-typeset details {
    border: 1px solid var(--md-accent-fg-color) !important;
    border-radius: 6px;
    background-color: light-dark(#f8f8f8, #111218) !important;
    margin-bottom: 1rem;
    padding: 0 !important;
    overflow: hidden;
}

.md-typeset details summary {
    background-color: light-dark(var(--md-primary-fg-color--light), var(--md-primary-fg-color--dark)) !important;
    margin: 0 !important;
    padding: 0.55rem 2.75rem 0.55rem 2.75rem !important;
    min-height: auto;
    font-size: inherit;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
}

.md-typeset details summary::before {
    background-color: var(--md-accent-fg-color) !important;
}

.md-typeset details summary:hover {
    color: var(--md-accent-fg-color) !important;
}

.md-typeset details > p {
    margin: 0;
    padding: 0.55rem 2.75rem 0.15rem 2.75rem;
    line-height: 1.5;
}

/* Links */

.md-typeset details a {
    color: var(--md-accent-fg-color) !important;
    font-weight: 600;
    text-decoration: none;
}