/* Shared editorial scale. Feature cards, legal prose and app controls have their own roles. */
:root {
  --mr-product-title: clamp(40px, 5.6vw, 84px);
  --mr-section-title: clamp(32px, 4.4vw, 54px);
  --mr-eyebrow-size: 13px;
}
body:not(.homepage-preview) :is(.hero, .telemetry-hero, .racebox-hero, .engo-hero) h1,
#racebox-heading, #engo-heading, #platform-intro-title,
#plans-intro-title, .guides-page .library-head h1 {
  font-size: var(--mr-product-title);
}
#racebox-heading { font-size: min(var(--mr-product-title), 72px); }
:is(#captures, #becomes, #lap-comparison, #recorded-data-analysis, #obd-motorcycles) h2.name,
.obd-head h2,
:is(.tsys-head, .showcase h2.name, .priceband h2.name),
.mechanic-page :is(.head, .cap-head) h2.name,
:is(.racebox-proof-heading, .racebox-setup-heading, .racebox-finish) h2,
.engo-landing :is(#engo-display-title, #engo-setup-title, #engo-start-title) {
  font-size: var(--mr-section-title);
}
:is(.homepage-preview, .platform-source, .engo-landing) main :is(.kicker, .eyebrow),
:is(.telemetry-hero, .racebox-hero, .mechanic-page .sec) :is(.kicker, .eyebrow) {
  font-size: var(--mr-eyebrow-size);
}
@media (max-width: 680px) {
  :root { --mr-product-title: clamp(38px, 11.7vw, 52px); }
}