/* =====================================================================
   JMS MEDIA • 02 — BASE
   Site-wide defaults. White is native; no dark-theme overrides here.
   Uses tokens from 01-tokens.css.
   ===================================================================== */

/* ---- Page surface (JPP dark: subtle near-black gradient, measured from live) ---- */
body{
  background: var(--jms-page-grad), var(--jms-page-bg);
  background-attachment: fixed;
  color: var(--jms-ink);
  line-height: var(--jms-leading);
}

/* ---- Scoped heading typography (Outfit 800 — JPP's real heading face)
   JPP's type language is Outfit (headings) + Work Sans (body), NOT Lora.
   We scope our overrides to our own component wrappers only — this
   avoids fighting other heading styles on the rest of the page.  */
.jms-homecopy   h1,
.jms-homecopy   h2,
.jpp-svc        h3,
.jpp-consulting h1, .jpp-consulting h2,
.jpp-digital    h1, .jpp-digital    h2,
.jpp-studio     h1, .jpp-studio     h2,
.jpp-coaching   h1, .jpp-coaching   h2,
.jpp-work       h1, .jpp-work       h2,
.jpp-process    h1, .jpp-process    h2,
.jpp-aboutdm    h1, .jpp-aboutdm    h2, .jpp-aboutdm h3{
  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ---- LINK SYSTEM lives in 05-chrome.css (single source of truth) ----
   All inline content links + the .jpp-svc__more / .jms-actionlink action
   links are defined there. Do NOT redeclare link colour/underline here
   or on individual pages — duplicate declarations are what caused the
   drift + double underlines. (Consolidated 2026-06-06.) The only link
   rule kept in base is the structural whole-card wrapper reset below. */

/* Never underline a whole-card wrapper link */
.entry-content a.jpp-svc__cardlink,
.entry-content a.jpp-svc__cardlink *{
  text-decoration: none !important;
  color: inherit !important;
}

/* ---- Thin separator ---------------------------------------------- */
.wp-block-separator.skinny-line{
  border: 0;
  border-top: 1px solid var(--jms-line-strong);
  height: 1px;
  margin: 50px auto;
  max-width: 900px;
  width: 90%;
  padding: 0;
  background: none;
  box-shadow: none;
}