/* ══════════════════════════════════════════════════════════════════════
   Tool surfaces — ingest-consistent warm Cloudflare-style theme.
   Applies only to pages with body.tool-surface:
   /tools/, /tools/ingest/, /tools/canonical-sentinel/,
   /tools/jobposting-checker/, /diagnostics/.
   Palette: warm paper + ink + tan borders + NRLC sphere violet.
   ══════════════════════════════════════════════════════════════════════ */

body.tool-surface {
  --nrlc-ink: #2a0d00;
  --nrlc-ink-raised: #1c0800;
  --nrlc-muted: #7a4a2e;
  --nrlc-muted-2: #9c7a5f;

  /* Violet replaces the plum/sky accent layer */
  --nrlc-sky: #6d46f8;
  --nrlc-sky-strong: #5a35e0;
  --nrlc-sky-soft: #f6f2ff;

  --nrlc-plum-wash: #f6f2ff;
  --nrlc-plum-wash-deep: #ece4ff;
  --nrlc-plum-ink: #5a35e0;
  --nrlc-plum-edge: rgba(109, 70, 248, 0.25);
  --nrlc-plum-edge-strong: rgba(109, 70, 248, 0.4);
  --nrlc-plum-shadow: rgba(109, 70, 248, 0.12);

  --nrlc-surface: #fffdfb;
  --nrlc-surface-soft: #fffbf5;
  --nrlc-surface-blue: #fef7ed;

  /* Tokens the editorial system force-applies with !important */
  --nrlc-line: #ebd5c1;
  --nrlc-radius-lg: 12px;
  --nrlc-shadow-card: 0 4px 12px rgba(82, 16, 0, 0.05), 0 2px 6px rgba(82, 16, 0, 0.03);

  background: #fffdfb;
  color: #2a0d00;
}

/* Generic .btn family is force-styled site-wide with !important —
   restate it in violet for tool surfaces. */
body.tool-surface .btn--primary {
  background: #6d46f8 !important;
  background-image: none !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.tool-surface .btn--primary:hover {
  background: #5a35e0 !important;
}

body.tool-surface .btn:not(.btn--primary) {
  background: transparent !important;
  border: 1px solid rgba(109, 70, 248, 0.55) !important;
  color: #6d46f8 !important;
}

body.tool-surface .btn:not(.btn--primary):hover {
  background: rgba(109, 70, 248, 0.06) !important;
}

body.tool-surface .btn-link {
  color: #6d46f8 !important;
}

body.tool-surface ::selection {
  background: rgba(109, 70, 248, 0.18);
}

/* ── Header / nav ───────────────────────────────────────────────────── */

body.tool-surface .site-header {
  background: rgba(255, 253, 251, 0.88);
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid #f3e6d8;
}

body.tool-surface .site-nav__link {
  color: #7a4a2e;
}

body.tool-surface .site-nav__link:hover {
  color: #2a0d00;
}

body.tool-surface .site-nav__cta {
  background: transparent;
  color: #6d46f8;
  border: 1px solid #6d46f8;
  border-radius: 999px;
}

body.tool-surface .site-nav__cta:hover {
  background: rgba(109, 70, 248, 0.06);
  color: #5a35e0;
}

/* ── Hero ────────────────────────────────────────────────────────────── */

body.tool-surface .nrlc-hero {
  background: linear-gradient(180deg, #fffbf5 0%, #fffdfb 100%);
  border-bottom: 1px solid #f3e6d8;
}

body.tool-surface .nrlc-eyebrow {
  font-family: "SF Mono", "Segoe UI Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6d46f8;
}

body.tool-surface .nrlc-display {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #2a0d00;
}

body.tool-surface .nrlc-lede {
  color: #7a4a2e;
}

/* ── Buttons: violet pills ──────────────────────────────────────────── */

body.tool-surface .nrlc-button {
  border-radius: 999px;
  font-weight: 600;
}

body.tool-surface .nrlc-button-primary {
  background: #6d46f8;
  color: #ffffff;
  border: 1px solid transparent;
  box-shadow: none;
}

body.tool-surface .nrlc-button-primary:hover {
  background: #5a35e0;
  color: #ffffff;
}

body.tool-surface .nrlc-button-secondary {
  background: transparent;
  color: #6d46f8;
  border: 1px solid rgba(109, 70, 248, 0.55);
}

body.tool-surface .nrlc-button-secondary:hover {
  background: rgba(109, 70, 248, 0.06);
  color: #5a35e0;
}

/* ── Cards & sections ────────────────────────────────────────────────── */

body.tool-surface .nrlc-card,
body.tool-surface .card,
body.tool-surface [class*="card"] {
  background: #ffffff;
  border: 1px solid #ebd5c1;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(82, 16, 0, 0.05), 0 2px 6px rgba(82, 16, 0, 0.03);
}

body.tool-surface .nrlc-section-soft {
  background: #fffbf5;
}

body.tool-surface .nrlc-section {
  border-color: #f3e6d8;
}

/* ── Links & chips ──────────────────────────────────────────────────── */

body.tool-surface .nrlc-prose a,
body.tool-surface .nrlc-text-link,
body.tool-surface a.nrlc-text-link {
  color: #6d46f8;
}

body.tool-surface .nrlc-prose a:hover,
body.tool-surface .nrlc-text-link:hover {
  color: #5a35e0;
}

body.tool-surface .nrlc-link-chips a {
  background: #ffffff;
  border: 1px solid #ebd5c1;
  border-radius: 999px;
  color: #7a4a2e;
}

body.tool-surface .nrlc-link-chips a:hover {
  border-color: #6d46f8;
  color: #6d46f8;
  background: rgba(109, 70, 248, 0.04);
}

/* ── FAQ / details ──────────────────────────────────────────────────── */

body.tool-surface details.card,
body.tool-surface details {
  background: #ffffff;
  border: 1px solid #ebd5c1;
  border-radius: 12px;
}

body.tool-surface details summary {
  color: #2a0d00;
  font-weight: 600;
}

body.tool-surface details[open] {
  border-color: rgba(109, 70, 248, 0.45);
}

/* ── Forms & inputs (diagnostics, jobposting checker, sentinel) ─────── */

body.tool-surface input[type="text"],
body.tool-surface input[type="url"],
body.tool-surface input[type="email"],
body.tool-surface input[type="search"],
body.tool-surface textarea,
body.tool-surface select {
  background: #ffffff;
  color: #2a0d00;
  border: 1px solid #ebd5c1;
  border-radius: 8px;
}

body.tool-surface input:focus,
body.tool-surface textarea:focus,
body.tool-surface select:focus {
  border-color: #6d46f8;
  box-shadow: 0 0 0 3px rgba(109, 70, 248, 0.16);
  outline: none;
}

body.tool-surface button,
body.tool-surface input[type="submit"] {
  border-radius: 999px;
}

body.tool-surface button[type="submit"],
body.tool-surface input[type="submit"] {
  background: #6d46f8;
  color: #ffffff;
  border: 1px solid transparent;
  font-weight: 600;
}

body.tool-surface button[type="submit"]:hover,
body.tool-surface input[type="submit"]:hover {
  background: #5a35e0;
}

/* ── Diagnostics instrument card ────────────────────────────────────── */

body.tool-surface .cea-diag-exam,
body.tool-surface [class*="cea-diag"] {
  background: #ffffff;
  border-color: #ebd5c1;
}

body.tool-surface .cea-diag-form input {
  background: #ffffff;
  border: 1px solid #ebd5c1;
  border-radius: 8px;
  color: #2a0d00;
}

/* ── Footer ─────────────────────────────────────────────────────────── */

body.tool-surface .site-footer {
  background: #fffdfb;
  border-top: 1px solid #f3e6d8;
  color: #9c7a5f;
}

body.tool-surface .site-footer a {
  color: #6d46f8;
}

body.tool-surface .site-footer a:hover {
  color: #5a35e0;
}

body.tool-surface .site-footer__tagline,
body.tool-surface .site-footer__address,
body.tool-surface .site-footer__phone {
  color: #9c7a5f;
}

/* ── Focus ──────────────────────────────────────────────────────────── */

body.tool-surface :focus-visible {
  outline: 2px solid #6d46f8;
  outline-offset: 2px;
}