/* RC4: small section labels only. Approved learning label = 14 CSS px.
 * Scoped to the approved Figma view and the shared related-tools component.
 * Heading/body/button typography, color, weight, tracking, line height,
 * section spacing, photos, handwriting, FAQ brush and logo remain unchanged.
 * Loaded after final-polish.css and related-tools.css on all viewport sizes.
 */
body.bfra-approved .bfv-page,
body #bfra-related-tools.bfra-related {
  --bfra-section-label-size: 14px;
}

/* The learning/FAQ selectors match the specificity of existing RC3 rules.
 * Keep the generic selector so an added Figma section eyebrow uses the same size.
 */
body.bfra-approved .bfv-page .bfp-eyebrow,
body.bfra-approved .bfv-page .bfv-learning .bfp-eyebrow,
body.bfra-approved .bfv-page .bfv-faq .bfp-eyebrow,
body #bfra-related-tools.bfra-related .bfra-related__eyebrow {
  font-size: var(--bfra-section-label-size, 14px);
}