/* Shared section label: load after style.css, before page-specific styles.
 * <p class="intro-tag vf-section-label">Business overview</p>
 * Add vf-section-label--inverse on dark surfaces.
 * Typography is shared at every viewport. Containers may customize only colors:
 * --vf-section-label-color and --vf-section-label-inverse-color.
 * Section spacing belongs to the parent layout, not this component.
 */
.vf-section-label {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--vf-section-label-color, #666);
  font-family: var(--vf-font-sans, "UCity Pro", "Pretendard Variable", Pretendard, Arial, sans-serif);
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: normal;
  letter-spacing: -0.01em;
  line-height: 24px;
  text-transform: none;
}

.vf-section-label--inverse {
  color: var(--vf-section-label-inverse-color, #9aa1a3);
}