/*
 * FAQ accordion (/faq) — CSS-only re-skin of the jQuery UI accordion widget
 * (views_accordion + jquery_ui_accordion contrib, jQuery UI 1.13.2 vendored
 * under web/modules/contrib/jquery_ui). The widget JS stamps the
 * .ui-accordion / .ui-accordion-header / .ui-accordion-content / .ui-corner-*
 * classes at runtime; jQuery UI's own theme CSS (ships in the module's
 * css.module group) draws them with its default 3px corner radius and a
 * hardcoded light palette. Theme CSS (css.theme) always aggregates after
 * module CSS, so these overrides win the cascade without !important.
 *
 * Do not touch .ui-accordion-icons / .ui-icon or any layout/positioning
 * rule here — those are the widget's interaction chrome and out of scope.
 */

.ui-accordion .ui-accordion-header {
  background: var(--np-bg-secondary);
  border-color: var(--np-border-tertiary);
  color: var(--np-text-primary);
  font-family: var(--np-font-serif);
}

.ui-accordion .ui-accordion-content {
  background: var(--np-bg-primary);
  border-color: var(--np-border-tertiary);
  color: var(--np-text-secondary);
}

.ui-accordion .ui-corner-all {
  border-radius: var(--np-radius-md);
}

.ui-accordion .ui-corner-top {
  border-top-left-radius: var(--np-radius-md);
  border-top-right-radius: var(--np-radius-md);
}

.ui-accordion .ui-corner-bottom {
  border-bottom-left-radius: var(--np-radius-md);
  border-bottom-right-radius: var(--np-radius-md);
}