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

rh-accordion-panel[expanded] rh-table {
  --rh-table-row-background-hover-color: #f8f8f8;

  background-color: var(--rh-color-surface-lightest);
  margin: 0;
}

rh-accordion-panel[expanded] rh-table tbody tr:last-child {
  border-block-end: 0 !important;
}

rh-accordion-panel[expanded] rh-table th {
  font-size: var(--rh-font-size-body-text-sm);
}

rh-accordion-panel[expanded] rh-table :is(pre, code) {
  white-space: break-spaces;
}

rh-accordion-panel[expanded] rh-table :is(th, td) p {
  margin-block: 0;
}