/* Shared typography for the current marketing preview. Brand marks and
   coordinate-based SVG artwork keep their own measured optical sizes. */
#specimen.profile-agent {
  --type-font-body: var(--sans);
  --type-font-heading: var(--serif);
  --type-weight-body: 400;
  --type-weight-label: 500;
  --type-weight-heading: 600;
  --type-display-size: 48px;
  --type-display-leading: 58px;
  --type-section-size: 40px;
  --type-section-leading: 48px;
  --type-title-size: 24px;
  --type-title-leading: 32px;
  --type-body-size: 16px;
  --type-body-leading: 24px;
  --type-small-size: 14px;
  --type-small-leading: 20px;
  --type-value-size: 32px;
  --type-value-leading: 40px;
  --type-dialog-size: 28px;
  --type-dialog-leading: 36px;
  font: var(--type-weight-body) var(--type-body-size)/var(--type-body-leading) var(--type-font-body);
}

#specimen.profile-agent .hero-title {
  font: var(--type-weight-heading) var(--type-display-size)/var(--type-display-leading) var(--type-font-heading);
  letter-spacing: normal;
}

#specimen.profile-agent .section-title {
  font: var(--type-weight-heading) var(--type-section-size)/var(--type-section-leading) var(--type-font-heading);
  letter-spacing: normal;
}

#specimen.profile-agent :is(
  .ronivo-feature-content h3,
  .ronivo-advantage-card h3,
  .site-pricing-option h3,
  .diagram-mobile-nodes h3
) {
  font: var(--type-weight-heading) var(--type-title-size)/var(--type-title-leading) var(--type-font-body);
  letter-spacing: normal;
}

#specimen.profile-agent :is(
  .hero-body,
  .section-copy,
  .ronivo-feature-content p,
  .ronivo-advantage-card > p,
  .diagram-mobile-nodes p,
  .site-pricing-description,
  .site-pricing-list li,
  .site-faq-list p,
  .site-contact-address,
  .contact-dialog-body,
  .contact-field input,
  .contact-field select,
  .contact-field textarea
) {
  font: var(--type-weight-body) var(--type-body-size)/var(--type-body-leading) var(--type-font-body);
  letter-spacing: normal;
}

#specimen.profile-agent :is(
  .eyebrow,
  .site-faq-list summary,
  .site-pricing-benefits-title
) {
  font: var(--type-weight-label) var(--type-body-size)/var(--type-body-leading) var(--type-font-body);
  letter-spacing: normal;
}

#specimen.profile-agent :is(
  .button,
  .nav-links,
  .mobile-menu-links a,
  .study-banner,
  .ronivo-case-tab,
  .ronivo-case-page,
  .contact-dialog-close,
  .contact-field label
) {
  font: var(--type-weight-label) var(--type-small-size)/var(--type-small-leading) var(--type-font-body);
  letter-spacing: normal;
}

#specimen.profile-agent :is(
  .wf-sharing-note,
  .site-sharing-note,
  .site-pricing-note,
  .site-pricing-audience,
  .contact-email-note,
  .contact-dialog-address,
  .site-footer
) {
  font: var(--type-weight-body) var(--type-small-size)/var(--type-small-leading) var(--type-font-body);
  letter-spacing: normal;
}

#specimen.profile-agent .site-pricing-value {
  font: var(--type-weight-heading) var(--type-value-size)/var(--type-value-leading) var(--type-font-body);
  letter-spacing: normal;
}

#specimen.profile-agent .contact-dialog-header h2 {
  font: var(--type-weight-heading) var(--type-dialog-size)/var(--type-dialog-leading) var(--type-font-heading);
  letter-spacing: normal;
}

/* Align the 20px icon with the first 32px title line after mobile wrapping. */
#specimen.profile-agent .wf-card .ronivo-advantage-heading {
  align-items: flex-start;
}
#specimen.profile-agent .wf-card .ronivo-advantage-heading > img {
  margin-top: 6px;
}

@media (max-width: 767px) {
  #specimen.profile-agent {
    --type-display-size: 32px;
    --type-display-leading: 40px;
    --type-section-size: 28px;
    --type-section-leading: 36px;
    --type-value-size: 28px;
    --type-value-leading: 36px;
  }
}