/**
 * Elements > Code > Accordion Panel & Table customizations
 * Only loaded on the {Element} > Code pages
 **/
rh-accordion {
  rh-accordion-panel[expanded] {
    &::part(container) {
      background-color: light-dark(var(--rh-color-surface-lighter), var(--rh-color-surface-darker));
    }

    rh-table {
      margin: 0;

      tbody tr:last-child {
        border-block-end: 0 !important;
      }

      th {
        font-size: var(--rh-font-size-body-text-sm);
      }

      :is(pre, code) {
        white-space: break-spaces;
      }

      :is(th, td) p {
        margin-block: 0;
      }
    }
  }

  details summary {
    font-weight: var(--rh-font-weight-heading-medium, 500);
  }
}