/* Shared text style: Body 1.
 * Add class="vf-body-1" to opt in at every viewport size.
 * Use "vf-body-1--mobile" to opt in only below 768px.
 * Only size and line height are shared; each component keeps its font,
 * weight, color and spacing. Load after page-specific typography styles.
 */
:root {
  --vf-body-1-font-size: 16px;
  --vf-body-1-line-height: 1.5;
}

.vf-body-1,
.v2-hero-shell .thx .tdek.vf-body-1,
.vfb-build .proof-intro--stats .validation-grid.vf-body-1,
.vfp-process-grid--cards .vfp-process-copy p.vf-body-1 {
  font-size: var(--vf-body-1-font-size);
  line-height: var(--vf-body-1-line-height);
}

@media (max-width: 767px) {
  .vf-body-1--mobile {
    font-size: var(--vf-body-1-font-size);
    line-height: var(--vf-body-1-line-height);
  }
}