/* ==========================================================================
   CSC Innovations — FAQ layer ("The Quiet Answers")
   Loads AFTER site.css on faq.html. Same Midnight system, retinted to a calm
   slate/plum so the answers read low-key and trustworthy. Knot stays emerald.
   ========================================================================== */
body.page-faq{
  /* COLOR v2 — Quiet Amethyst, enriched (genuine violet; was the blandest) */
  --bg:#110F1B; --bg-2:#0C0A14; --surface:#1E1B2A; --surface-2:#2A2640; --panel:#241836;
  --accent:#BE9FE6; --accent-deep:#8A6CC0; --accent-glow:#DDC9F5; --on-accent:#160C24;
  --accent-12:rgba(190,159,230,.12); --accent-18:rgba(190,159,230,.18);
  --line:rgba(238,235,250,.11); --line-strong:rgba(238,235,250,.20);
  --text:#F1EDF9; --text-muted:rgba(241,237,249,.76); --text-faint:rgba(241,237,249,.56);
  --sh-forest:0 14px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(190,159,230,.16);
  background:var(--bg);
}
/* Knot = PAGE COLOR (client's ask): mark falls back to site.css var(--accent*)
   → amethyst in nav + footer + hero. No emerald pin. */

/* (I) hero wash — amethyst, lifted with a neon magenta lower bloom (neon-PNW). */
.page-faq .ph-wash{background:
  radial-gradient(115% 130% at 90% -12%,var(--accent-18),transparent 56%),
  radial-gradient(58% 58% at 52% 40%,var(--accent-12),transparent 72%),
  radial-gradient(78% 88% at 8% 112%,rgba(255,120,200,.13),transparent 60%);}

/* the open question's plus/minus + hover lean plum */
.page-faq .faq-q:hover{color:var(--accent-glow);}

/* hero — shorter centered band (FAQ is a quieter, lower page) */
.page-faq .page-hero-grid{padding-block:clamp(52px,6vw,90px) clamp(40px,5vw,66px);}

/* closing callout — deep slate-plum */
.page-faq .callout{background:linear-gradient(135deg,#2a2150,#130f22);
  border-color:rgba(176,147,214,.24);
  box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 0 1px rgba(176,147,214,.16);}