/* Page labels share the existing section-icon style and inherit their palette. */
.journal-page-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px
}

:is(.quote-route-kicker,.team-page-kicker,.journal-page-eyebrow) > .page-label-icon {
  width: 23px;
  height: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 23px;
  font-style: normal;
  color: inherit;
  border: 1px solid rgba(var(--secondary-rgb),.28);
  border-radius: 7px;
  background: rgba(var(--secondary-rgb),.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

:is(.quote-route-kicker,.team-page-kicker,.journal-page-eyebrow) > .page-label-icon svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

@media(max-width:700px) {
  :is(.quote-route-kicker,.team-page-kicker,.journal-page-eyebrow) > .page-label-icon {
    width: 21px;
    height: 21px;
    flex-basis: 21px
  }
  :is(.quote-route-kicker,.team-page-kicker,.journal-page-eyebrow) > .page-label-icon svg {
    width: 13px;
    height: 13px
  }
}