/* Shared hero breadcrumb + app-tab label rhythm for the five primary app pages. */
:is(.cv-back, .c9-back, .ep-back, .ev-back, .lb-back, .ms-back) {
  display: block !important;
  width: max-content;
  margin-bottom: 34px !important;
  font-size: 14px !important;
  line-height: 1.35;
  text-decoration: none;
}

:is(.cv-eyebrow, .c9-hero-copy > .c9-label, .ep-kicker, .ev-eyebrow, .lb-kicker, .ms-eyebrow) {
  display: flex !important;
  align-items: center;
  width: max-content;
  max-width: 100%;
  gap: 9px;
  margin-bottom: 18px;
  font-size: 14px !important;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.c9-hero-copy > .c9-label > i {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d8ff53;
  box-shadow: 0 0 0 5px rgba(216, 255, 83, .18);
}

@media (max-width: 560px) {
  :is(.cv-back, .c9-back, .ep-back, .ev-back, .lb-back, .ms-back) {
    margin-bottom: 26px !important;
  }

  :is(.cv-eyebrow, .c9-hero-copy > .c9-label, .ep-kicker, .ev-eyebrow, .lb-kicker, .ms-eyebrow) {
    font-size: 14px !important;
  }
}