/*
  Readability floor for the marketing pages, loaded last. The prototype set
  labels and secondary copy at 11–13px; labels stay small caps-style at 13px,
  anything a visitor has to read is at least 14px. Selectors mirror the
  originals (same or higher specificity) so this file wins at every breakpoint.
*/

/* Labels and eyebrows: 13px */
.eyebrow,.hero .eyebrow,.audience-copy .eyebrow,.contact-intro .eyebrow,
.plan-label,.footer h3,.example-head,.photo-label,.billing button span,
.breadcrumbs,.landing-page .breadcrumbs,.contact-intro .breadcrumbs,
.menu-button{font-size:.8125rem}

/* Secondary copy: 14px */
.hero-note,.landing-page .hero-note,.hero .text-link,.hero-caption div>span,
.benefit-grid p,.booking-panel .small,.consent-caption div>span,.records-note,
.legal-note .legal-detail,.audience-note,.audience-mini-grid .text-link,
.price-info,.pricing-note,.price-card .btn,.billing button,.contact-actions .small,
.footer .muted,.footer-links,.footer-bottom,.notes-label,
.pmu-photo figcaption div>span{font-size:.875rem}

/* App mock-ups (example rows) are illustrations, but keep them legible too. */
.example-row strong,.example-row div>span{font-size:.8125rem}