/* Shared workbench section titles. Public pages and report output are excluded. */
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 18px 22px !important;
  margin-bottom: 20px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f0f1f3 !important;
  background-image: none !important;
  color: #303640 !important;
  box-shadow: none !important;
  gap: 14px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) :is(h2,h3,h4,.list-section-title) {
  color: #303640 !important;
  -webkit-text-fill-color: #303640 !important;
  background: none !important;
  margin: 0 !important;
  font-size: 23px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) :is(.eyebrow,.section-kicker),
html.workspace-active body:not(.login-portal-active) #app .pk-section-heading > div > p,
html.workspace-active body:not(.login-portal-active) #app .takeover-project-card > .takeover-heading p {
  display: none !important;
}
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) p,
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) > span,
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) .aftersales-list-summary {
  color: #69717d !important;
}
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) p {
  margin: 6px 0 0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) :is(.tag,.result-count) {
  color: #59616d !important;
  background: #fafafb !important;
  border: 1px solid #dfe2e6 !important;
  box-shadow: none !important;
}
html.workspace-active body:not(.login-portal-active) #app .takeover-heading > span {
  background: #e2e5e9 !important;
  color: #454d58 !important;
}
html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) > div {
  min-width: 0 !important;
}
@media (max-width: 700px) {
  html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) {
    padding: 14px 16px !important;
    gap: 10px !important;
  }
  html.workspace-active body:not(.login-portal-active) #app :is(.section-heading, .pk-section-heading, .aftersales-list-heading, .takeover-heading):not(.takeover-report *) :is(h2,h3,h4,.list-section-title) {
    font-size: 20px !important;
    overflow-wrap: anywhere !important;
  }
}