/* One type system for every page (QA 31-10-2026), loaded last.
   Johan Meure scale in Open Sans: section heading 38/600 (28 on mobile), handwritten-style label 20/700 italic
   dark gold (gold on navy), buttons 18/600 with a 5 px radius. Card titles keep their own smaller size. */
:root { --ka-h2: 38px; --ka-label: 20px; --ka-btn: 18px; --ka-radius-btn: 5px; }
@media (max-width: 767px) { :root { --ka-h2: 28px; --ka-label: 18px; --ka-btn: 16px; } }

/* Section headings */
body .ka-occ__seo h2, body .ka-vehicle-specs h2, body .ka-options-highlights h2, body .ka-options-preview h2,
body .ka-delivery__heading h2, body .ka-vx-location h2, body .ka-vx-ff h2, body .ka-search-panel__inner h2,
body .ka-about__copy h2, body .ka-brands__intro h2, body .ka-inruil-main > h2, body .ka-inruil-explanation h2,
body .ka-reviews__intro h2, body .ka-featured__heading h2, body .ka-jm h2, body .ka-finance h2 {
    font-size: var(--ka-h2); font-weight: 600; line-height: 1.1; letter-spacing: -.02em;
}

/* Labels above headings */
body .ka-about__eyebrow, body .ka-home-eyebrow, body .ka-inruil-eyebrow, body .ka-service-card__eyebrow,
body .ka-occ__seo-sub, body .ka-options-banner__eyebrow, body .ka-vx-hand, body .ka-jm-hand, body .ka-featured__heading p {
    font-size: var(--ka-label) !important; font-style: italic; font-weight: 700; letter-spacing: 0; text-transform: none; color: #7D6838 !important;
}
body .ka-service-card--navy .ka-service-card__eyebrow, body .ka-options-banner--navy .ka-options-banner__eyebrow,
body .ka-jm-hand--light, body .ka-jm-band .ka-jm-hand { color: var(--ka-secondary) !important; }

/* Buttons */
body .ka-info-btn, body .ka-service-button, body .ka-about__button, body .ka-vx-btn, body .ka-occ__apply,
body .ka-hub-finder__form .ka-info-btn, body .ka-win__form .ka-info-btn {
    min-height: 50px; border-radius: var(--ka-radius-btn); font-size: var(--ka-btn); font-weight: 600;
}
body .ka-vehicle-action { border-radius: var(--ka-radius-btn); }
body .ka-vx-cta__btn { padding-inline: 28px; }