/* One section-label component across the public site. Component selectors
   preserve each label's placement; only its visual treatment is shared. */
:root :is(
  .about-statement__tag,
  .pop-services__label,
  .showcase__tag,
  .testm__pill,
  .site-visit__eyebrow,
  .about-story__corner-label,
  .about-values__tags > span,
  .about-certifications__eyebrow,
  .svc-fc-tag,
  .svc-work__tag,
  .cfaq__kick,
  .section-eyebrow,
  .blueprint-pill,
  .lp-hero__pill,
  .powered-slider__label
) {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: .5em;
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  padding: .35em .6em;
  border: 1px solid currentColor;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
  color: var(--section-tag-ink, #3a5937);
  font-family: 'PP Supply Mono', monospace;
  font-size: var(--type-label, .75rem);
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: .025em;
  text-align: left;
  text-transform: uppercase;
  text-shadow: none;
  white-space: normal;
}

/* Hide legacy glyphs and pulses. The shared family is drawn by icons.css so
   dashboard text replacements cannot erase a label's icon. */
:root :is(.pop-services__label, .showcase__tag, .testm__pill, .blueprint-pill, .lp-hero__pill) svg,
:root .site-visit__eyebrow-dot,
:root .cfaq__kick > .cfaq__dot,
:root .section-eyebrow::before {
  display: none;
  animation: none;
}

.lp-hero { --section-tag-ink: #fdfdfb; }

@media (min-width: 768px) {
  .page-statement .about-statement__tags {
    padding-top: calc(.2 * var(--type-statement));
  }
}