/* ==========================================================================
   D3 Nova — inner-page type lock  (loads last)

   Several pages carry their own <style> blocks inside post_content that set
   fonts with ID selectors AND !important - for example a rule on
   "#shopify-industry-keywords .d3-shop-panel-copy h3" forcing Georgia at
   clamp(34px, 4vw, 68px).

   That is why service pages were rendering headings in Georgia at 47-72px
   while the rest of the site used Space Grotesk. Specificity alone cannot
   win against !important, so this file does two things: it scopes to
   #page#page (the wrapper from header.php, doubled, so two IDs outrank the
   single-ID content rules) and it marks its own declarations !important.

   That is deliberate and contained: this file sets ONLY font family, size,
   weight and tracking. Colour, background and layout are left entirely to
   each page's own design. Nothing here is loaded on the front page.
   ========================================================================== */

#page#page .legacy-content h1,
#page#page .legacy-content h2,
#page#page .legacy-content h3,
#page#page .legacy-content h4,
#page#page .legacy-content h5,
#page#page .legacy-content h6,
#page#page .prose h1,
#page#page .prose h2,
#page#page .prose h3,
#page#page .prose h4 {
	font-family: var(--font-display) !important;
	letter-spacing: -.022em !important;
}

#page#page .legacy-content h2,
#page#page .legacy-content .section-title,
#page#page .legacy-content .d3-wd-section-title,
#page#page .legacy-content .d3-shop-section-title,
#page#page .prose h2 {
	font-size: var(--fs-ch2) !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

#page#page .legacy-content h3,
#page#page .prose h3 {
	font-size: var(--fs-ch3) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

#page#page .legacy-content h4,
#page#page .prose h4 {
	font-size: var(--fs-ch4) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

#page#page .legacy-content h5,
#page#page .legacy-content h6 {
	font-size: 1rem !important;
	font-weight: 700 !important;
}

/* Card and panel headings sit one step below body headings. */
#page#page .legacy-content .card h3,
#page#page .legacy-content .service-card h3,
#page#page .legacy-content .stk-card h3,
#page#page .legacy-content .d3-wd-card h3,
#page#page .legacy-content .adv-card h3,
#page#page .legacy-content .d3-seo-support__card h3,
#page#page .legacy-content .d3-service-card h3,
#page#page .legacy-content .d3-shopify-proof-card h3,
#page#page .legacy-content [class*="-card"] h3,
#page#page .legacy-content [class*="-card"] h4 {
	font-size: 1.06rem !important;
	line-height: 1.35 !important;
}

/* Body copy keeps one family everywhere; sizes stay with the page design. */
#page#page .legacy-content p,
#page#page .legacy-content li,
#page#page .legacy-content span,
#page#page .legacy-content a,
#page#page .legacy-content td,
#page#page .legacy-content th,
#page#page .legacy-content blockquote,
#page#page .legacy-content label,
#page#page .legacy-content input,
#page#page .legacy-content textarea,
#page#page .legacy-content select,
#page#page .legacy-content button {
	font-family: var(--font-body) !important;
}

/* Buttons and eyebrow labels are display type. */
#page#page .legacy-content .btn,
#page#page .legacy-content .d3-wd-btn,
#page#page .legacy-content .btn-primary,
#page#page .legacy-content .service-link,
#page#page .legacy-content .section-tag,
#page#page .legacy-content .d3-wd-eyebrow,
#page#page .legacy-content .badge-custom,
#page#page .legacy-content .eyebrow {
	font-family: var(--font-display) !important;
}

/* Body copy that the old pages set unusually large or small is pulled back
   into the theme's reading range. */
#page#page .legacy-content p {
	line-height: 1.7 !important;
}
#page#page .legacy-content .section-desc,
#page#page .legacy-content .hd-para,
#page#page .legacy-content .d3-wd-text,
#page#page .legacy-content .lead {
	font-size: var(--fs-lead) !important;
	line-height: 1.65 !important;
}