/* Shared display typography. UI copy, dates, inputs and navigation retain their readable UI font. */
:root{--font-display:BHSelected,Arial,sans-serif}
body:not([data-page=welcome]) :is(h1,h2,h3),
.tile strong,.banner strong,.race-title,.filter-heading,.cal-head strong{
  font-family:var(--font-display);
  font-weight:700;
  font-synthesis:none;
  letter-spacing:0;
  line-height:1.2;
  overflow-wrap:anywhere;
}
body:not([data-page=welcome]) h1{font-size:clamp(28px,7.5vw,36px)}
body:not([data-page=welcome]) h2{font-size:24px}
body:not([data-page=welcome]) h3{font-size:20px}
.home-greeting{white-space:normal;flex-wrap:wrap;row-gap:4px}
.tile strong{font-size:20px;white-space:normal;text-align:center;max-width:100%}
.banner strong{font-size:20px}
.race-title{font-size:19px}
.filter-heading{font-size:20px}
.race-info{min-width:0}
.section-head h2,.sheet-head h2{min-width:0}
@media(min-width:1000px){.tile strong{font-size:18px}.race-title{font-size:18px}}
@media(max-width:374px){.tile strong{font-size:18px}.banner strong{font-size:18px}}