/* ==========================================================================
   WOOLLEMIA INFOSEC — Harmonization layer
   Loaded last. Pulls every bolted-on section onto one shared design system:
   one type scale, one accent palette (brand blue + cyan), one card language,
   one eyebrow treatment and one vertical rhythm.
   ========================================================================== */

/* ---------- 1. Shared eyebrow ---------- */
.section-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.section-eyebrow .rule {
  width: 34px;
  height: 1.5px;
  background: var(--primary);
  display: inline-block;
}
.section-eyebrow .label,
.poc-v3 .eyebrow-row .label,
.wm-svc3__eyebrow .label,
.wm-cases__eyebrow,
.wm-certs__eyebrow,
.wm-faq__eyebrow,
.wm-scope__eyebrow,
.wm-tools2__eyebrow,
.cs-eyebrow,
.why-eyebrow {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--primary) !important;
}
.wm-certs__eyebrow {
  background: var(--primary-light) !important;
  border: 1px solid rgba(0, 102, 255, 0.14) !important;
  border-radius: 999px !important;
}

/* ---------- 2. One heading family (no stray serifs) ---------- */
.wm-cases__title,
.wm-case__headline,
.wm-case__stat-num,
.wm-cases h2,
.wm-cases h3 {
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}
.wm-cases__title em,
.poc-v3 h2.poc-title em,
.wm-svc3__title em {
  font-style: normal !important;
}
.wm-cases__title em {
  color: var(--primary) !important;
}

/* ---------- 3. One accent palette ---------- */
.wm-cases {
  --pine-900: var(--dark-bg);
  --pine-700: var(--primary-hover);
  --pine-500: var(--primary);
  --ember-500: var(--primary);
  --ember-100: var(--primary-light);
  --stone-100: var(--section-tint);
  --ink: var(--text-main);
  --ink-soft: var(--text-muted);
  --ring-line: var(--border-light);
}
.wm-case__client {
  color: var(--primary) !important;
}
.wm-cases__cta,
.poc-v3 .fact .tick,
.poc-v3 h2.poc-title em {
  color: var(--primary);
}
.poc-v3 .eyebrow-row .rule {
  background: var(--primary) !important;
}
.poc-v3 .eyebrow-row .scarcity {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  color: var(--primary-hover) !important;
  background: var(--primary-light) !important;
}
.poc-v3 .fact .tick {
  background: var(--primary-light) !important;
  color: var(--primary) !important;
}
.poc-v3 .fact:hover {
  border-color: rgba(0, 102, 255, 0.35) !important;
}

/* ---------- 4. One surface language ---------- */
.wf2 ~ * .poc-v3,
section.poc-v3,
section.poc-v3.poc-section {
  background: linear-gradient(180deg,#e8effc 0%,#dfe8fa 55%,#e8effc 100%) !important;
  border-top: 1px solid rgba(36,84,255,0.10);
  border-bottom: 1px solid rgba(36,84,255,0.10);
}
.wm-cases {
  background: var(--light-card);
}
.poc-v3 .fact,
.wm-case,
.wm-cert__box,
.wm-tool2 {
  border-radius: 14px !important;
  border-color: var(--border-light) !important;
}

/* ---------- 5. One vertical rhythm + section seams ---------- */
.wm-svc3,
.poc-v3,
.cs-section,
.wm-cases,
.wf2,
.wm-certs,
.wm-tools2,
.wm-faq,
.wm-scope {
  padding-top: clamp(48px, 6vw, 84px) !important;
  padding-bottom: clamp(48px, 6vw, 84px) !important;
}
.poc-v3,
.wm-cases,
.wf2,
.wm-certs,
.wm-tools2,
.wm-faq,
.wm-scope {
  border-top: 1px solid var(--border-light);
}
.wm-svc3 {
  border-top: 0;
}

/* ---------- 6. One heading scale for section titles ---------- */
.wm-cases__title,
.wf2__title,
.wm-certs__title,
.wm-faq__title,
.wm-scope__title,
.wm-tools2__title,
.poc-v3 h2.poc-title {
  font-size: clamp(26px, 3.2vw, 38px) !important;
  line-height: 1.14 !important;
}

/* ---------- 7. No stray monospace / one label font ---------- */
section.poc-v3 .poc-v3__days span,
section.poc-v3 .eyebrow-row .label,
section.poc-v3 .eyebrow-row .scarcity,
section.poc-v3 .request-card label,
.wf2 .wf2__chip,
.wm-svc3__num {
  font-family: var(--font-body) !important;
  letter-spacing: 0.1em !important;
}

/* ---------- 8. Section titles share the heading font ---------- */
section.poc-v3 h2.poc-title,
.wm-cases__title,
.wm-certs__title,
.wm-faq__title,
.wm-scope__title,
.wm-tools2__title,
.wf2__title {
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  color: var(--dark-bg) !important;
}
section.poc-v3 h2.poc-title em {
  color: var(--primary) !important;
}

/* ---------- 9. Workflow columns ---------- */
.wf2 .wf2__grid { align-items: start !important; }
.wf2 .wf2__detail { position: sticky !important; top: 96px !important; }