/* Product typography: large editorial headings, readable copy, compact evidence. */
.landing { --qj-body-size: 18px; --qj-meta-size: 13px; font-size: var(--qj-body-size); }
.landing h1, .landing h2,
.landing .v2-page h1, .landing .v2-page h2 {
  font-family: var(--sans) !important; font-weight: 500 !important;
  text-transform: none !important; letter-spacing: -.035em !important;
}
.landing h1, .landing .v2-page h1 { font-size: clamp(40px,5.3vw,72px); line-height: 1.08; }
.landing .hero h1 { max-width: 24ch; }
.landing h2, .landing .v2-page h2 { font-size: clamp(30px,3.2vw,44px); line-height: 1.16; }
.landing .homepage-examples .sec-head h2 { white-space: normal; }
.landing .lede, .landing .hero .lede { font-size: 18px; line-height: 1.65; }
.landing .hero-points span,
.landing :is(.aud,.three,.clients) p,
.landing .answer .lead, .landing .answer .lead.more,
.landing .evidence-questions li, .landing .evidence-principles p { font-size: 17px; line-height: 1.6; }
.landing .v2-page { font-size: 18px; }
/* Dense API reference headings are interface controls, not landing chapters. */
.landing .v2-page-docs h1 { font-size: clamp(30px,3vw,40px); }
.landing .v2-page-docs h2 { font-size: 20px; }
.landing .qj-provenance { font: var(--qj-meta-size)/1.6 var(--mono); font-variant-numeric: tabular-nums; }
.landing .qj-provenance :is(dt,dd,code) { font: inherit; overflow-wrap: anywhere; }
.landing .qj-provenance dt { color: var(--ink-2); }
.landing .qj-provenance dd { color: var(--ink); }
.landing :is(.rung-meta,.route,.src-tag,.note-ft,.note-ft span,.note-ft b,.evidence-label) { font: var(--qj-meta-size)/1.6 var(--mono); font-variant-numeric: tabular-nums; }
.landing .evidence-note { font: var(--qj-meta-size)/1.6 var(--mono); }
.landing .evidence-metadata > div { grid-template-columns: 108px minmax(0,1fr); }
@media (max-width: 600px) {
  .landing h1, .landing .v2-page h1 { font-size: clamp(36px,8vw,44px); }
  .landing h2, .landing .v2-page h2 { font-size: 30px; }
  .landing .v2-page-docs h2 { font-size: 20px; }
  .landing .qj-provenance > div { grid-template-columns: 82px minmax(0,1fr); gap: 10px; }
}