/* ═══════════════════════════════════════════════════════════════════
   Nova AI Ops — Glossary TERM pages: white canvas + enterprise-clean
   (2026-06-15). Mirrors the blog article design: white canvas, dark
   readable text, LIGHT content cards with a 2px green edge, calm motion.
   Linked per term page; remove the <link> to revert.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Canvas → white (kill the dark radial + green orbs) ── */
body{background:#ffffff !important;}
.gloss-page{
  background:#ffffff !important;
}
.gloss-orb{display:none !important;}

/* ── Hero → dark readable text, restrained green accent ── */
.gloss-back{color:#1f7a00 !important;}
.gloss-eyebrow{
  background:rgba(31,122,0,0.08) !important;border:1px solid #58d900 !important;
  color:#1f7a00 !important;backdrop-filter:none !important;
}
.gloss-eyebrow .dot{box-shadow:none !important;animation:none !important;}
.gloss-h1{color:#0f172a !important;text-shadow:none !important;}
.gloss-h1 .accent{
  background-image:linear-gradient(135deg,#46b800 0%,#2f8f00 55%,#1f7a00 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;
}
.gloss-lede{color:#475569 !important;}

/* ── Content sections → LIGHT cards, 2px green edge (matches the blog) ── */
.gloss-section{
  background:#ffffff !important;
  border:2px solid #58d900 !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.04),0 12px 32px -22px rgba(15,23,42,0.22) !important;
  backdrop-filter:none !important;
}
.gloss-section h2{color:#1f7a00 !important;}
.gloss-section p,.gloss-section li{color:#374151 !important;}
.gloss-section strong{color:#0f172a !important;}
.gloss-section a:not(.gloss-product-link){color:#1f7a00 !important;}

/* ── Related-term pills → light + green edge ── */
.gloss-related a{
  background:#ffffff !important;border:1px solid #58d900 !important;color:#1f7a00 !important;
}
.gloss-related a:hover{background:rgba(88,217,0,0.10) !important;border-color:#3fb800 !important;color:#155c08 !important;}

/* ── Product CTA stays green, lose the neon glow ── */
.gloss-product-link{box-shadow:none !important;}
.gloss-product-link:hover{box-shadow:none !important;}

/* ── Index-style cards / letter chips (if a term page renders them) → light ── */
.gloss-card{
  background:#ffffff !important;border:2px solid #58d900 !important;
  box-shadow:0 1px 2px rgba(15,23,42,0.04),0 12px 32px -22px rgba(15,23,42,0.22) !important;backdrop-filter:none !important;
}
.gloss-card-term{color:#0f172a !important;}
.gloss-card-short{color:#475569 !important;}
.gloss-card:hover{border-color:#3fb800 !important;box-shadow:0 14px 32px -18px rgba(15,23,42,0.28) !important;}
.gloss-letter{background:rgba(31,122,0,0.06) !important;border:1px solid #58d900 !important;color:#1f7a00 !important;}
.gloss-letter:hover{background:rgba(88,217,0,0.12) !important;color:#155c08 !important;}

/* ══════════════════════════════════════════════════════════════════════════
   GLOSSARY → the /services design language  (2026-07-31)

   One file covers 135 of the 136 term pages (src/glossary/index.html is the
   outlier and is handled on its own). Selectors mirror the rules above
   exactly, because those are set at `.gloss-section h2` / `.gloss-section
   a:not(...)` specificity and a looser override would silently lose.

   Same two greens as the article pages: #58d900 edges (2.3:1 on white, it
   cannot carry text) and a drifted second green #1f7a00. Both collapse onto
   the audited #15803d, and surfaces that are not links take ink.
   ══════════════════════════════════════════════════════════════════════════ */
.gloss-section,
.gloss-card{
  background:#FFFFFF !important;
  border:1px solid #E3E6E9 !important;
  border-radius:10px !important;
  box-shadow:0 1px 2px rgba(14,17,19,.05),0 1px 1px rgba(14,17,19,.03) !important;
}
.gloss-related a,
.gloss-letter{
  background:#FFFFFF !important;
  border:1px solid #CDD2D6 !important;
  border-radius:6px !important;
  color:#0E1113 !important;
}
.gloss-related a:hover,
.gloss-card:hover,
.gloss-letter:hover{
  background:#FFFFFF !important;
  border-color:#CDD2D6 !important;
  color:#0E1113 !important;
  transform:none !important;
  box-shadow:0 1px 2px rgba(14,17,19,.05),0 1px 1px rgba(14,17,19,.03) !important;
}
/* Section headings are headings, not links: ink, not accent. */
.gloss-section h2{color:#0E1113 !important;}
/* Links keep the one accent. */
.gloss-back,
.gloss-section a:not(.gloss-product-link){color:#15803d !important;}
.gloss-back:hover,
.gloss-section a:not(.gloss-product-link):hover{color:#0E1113 !important;}
/* The h1 accent was a 3-stop neon gradient; /services carries none. */
.gloss-h1{color:#0E1113 !important;}
.gloss-h1 .accent{
  background:none !important;background-image:none !important;
  color:#15803d !important;-webkit-text-fill-color:#15803d !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   GLOSSARY → the /services design language  (2026-07-31)

   One file covers 135 of the 136 term pages (src/glossary/index.html is the
   outlier and is handled on its own). Selectors mirror the rules above
   exactly, because those are set at `.gloss-section h2` / `.gloss-section
   a:not(...)` specificity and a looser override would silently lose.

   Same two greens as the article pages: #58d900 edges (2.3:1 on white, it
   cannot carry text) and a drifted second green #1f7a00. Both collapse onto
   the audited #15803d, and surfaces that are not links take ink.
   ══════════════════════════════════════════════════════════════════════════ */
.gloss-section,
.gloss-card{
  background:#FFFFFF !important;
  border:1px solid #E3E6E9 !important;
  border-radius:10px !important;
  box-shadow:0 1px 2px rgba(14,17,19,.05),0 1px 1px rgba(14,17,19,.03) !important;
}
.gloss-related a,
.gloss-letter{
  background:#FFFFFF !important;
  border:1px solid #CDD2D6 !important;
  border-radius:6px !important;
  color:#0E1113 !important;
}
.gloss-related a:hover,
.gloss-card:hover,
.gloss-letter:hover{
  background:#FFFFFF !important;
  border-color:#CDD2D6 !important;
  color:#0E1113 !important;
  transform:none !important;
  box-shadow:0 1px 2px rgba(14,17,19,.05),0 1px 1px rgba(14,17,19,.03) !important;
}
/* Section headings are headings, not links: ink, not accent. */
.gloss-section h2{color:#0E1113 !important;}
/* Links keep the one accent. */
.gloss-back,
.gloss-section a:not(.gloss-product-link){color:#15803d !important;}
.gloss-back:hover,
.gloss-section a:not(.gloss-product-link):hover{color:#0E1113 !important;}
/* The h1 accent was a 3-stop neon gradient; /services carries none. */
.gloss-h1{color:#0E1113 !important;}
.gloss-h1 .accent{
  background:none !important;background-image:none !important;
  color:#15803d !important;-webkit-text-fill-color:#15803d !important;
}

/* The eyebrow chip and its dot, and the product CTA which section 47 above
   deliberately left green. "No distractions anywhere" (founder, 2026-07-31)
   retires that exception: the CTA becomes the /services dark-ink primary. */
.gloss-eyebrow{
  background:#F2F3F5 !important;
  border:1px solid #E3E6E9 !important;
  border-radius:6px !important;
  color:#545B60 !important;
}
.gloss-eyebrow .dot{background:#15803d !important;box-shadow:none !important;}
.gloss-product-link{
  background:#0E1113 !important;background-image:none !important;
  color:#FFFFFF !important;border:1px solid #0E1113 !important;border-radius:6px !important;
  box-shadow:0 1px 2px rgba(14,17,19,.05),0 1px 1px rgba(14,17,19,.03) !important;
}
.gloss-product-link:hover{background:#23282C !important;background-image:none !important;transform:none !important;}