/* ============================================================================
   base — element-level skin for MIGRATED pages only.

   Everything element-scoped gates on body.lo-skin (the _lo_skin postmeta body
   class): legacy pages and not-yet-migrated Code-module pages (which embed
   their own full stylesheet) must be untouched by the new skin. Component
   styling belongs to the plugin (.blz-*); chrome styling to chrome.css.
   ========================================================================== */

body.lo-skin {
	font-family: var(--sans);
	background: var(--paper);
	color: var(--ink);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
/* Generic heading tracking ports the design's `h1,h2,h3{letter-spacing:-.02em}`.
   It MUST stay zero-specificity (:where) so it only catches stray, non-module
   headings and never beats a plugin module's own per-element tracking — a plain
   `body.lo-skin h1` (0,0,1,2) overrode `.blz-hero h1` (0,0,1,1) and stole the
   hero's -.025em (design parity bug: hero rendered -.02em on the module pages). */
:where(body.lo-skin) h1,
:where(body.lo-skin) h2,
:where(body.lo-skin) h3 {
	letter-spacing: -.02em;
}

/* NOTE: body-content link color is intentionally NOT set here. The plugin's
   `.blz-band a:where(:not(.blz-btn))` (specificity 0,1,1) already makes band prose
   links inherit and beats Divi's customizer olive `a{color:#4a561f}` (0,0,1),
   while losing to module link rules (.cmp thead th a, .blz-prose a) so those keep
   their own color. An earlier `body.lo-skin a:not([class])` here was (0,2,2) and
   clobbered unclassed MODULE links (e.g. compare-table Book/Consult → forced to
   inherit band ink instead of copper) — removed. Chrome/footer links: chrome.css. */

/* A few migrated pages keep body copy in NATIVE Divi Text modules (et_pb_text)
   rather than blz_band_text, so their inline links miss the plugin's
   `.blz-prose a` copper treatment and fall to the band's inherited ink. The
   design colors inline body links copper — restore that for unclassed links in
   native text modules inside a skin band (blz modules already handle their own). */
body.lo-skin .blz-band .et_pb_text_inner a:where(:not([class])) {
	color: var(--copper-dark); /* AA: copper #767E48 was 4.0:1 on paper; copper-dark 5.5:1 */
	font-weight: 600;
}
/* on dark bands copper is unreadable — use the on-dark accent (gold, ~6:1) */
body.lo-skin .blz-band--dark .et_pb_text_inner a:where(:not([class])),
body.lo-skin .blz-band--dark-2 .et_pb_text_inner a:where(:not([class])),
body.lo-skin .blz-band--final .et_pb_text_inner a:where(:not([class])) {
	color: var(--gold);
}

/* html{scroll-behavior:smooth} deliberately NOT ported: Divi's own smooth-
   scroll option is off (it hijacked the wheel); CSS smooth scroll stays off
   for parity with the deployed pages, which rely on JS scrollIntoView. */