.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;
  font-size: var(--mp-font_size);
  color: var(--mp-text_color);
  & .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 {
    &: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);
    font-size: var(--mp-font_size-mobile);
    color: var(--mp-text_color-mobile);
    & .tldr-title {
      font-size: var(--mp-title_size-mobile);
      font-weight: var(--mp-font-weight-mobile);
    }
  }
}