.tldr-summary[aria-label="Summary"] {
    padding: var(--mp-padding);
    margin: var(--mp-margin);
    border-width: var(--mp-border_width);
    background-color: var(--mp-background);
    border-color: var(--mp-border_color);
    border-radius: var(--mp-border_radius);
    border-style: solid;
    & .tldr-title {
        font-size: var(--mp-title_size);
        color: var(--mp-title_color);
        margin-block-start: 0 !important;
        margin-block-end: 0.5rem !important;
        font-weight: var(--mp-font-weight);
    }
    & p {
        font-size: var(--mp-font_size);
        color: var(--mp-text_color);
        &:last-child {
            margin-bottom: 0 !important;
        }
    }
}

@media (max-width: 768px) {
    .tldr-summary[aria-label="Summary"] {
        padding: var(--mp-padding-mobile);
        margin: var(--mp-margin-mobile);
        border-width: var(--mp-border_width-mobile);
        border-radius: var(--mp-border_radius-mobile);
        & .tldr-title {
            font-size: var(--mp-title_size-mobile);
            font-weight: var(--mp-font-weight-mobile);
        }
        & p {
            font-size: var(--mp-font_size-mobile);
            color: var(--mp-text_color-mobile);
        }
    }
}