/* ==========================================================================
   PLAIN EMPHASIS (Oct 2026)
   Headings used to set one phrase in blue italic serif (<em>…</em>, and the
   "The" in "The Nexus Journal"). That style is switched off here so the phrase
   uses exactly the same font, size, weight and colour as the rest of its line.
   Layout rules (line breaks, nowrap) are left alone.

   The "html:not(#nx-plain-em)" prefix only raises priority so this wins over
   every page stylesheet, whatever order they load in.
   To bring the blue italic back: delete this file's <link> in component/meta.php.
   ========================================================================== */

html:not(#nx-plain-em) em:not(.nxk-cover > em):not(.nxk-feature-body > em) {
  font-style: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
}

/* "The" in the "The Nexus Journal" masthead (blogs.php) → same style as "Nexus Journal" */
html:not(#nx-plain-em) .nxj-the {
  font-family: var(--nx-font-sans) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -.055em !important;
  color: inherit !important;
  font-size: clamp(2.4rem, 5.5vw, 5.4rem) !important;
}
html:not(#nx-plain-em) .nxj-page .nxj-the { font-size: clamp(1.7rem, 3.4vw, 3.4rem) !important; }

/* Page titles that mixed weights (lighter first line, heavier former blue-italic
   phrase): one weight throughout, the same as every other page title (see type-scale.css).
   Homepage hero: "Growth Story" was also 12% larger on phones – now the same size. */
html:not(#nx-plain-em) .nx-hero-title,
html:not(#nx-plain-em) .nx-hero-title *,
html:not(#nx-plain-em) .nxa-hero-title,
html:not(#nx-plain-em) .nxa-hero-title * {
  font-weight: 700 !important;
}
html:not(#nx-plain-em) .nx-hero-title .nx-title-line-2 { font-size: 1em !important; }
/* Homepage hero: "Researched Before the Market Catches On" had its own fixed size
   (homepage-refresh.css) so on scaled/laptop screens it rendered bigger and looked
   bolder than "India's Growth Story". All three lines now share the title's size. */
html:not(#nx-plain-em) .nx-hero-title .nx-title-line-1,
html:not(#nx-plain-em) .nx-hero-title .nx-title-line-3 { font-size: 1em !important; }