:root{--imsco-heading-accent:#ef7f1a}

/* General content section/card headings */
.card>h2:first-child,.card>h3:first-child,
.panel>h2:first-child,.panel>h3:first-child,
section.card>h2:first-child,section.card>h3:first-child,
.section-title,.card-title,.panel-title,.section-heading{
  border-left:4px solid var(--imsco-heading-accent);
  padding-left:12px;
}

/* Preserve page/hero/nav headings */
.hero h1,.hero h2,.hero h3,
.imsco-hero h1,.imsco-hero h2,.imsco-hero h3,
nav h1,nav h2,nav h3,
.sidebar h1,.sidebar h2,.sidebar h3,
aside h1,aside h2,aside h3{
  border-left:0!important;
  padding-left:0!important;
}

/* ==========================================================
   R5.7.2 — heading structures not covered by R5.7.1
   ========================================================== */

/* Wrapped section headings used by Projects, Timesheet review, Add Time, etc. */
.section-head h2,
.section-head h3,
.time-table-toolbar h2,
.time-table-toolbar h3 {
  border-left: 4px solid var(--imsco-heading-accent);
  padding-left: 12px;
}

/* ALL "How it works" / workflow panel headings, plus HR Queue when the
   same workflow header component is used in HR mode. */
.imsco-flow-panel-head h2,
.imsco-flow-panel-head h3 {
  border-left: 4px solid var(--imsco-heading-accent);
  padding-left: 12px;
}

/* Keep the rule away from hero/banner/nav headings even if future markup nests. */
.hero .section-head h2,.hero .section-head h3,
.imsco-hero .section-head h2,.imsco-hero .section-head h3,
nav .section-head h2,nav .section-head h3,
.sidebar .section-head h2,.sidebar .section-head h3,
aside .section-head h2,aside .section-head h3 {
  border-left: 0 !important;
  padding-left: 0 !important;
}