/* ==========================================================================
   HTML&HTML 2026 Sleek Dual-Theme & Anti-Glare Contrast Engine
   Cloned from llms-txt-validator.dev — Obsidian Charcoal & Pure Studio Precision
   ========================================================================== */

/* --------------------------------------------------------------------------
   01. DESIGN TOKENS (LIGHT & DARK DUAL-ENGINE)
   -------------------------------------------------------------------------- */
:root {
  color-scheme: dark;

  /* DARK THEME DEFAULT: Modern Charcoal Black (Kömür Siyahı) — Zero Pitch Black Abyss */
  --bg: #14151a;
  --bg-soft: #181a22;
  --bg-card: #1e2028;
  --fg: #f8fafc;
  --fg-soft: #cbd5e1;
  --fg-dim: #94a3b8;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);
  --accent: #0066ff;
  --accent-hover: #38bdf8;
  --accent-ink: #ffffff;
  --good: #10b981;
  --good-bg: rgba(16, 185, 129, 0.15);
  --good-border: rgba(16, 185, 129, 0.4);
  --warn: #f59e0b;
  --warn-bg: rgba(245, 158, 11, 0.15);
  --warn-border: rgba(245, 158, 11, 0.4);
  --bad: #ef4444;
  --bad-bg: rgba(239, 68, 68, 0.15);
  --bad-border: rgba(239, 68, 68, 0.4);
  --muted: #94a3b8;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 30px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
  --radius: 18px;
  --radius-sm: 12px;
  --maxw: 1080px;
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* Legacy & Platform Variables */
  --paper: var(--bg);
  --card: var(--bg-card);
  --ink: var(--fg);
  --soft: var(--bg-soft);
  --blue: var(--accent);
  --blue-bright: var(--accent);
  --green: var(--good);
  --orange: var(--warn);
  --red: var(--bad);

  --hh-paper: var(--bg);
  --hh-panel: var(--bg-card);
  --hh-ink: var(--fg);
  --hh-muted: var(--fg-dim);
  --hh-line: var(--line);
  --hh-soft: var(--bg-soft);
  --hh-accent: var(--accent);

  --px-paper: var(--bg);
  --px-card: var(--bg-card);
  --px-ink: var(--fg);
  --px-muted: var(--fg-soft);
  --px-line: var(--line);
  --px-blue: var(--accent);
  --px-blue-soft: rgba(0, 102, 255, 0.08);
  --px-shadow: var(--shadow);
}

html[data-theme="dark"] {
  color-scheme: dark;

  /* DARK THEME: Modern Charcoal Black (Kömür Siyahı) */
  --bg: #14151a;
  --bg-soft: #181a22;
  --bg-card: #1e2028;
  --fg: #ededed;
  --fg-soft: #cbd5e1;
  --fg-dim: #94a3b8;
  --line: #262933;
  --line-strong: #333745;
  --accent: #2563eb;
  --accent-hover: #3b82f6;
  --accent-ink: #ffffff;
  --good: #10b981;
  --good-bg: rgba(16, 185, 129, 0.12);
  --good-border: rgba(16, 185, 129, 0.3);
  --warn: #f59e0b;
  --warn-bg: rgba(245, 158, 11, 0.12);
  --warn-border: rgba(245, 158, 11, 0.3);
  --bad: #ef4444;
  --bad-bg: rgba(239, 68, 68, 0.12);
  --bad-border: rgba(239, 68, 68, 0.3);
  --muted: #94a3b8;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 16px 40px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.75);

  --paper: var(--bg);
  --card: var(--bg-card);
  --ink: var(--fg);
  --soft: var(--bg-soft);
  --blue: var(--accent);
  --blue-bright: #38bdf8;
  --green: var(--good);
  --orange: var(--warn);
  --red: var(--bad);

  --hh-paper: var(--bg);
  --hh-panel: var(--bg-card);
  --hh-ink: var(--fg);
  --hh-muted: var(--fg-dim);
  --hh-line: var(--line);
  --hh-soft: var(--bg-soft);
  --hh-accent: var(--accent);

  --px-paper: var(--bg);
  --px-card: var(--bg-card);
  --px-ink: var(--fg);
  --px-muted: var(--fg-soft);
  --px-line: var(--line);
  --px-blue: var(--accent);
  --px-blue-soft: rgba(37, 99, 235, 0.15);
  --px-shadow: var(--shadow);
}

/* --------------------------------------------------------------------------
   02. BASE BODY & CORE TYPOGRAPHY (APPLE.COM STANDARD SYSTEM)
   -------------------------------------------------------------------------- */
body {
  background-color: var(--bg) !important;
  color: var(--fg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Icons", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.4705882353 !important;
  letter-spacing: -0.022em !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility;
  margin: 0;
  transition: background-color 0.2s ease, color 0.2s ease;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--fg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

h1 {
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
}

h2 {
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

h3 {
  letter-spacing: -0.015em !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

p, li {
  color: var(--fg-soft);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Icons", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.022em;
}

button, input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Icons", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

a {
  color: var(--accent);
  text-decoration: none;
  transition: color 0.15s ease;
}
a:hover {
  text-decoration: underline;
}

/* --------------------------------------------------------------------------
   03. HEADER, TOPBAR & THEME SWITCH (ULTRA-PREMIUM ZERO-WRAP ENGINE)
   -------------------------------------------------------------------------- */
.topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 99 !important;
  height: 56px !important;
  background: var(--bg) !important;
  border-bottom: 1px solid var(--line) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
}
html[data-theme="dark"] .topbar {
  background: rgba(10, 11, 14, 0.85) !important;
}
:root .topbar {
  background: rgba(10, 11, 14, 0.85) !important;
}

.topbar-shell {
  max-width: var(--maxw, 1080px) !important;
  height: 56px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}

.brand {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
}
.brand-logo {
  height: 28px !important;
  width: auto !important;
  display: block !important;
}
footer .brand-logo {
  height: 24px !important;
  width: auto !important;
}

.primary-nav, .topbar nav {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}
.primary-nav a, .topbar nav a {
  color: var(--fg-soft) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  white-space: nowrap !important;
}
.primary-nav a:hover, .topbar nav a:hover {
  color: var(--fg) !important;
  text-decoration: none !important;
}

.nav-actions, .exec-nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.theme-switch {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.12)) !important;
  border-radius: 999px !important;
  padding: 2px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme="light"] .theme-switch {
  background: rgba(241, 245, 249, 0.95) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}
.theme-switch button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 26px !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--theme-text-secondary, #94a3b8) !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.theme-switch button:hover {
  color: var(--theme-text-strong, #ffffff) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-1px) !important;
}
html[data-theme="light"] .theme-switch button {
  color: var(--theme-text-secondary, #64748b) !important;
}
html[data-theme="light"] .theme-switch button:hover {
  color: #0f172a !important;
  background: rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-1px) !important;
}
.theme-switch button[data-theme-choice="light"][aria-pressed="true"] {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #fbbf24 !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.25) !important;
}
html[data-theme="light"] .theme-switch button[data-theme-choice="light"][aria-pressed="true"] {
  background: rgba(37, 99, 235, 0.22) !important;
  color: #60a5fa !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
  box-shadow: 0 0 10px rgba(37, 99, 235, 0.3) !important;
}
.theme-switch button[data-theme-choice="dark"][aria-pressed="true"] {
  background: rgba(37, 99, 235, 0.22) !important;
  color: #60a5fa !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
  box-shadow: 0 0 10px rgba(37, 99, 235, 0.3) !important;
}
html[data-theme="light"] .theme-switch button[data-theme-choice="dark"][aria-pressed="true"] {
  background: #0f172a !important;
  color: #93c5fd !important;
  border-color: var(--theme-border, #1e293b) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
}
.theme-switch button[data-theme-choice="system"][aria-pressed="true"] {
  background: rgba(56, 189, 248, 0.18) !important;
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.25) !important;
}
html[data-theme="light"] .theme-switch button[data-theme-choice="system"][aria-pressed="true"] {
  background: rgba(56, 189, 248, 0.18) !important;
  color: #38bdf8 !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.25) !important;
}
.theme-switch .theme-icon {
  display: block !important;
  pointer-events: none !important;
  transition: transform 0.18s ease !important;
}
.theme-switch button:hover .theme-icon {
  transform: scale(1.1) !important;
}

.langs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}
.langs a, .langs button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid var(--line) !important;
  background: var(--bg-soft) !important;
  color: var(--fg) !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
}
.langs a:hover, .langs button:hover {
  border-color: var(--fg-dim) !important;
  color: var(--fg) !important;
}

.nav-scan-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--accent) !important;
  color: var(--theme-text-strong, #ffffff) !important;
  border-radius: 999px !important;
  height: 34px !important;
  padding: 0 16px !important;
  font-size: 14.5px !important;
  font-weight: 750 !important;
  border: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: all 0.15s ease !important;
}
.nav-scan-cta:hover {
  filter: brightness(1.1) !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
  text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   04. SCANNER AREA & FORM CONTROLS (LLMS-TXT-VALIDATOR BLUE BORDER & NO ISLAND)
   -------------------------------------------------------------------------- */
.scanbox {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.scanbox .tabs {
  display: none !important;
  gap: 4px;
  background: rgba(0, 0, 0, 0.05);
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--line);
  margin-bottom: 16px;
}
html[data-theme="dark"] .scanbox .tabs {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--theme-border, rgba(255, 255, 255, 0.1));
}
.scanbox .tabs button {
  border: 0 !important;
  background: transparent !important;
  color: var(--fg-dim) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  font-family: inherit !important;
}
.scanbox .tabs button.active {
  background: var(--bg-card) !important;
  color: var(--fg) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

.scanbox .field {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: var(--theme-bg-surface, #181a22) !important;
  border: 2px solid #0066ff !important;
  border-radius: 999px !important;
  padding: 6px 6px 6px 24px !important;
  min-height: 62px !important;
  box-shadow: 0 4px 24px rgba(0, 102, 255, 0.25) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  text-align: left !important;
}
html[data-theme="dark"] .scanbox .field {
  background: var(--theme-bg-surface, #181a22) !important;
  border: 2px solid #0066ff !important;
  box-shadow: 0 4px 24px rgba(0, 102, 255, 0.25) !important;
}
html[data-theme="light"] .scanbox .field {
  background: #ffffff !important;
  border: 2px solid #0066ff !important;
  box-shadow: 0 4px 20px rgba(0, 102, 255, 0.12) !important;
}
.scanbox .field:focus-within {
  border-color: #0066ff !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.35), 0 0 32px rgba(0, 102, 255, 0.35) !important;
}
.scanbox .field input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0f172a !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Icons", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 17px !important;
  letter-spacing: -0.022em !important;
  outline: none !important;
}
html[data-theme="dark"] .scanbox .field input {
  color: var(--theme-text-strong, #ffffff) !important;
}
.scanbox .field input::placeholder {
  color: var(--theme-text-secondary, #94a3b8) !important;
  opacity: 0.85 !important;
}

/* Compact, unclipped high-contrast button */
.scanbox .field button[type="submit"],
#scanButton {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: 220px !important;
  white-space: nowrap !important;
  border: 0 !important;
  background: #0066ff !important;
  color: var(--theme-text-strong, #ffffff) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Icons", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  padding: 0 24px !important;
  height: 50px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.35) !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
}
.scanbox .field button[type="submit"]:hover,
#scanButton:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.45) !important;
}

.scan-chips {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.scan-chips span {
  font-size: 14px;
  color: var(--fg-dim);
}
.scan-chips .chip-btn {
  background: var(--bg-soft) !important;
  border: 1px solid var(--line) !important;
  color: var(--fg-soft) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.scan-chips .chip-btn:hover {
  color: var(--fg) !important;
  border-color: var(--accent) !important;
}

/* --------------------------------------------------------------------------
   05. PIPELINE FLOW INFOGRAPHIC (FIX SCANEVIDENCE COLLISION)
   -------------------------------------------------------------------------- */
.pipeline-flow {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  max-width: 1080px !important;
  margin: 28px auto 36px !important;
  padding: 0 !important;
  align-items: stretch !important;
}

.authority-proof {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 24px auto 36px !important;
  padding: 0 !important;
}

.pipeline-flow .pipeline-arrow {
  display: none !important;
}

.authority-proof span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  color: var(--fg) !important;
  box-shadow: var(--shadow) !important;
  transition: transform 0.15s ease, border-color 0.15s ease !important;
}
.authority-proof span:hover {
  transform: translateY(-1px) !important;
  border-color: var(--accent) !important;
}

.pipeline-flow .pipeline-node {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 16px 10px !important;
  border-radius: 18px !important;
  border: 1px solid var(--line) !important;
  background: var(--bg-card) !important;
  color: var(--fg) !important;
  box-shadow: var(--shadow) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.pipeline-flow .pipeline-node:hover {
  transform: translateY(-2px) !important;
}

.pipeline-flow .node-badge {
  display: inline-grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: var(--bg-soft) !important;
  color: var(--accent) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.pipeline-flow .node-title {
  display: block !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
}

.pipeline-flow .node-desc {
  display: block !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--fg-dim) !important;
  border-left: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.pipeline-flow .pipeline-node:nth-child(1) { border-top: 3px solid #0066ff !important; }
.pipeline-flow .pipeline-node:nth-child(3) { border-top: 3px solid #8b5cf6 !important; }
.pipeline-flow .pipeline-node:nth-child(5) { border-top: 3px solid #f59e0b !important; }
.pipeline-flow .pipeline-node:nth-child(7) { border-top: 3px solid #10b981 !important; }
.pipeline-flow .pipeline-node:nth-child(9) { border-top: 3px solid #0066ff !important; }
.pipeline-flow .pipeline-node:nth-child(11) { border-top: 3px solid #8b5cf6 !important; }

html[data-theme="dark"] .pipeline-flow .pipeline-node {
  background: rgba(15, 23, 42, 0.75) !important;
  border-color: var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .pipeline-flow .pipeline-node .node-desc {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .pipeline-flow .pipeline-node:nth-child(1) { box-shadow: 0 0 20px -4px rgba(0, 102, 255, 0.25) !important; }
html[data-theme="dark"] .pipeline-flow .pipeline-node:nth-child(3) { box-shadow: 0 0 20px -4px rgba(139, 92, 246, 0.25) !important; }
html[data-theme="dark"] .pipeline-flow .pipeline-node:nth-child(5) { box-shadow: 0 0 20px -4px rgba(245, 158, 11, 0.25) !important; }
html[data-theme="dark"] .pipeline-flow .pipeline-node:nth-child(7) { box-shadow: 0 0 24px -4px rgba(16, 185, 129, 0.35) !important; }
html[data-theme="dark"] .pipeline-flow .pipeline-node:nth-child(9) { box-shadow: 0 0 20px -4px rgba(0, 102, 255, 0.25) !important; }
html[data-theme="dark"] .pipeline-flow .pipeline-node:nth-child(11) { box-shadow: 0 0 20px -4px rgba(139, 92, 246, 0.25) !important; }

@media(max-width: 960px) {
  .pipeline-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media(max-width: 600px) {
  .pipeline-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* --------------------------------------------------------------------------
   06. NEUROMARKETING INFOGRAPHIC CARDS (WOW EFFECT)
   -------------------------------------------------------------------------- */
.ai-value-chain,
.px-engine-rail,
.px-three-flow,
.px-knowledge-flow {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 32px 0 !important;
}
.px-three-flow {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.ai-value-chain article,
.px-engine-phase,
.px-three-step,
.px-knowledge-step,
.ai-stage-card {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  border-radius: 18px !important;
  padding: 24px 22px !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow) !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  overflow: hidden !important;
}

.ai-value-chain article:hover,
.px-engine-phase:hover,
.px-three-step:hover,
.px-knowledge-step:hover,
.ai-stage-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--accent) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.12) !important;
}

/* Subtle top glow line */
.ai-value-chain article::before,
.px-engine-phase::before,
.px-three-step::before,
.px-knowledge-step::before,
.ai-stage-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--accent), transparent) !important;
  opacity: 0.8 !important;
}

/* Infographic Header Badge */
.stage-head,
.phase-badge {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}
.stage-head b,
.px-engine-phase .num,
.px-three-step .num,
.px-knowledge-step .num,
.phase-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: var(--bg-soft) !important;
  color: var(--accent) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  border: 1px solid var(--line) !important;
}
.stage-chip,
.phase-tag {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--accent) !important;
  background: rgba(37, 99, 235, 0.08) !important;
  border: 1px solid rgba(37, 99, 235, 0.2) !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
}

.ai-value-chain h3,
.px-engine-phase h3,
.px-three-step h3,
.px-knowledge-step h3 {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
  color: var(--fg) !important;
}

.ai-value-chain p,
.px-engine-phase p,
.px-three-step p,
.px-knowledge-step p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--fg-soft) !important;
  margin: 0 !important;
}

.px-engine-outcome,
.outcome {
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--line) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  color: var(--good) !important;
  line-height: 1.5 !important;
}

/* Call to action inside flow cards */
.px-three-step a,
.px-knowledge-step a {
  margin-top: auto !important;
  padding-top: 14px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--accent) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.px-three-step a:hover,
.px-knowledge-step a:hover {
  text-decoration: underline !important;
}

.px-three-step.paid {
  border: 2px solid var(--accent) !important;
}
html[data-theme="dark"] .px-three-step.paid {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.08) 0%, #1e2028 100%) !important;
}

/* --------------------------------------------------------------------------
   07. SPLIT REPORT CARD (.px-report-split) - ZERO BLINDING GLARE
   -------------------------------------------------------------------------- */
.px-report-split {
  width: min(var(--px-content), calc(100% - 48px)) !important;
  margin: 34px auto 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 44px 1fr !important;
  border: 1px solid var(--line) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow) !important;
}

:root .px-report-split {
  background: var(--theme-bg-surface, #1e2028) !important;
}
:root .px-report-split article:first-child {
  background: var(--theme-bg-surface, #1e2028) !important;
  color: var(--theme-text-primary, #f8fafc) !important;
}
:root .px-report-split article:first-child h3 {
  color: var(--theme-text-strong, #ffffff) !important;
}
:root .px-report-split article:first-child p,
:root .px-report-split article:first-child li {
  color: var(--theme-text-secondary, #cbd5e1) !important;
}
:root .px-report-split .bridge {
  background: var(--theme-bg-surface, #181a22) !important;
  border-inline: 1px solid var(--theme-border, rgba(255, 255, 255, 0.09)) !important;
  color: var(--theme-text-secondary, #94a3b8) !important;
  font-weight: 900 !important;
  display: grid !important;
  place-items: center !important;
}
:root .px-report-split .paid {
  background: var(--theme-bg-surface, #1a2233) !important;
  color: var(--theme-text-primary, #f8fafc) !important;
}
:root .px-report-split .paid h3 {
  color: var(--theme-text-strong, #ffffff) !important;
}
:root .px-report-split .paid p,
:root .px-report-split .paid li {
  color: var(--theme-text-secondary, #cbd5e1) !important;
}

html[data-theme="dark"] .px-report-split {
  background: var(--theme-bg-surface, #1e2028) !important;
  border: 1px solid var(--theme-border, #282b36) !important;
}
html[data-theme="dark"] .px-report-split article:first-child {
  background: var(--theme-bg-surface, #1e2028) !important;
  color: var(--theme-text-primary, #ededed) !important;
}
html[data-theme="dark"] .px-report-split article:first-child h3 {
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .px-report-split article:first-child p,
html[data-theme="dark"] .px-report-split article:first-child li {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .px-report-split .bridge {
  background: var(--theme-bg-surface, #181a22) !important;
  border-inline: 1px solid var(--theme-border, #282b36) !important;
  color: var(--theme-text-secondary, #64748b) !important;
  display: grid !important;
  place-items: center !important;
  font-weight: 900 !important;
}
html[data-theme="dark"] .px-report-split .paid {
  background: var(--theme-bg-surface, #1a2233) !important;
  color: var(--theme-text-primary, #ededed) !important;
  border-left: 1px solid rgba(37, 99, 235, 0.3) !important;
}
html[data-theme="dark"] .px-report-split .paid h3 {
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .px-report-split .paid p,
html[data-theme="dark"] .px-report-split .paid li {
  color: var(--theme-text-secondary, #cbd5e1) !important;
}

.px-report-split .price {
  background: var(--accent) !important;
  color: var(--theme-text-strong, #ffffff) !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  display: inline-block !important;
}

/* --------------------------------------------------------------------------
   08. 2-TIER PRICING GRID ($0, $99) - BULLETPROOF DUAL CONTRAST
   -------------------------------------------------------------------------- */
.pricing-grid.pricing-three,
.px-report-boundary.px-three-tiers {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
  margin-top: 36px !important;
}

.pricing-grid.pricing-three article,
.px-three-tiers article {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  border-radius: 20px !important;
  padding: 32px 26px !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.pricing-grid.pricing-three article:hover,
.px-three-tiers article:hover {
  transform: translateY(-3px) !important;
}

/* Root Pricing Colors — Dark Obsidian Default */
:root .pricing-grid.pricing-three article,
:root .px-three-tiers article {
  background: var(--theme-bg-surface, #1e2028) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  color: var(--theme-text-primary, #f8fafc) !important;
}
:root .pricing-grid.pricing-three article > p,
:root .px-three-tiers article > p {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
:root .pricing-grid.pricing-three article li,
:root .px-three-tiers article li {
  border-color: var(--theme-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
}
:root .pricing-grid.pricing-three .pricehead strong,
:root .px-three-tiers article h2 {
  color: var(--theme-text-strong, #ffffff) !important;
}
:root .pricing-grid.pricing-three .pricehead span {
  color: var(--theme-text-secondary, #94a3b8) !important;
}

/* Dark Theme Pricing Colors */
html[data-theme="dark"] .pricing-grid.pricing-three article,
html[data-theme="dark"] .px-three-tiers article {
  background: var(--theme-bg-surface, #1e2028) !important;
  border: 1px solid var(--theme-border, #282b36) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
  color: var(--theme-text-primary, #ededed) !important;
}
html[data-theme="dark"] .pricing-grid.pricing-three article > p,
html[data-theme="dark"] .px-three-tiers article > p {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .pricing-grid.pricing-three article li,
html[data-theme="dark"] .px-three-tiers article li {
  border-color: #1e222d !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
}
html[data-theme="dark"] .pricing-grid.pricing-three .pricehead strong,
html[data-theme="dark"] .px-three-tiers article h2 {
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .pricing-grid.pricing-three .pricehead span {
  color: var(--theme-text-secondary, #94a3b8) !important;
}

/* Tier 1 ($0 Free) Button */
.pricing-grid.pricing-three article:first-child a,
.px-three-tiers .px-report-free a {
  margin-top: auto !important;
  border: 1px solid var(--line-strong) !important;
  background: transparent !important;
  color: var(--fg) !important;
  border-radius: 12px !important;
  padding: 13px !important;
  text-align: center !important;
  font-weight: 750 !important;
  text-decoration: none !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}
.pricing-grid.pricing-three article:first-child a:hover,
.px-three-tiers .px-report-free a:hover {
  background: var(--bg-soft) !important;
  border-color: var(--fg) !important;
}

/* Tier 2 ($99 Pro Featured) */
.pricing-grid.pricing-three article.featured,
.px-three-tiers .px-report-paid {
  border: 2px solid #2563eb !important;
  box-shadow: 0 12px 36px rgba(37, 99, 235, 0.18) !important;
  padding-top: 68px !important;
}
html[data-theme="dark"] .pricing-grid.pricing-three article.featured,
html[data-theme="dark"] .px-three-tiers .px-report-paid {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.08) 0%, #1e2028 100%) !important;
  border: 2px solid #2563eb !important;
  box-shadow: 0 16px 48px rgba(37, 99, 235, 0.25) !important;
}
.pricing-grid.pricing-three .popular,
.px-three-tiers .px-report-paid .eyebrow {
  position: absolute !important;
  top: 18px !important;
  left: 22px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: var(--theme-text-strong, #ffffff) !important;
  text-transform: uppercase !important;
}
.pricing-grid.pricing-three article.featured a.solid,
.px-three-tiers .px-report-paid .primary {
  margin-top: auto !important;
  background: #2563eb !important;
  color: var(--theme-text-strong, #ffffff) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px !important;
  text-align: center !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35) !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
}
.pricing-grid.pricing-three article.featured a.solid:hover,
.px-three-tiers .px-report-paid .primary:hover {
  background: #1d4ed8 !important;
  transform: translateY(-1px) !important;
}

/* Optional VIP / Enterprise accent classes (archived) */
.pricing-grid.pricing-three article.enterprise-tier,
.px-three-tiers .px-report-enterprise {
  box-shadow: 0 12px 36px rgba(245, 158, 11, 0.14) !important;
  padding-top: 68px !important;
}
html[data-theme="dark"] .pricing-grid.pricing-three article.enterprise-tier,
html[data-theme="dark"] .px-three-tiers .px-report-enterprise {
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.08) 0%, #1e2028 100%) !important;
  border: 2px solid #f59e0b !important;
  box-shadow: 0 16px 48px rgba(245, 158, 11, 0.22) !important;
}
.pricing-grid.pricing-three .vip-badge,
.px-three-tiers .px-report-enterprise .vip-tag {
  position: absolute !important;
  top: 18px !important;
  left: 22px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #121316 !important;
  text-transform: uppercase !important;
}
.pricing-grid.pricing-three a.solid.enterprise-btn,
.px-three-tiers .enterprise-cta {
  margin-top: auto !important;
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #121316 !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 14px !important;
  text-align: center !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(245, 158, 11, 0.3) !important;
  transition: filter 0.15s ease, transform 0.15s ease !important;
}
.pricing-grid.pricing-three a.solid.enterprise-btn:hover,
.px-three-tiers .enterprise-cta:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px) !important;
}

/* Compare / Product Boundary Box */
.compare {
  margin: 32px auto 0 !important;
  padding: 22px 28px !important;
  border-radius: 16px !important;
  border: 1px solid var(--line) !important;
  background: var(--bg-card) !important;
  color: var(--fg) !important;
  box-shadow: var(--shadow) !important;
}
.compare b {
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  color: var(--accent) !important;
  margin-bottom: 8px !important;
}
.compare p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: var(--fg-soft) !important;
}
.compare strong {
  color: var(--fg) !important;
}

/* --------------------------------------------------------------------------
   09. "SİTEMDE HANGİ HALKA KOPUYOR?" & ACTION BUTTONS
   -------------------------------------------------------------------------- */
.px-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
}
.px-actions a.primary {
  background: var(--accent) !important;
  color: var(--theme-text-strong, #ffffff) !important;
  border: 1px solid var(--accent) !important;
  border-radius: 12px !important;
  padding: 13px 24px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35) !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
}
.px-actions a.primary:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px) !important;
}
.px-actions a:not(.primary) {
  background: var(--bg-card) !important;
  color: var(--fg) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 12px !important;
  padding: 13px 24px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  transition: border-color 0.15s ease !important;
}
.px-actions a:not(.primary):hover {
  border-color: var(--accent) !important;
}

.ai-opportunity-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 24px 0 18px !important;
}
.ai-opportunity-primary {
  background: var(--accent) !important;
  color: var(--theme-text-strong, #ffffff) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 13px 26px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35) !important;
  transition: transform 0.15s ease, filter 0.15s ease !important;
}
.ai-opportunity-primary:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.1) !important;
}
.ai-opportunity-secondary {
  background: var(--bg-card) !important;
  color: var(--fg) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 999px !important;
  padding: 13px 26px !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: transform 0.15s ease, border-color 0.15s ease !important;
}
.ai-opportunity-secondary:hover {
  transform: translateY(-1px) !important;
  border-color: var(--accent) !important;
}

/* --------------------------------------------------------------------------
   10. FINDINGS CARDS (CLONE llms-txt-validator.dev FINDINGS)
   -------------------------------------------------------------------------- */
.finding {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  padding: 22px 26px !important;
  margin-bottom: 14px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.finding:hover {
  border-color: var(--line-strong) !important;
  transform: translateY(-2px) !important;
}

/* 4-Tier Left Accent & Ambient Shadows */
.finding.finding-tier-critical {
  border-left: 4.5px solid #ef4444 !important;
}
.finding.finding-tier-high {
  border-left: 4.5px solid #f97316 !important;
}
.finding.finding-tier-medium {
  border-left: 4.5px solid #eab308 !important;
}
.finding.finding-tier-low,
.finding.finding-tier-info {
  border-left: 4.5px solid #10b981 !important;
}

html[data-theme="dark"] .finding.finding-tier-critical {
  box-shadow: 0 4px 24px -4px rgba(239, 68, 68, 0.2) !important;
}
html[data-theme="dark"] .finding.finding-tier-high {
  box-shadow: 0 4px 24px -4px rgba(249, 115, 22, 0.2) !important;
}
html[data-theme="dark"] .finding.finding-tier-medium {
  box-shadow: 0 4px 24px -4px rgba(234, 179, 8, 0.2) !important;
}
html[data-theme="dark"] .finding.finding-tier-low,
html[data-theme="dark"] .finding.finding-tier-info {
  box-shadow: 0 4px 24px -4px rgba(16, 185, 129, 0.2) !important;
}

.finding h4 {
  font-size: 16.5px !important;
  font-weight: 750 !important;
  color: var(--fg) !important;
  margin: 2px 0 6px !important;
}
.finding p {
  color: var(--fg-soft) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 0 4px !important;
}
.finding-url {
  color: var(--fg-dim) !important;
  font-size: 14.5px !important;
  word-break: break-all !important;
  margin-top: 6px !important;
}

/* Premium Severity Pills (Never vertical towers) */
.severity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  width: auto !important;
  height: auto !important;
  max-width: fit-content !important;
  align-self: flex-start !important;
  margin: 0 !important;
}
.severity .sev-dot {
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  animation: sevPulse 2.5s infinite ease-in-out;
}
@keyframes sevPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.55; transform: scale(0.85); }
}

.severity.critical {
  color: #f87171 !important;
  background: rgba(239, 68, 68, 0.15) !important;
  border: 1px solid rgba(239, 68, 68, 0.4) !important;
}
.severity.critical .sev-dot {
  background: #ef4444 !important;
  box-shadow: 0 0 8px #ef4444 !important;
}

.severity.high {
  color: #fb923c !important;
  background: rgba(249, 115, 22, 0.15) !important;
  border: 1px solid rgba(249, 115, 22, 0.4) !important;
}
.severity.high .sev-dot {
  background: #f97316 !important;
  box-shadow: 0 0 8px #f97316 !important;
}

.severity.medium {
  color: #facc15 !important;
  background: rgba(234, 179, 8, 0.15) !important;
  border: 1px solid rgba(234, 179, 8, 0.4) !important;
}
.severity.medium .sev-dot {
  background: #eab308 !important;
  box-shadow: 0 0 8px #eab308 !important;
}

.severity.low, .severity.info {
  color: #34d399 !important;
  background: rgba(16, 185, 129, 0.15) !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
}
.severity.low .sev-dot, .severity.info .sev-dot {
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}

.finding-tags span {
  background: var(--bg-soft) !important;
  border: 1px solid var(--line) !important;
  color: var(--fg-dim) !important;
}

.locked-fix {
  background: rgba(37, 99, 235, 0.06) !important;
  border: 1px dashed rgba(37, 99, 235, 0.3) !important;
  color: var(--fg-soft) !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
}
.locked-fix strong {
  color: var(--accent) !important;
}

/* --------------------------------------------------------------------------
   11. SCORE GRID & SUMMARY
   -------------------------------------------------------------------------- */
.score-summary,
.results {
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  box-shadow: var(--shadow) !important;
}
.score-item {
  border-color: var(--line) !important;
}
.score-item strong {
  color: var(--fg) !important;
}
.score-item span {
  color: var(--fg-dim) !important;
}

/* --------------------------------------------------------------------------
   12. ENTERPRISE AI VISIBILITY & AUTHORITY SHOWCASE
   -------------------------------------------------------------------------- */
.classified-section {
  margin-top: 48px;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 24px;
  background: radial-gradient(circle at top center, rgba(245, 158, 11, 0.06), transparent 70%), var(--bg-card);
  padding: 42px 36px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}
.classified-header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 36px;
}
.classified-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.25);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}
.badge-dot {
  color: #f59e0b;
  font-size: 8px;
  line-height: 1;
}
.classified-header h3 {
  font-size: clamp(24px, 3.2vw, 36px);
  color: var(--fg);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.25;
  margin: 0 0 12px;
}
.classified-header p {
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--fg-soft);
  margin: 0;
  max-width: 720px;
  margin: 0 auto;
}
.classified-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.classified-card {
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}
.classified-card:hover {
  border-color: rgba(245, 158, 11, 0.45);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
}
.classified-card-head {
  margin-bottom: 14px;
}
.vector-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.vector-tag {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.2);
  padding: 3px 8px;
  border-radius: 5px;
}
.vector-metric {
  font-size: 15px;
  font-weight: 700;
  color: #10b981;
  background: rgba(16, 185, 129, 0.09);
  border: 1px solid rgba(16, 185, 129, 0.22);
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.classified-card-head h4 {
  font-size: 18px;
  font-weight: 800;
  color: var(--fg);
  line-height: 1.35;
  margin: 0 0 4px;
}
.vector-subtitle {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--fg-dim);
  letter-spacing: 0.02em;
}
.vector-desc {
  font-size: 14px;
  line-height: 1.6;
  color: var(--fg-soft);
  margin: 0 0 18px;
  flex-grow: 1;
}
.vector-deliverables {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.06));
  border-radius: 10px;
  padding: 12px 14px;
  margin-top: auto;
}
.deliverable-label {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #f59e0b;
  margin-bottom: 6px;
}
.vector-deliverables ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.vector-deliverables li {
  font-size: 14px;
  line-height: 1.45;
  color: var(--fg-soft);
}
.classified-footer {
  text-align: center;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.classified-footer-info {
  text-align: left;
  max-width: 600px;
}
.classified-footer-info strong {
  display: block;
  font-size: 15.5px;
  font-weight: 800;
  color: var(--fg);
  margin-bottom: 4px;
}
.classified-footer-info span {
  font-size: 15px;
  line-height: 1.5;
  color: var(--fg-soft);
}
.classified-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 28px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #121316 !important;
  font-weight: 800;
  font-size: 14.5px;
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.3);
  transition: transform 0.15s ease, filter 0.15s ease;
  white-space: nowrap;
}
.classified-cta:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
  text-decoration: none;
}
@media (max-width: 900px) {
  .classified-grid {
    grid-template-columns: 1fr;
  }
  .classified-footer {
    flex-direction: column;
    text-align: center;
  }
  .classified-footer-info {
    text-align: center;
  }
}


/* --------------------------------------------------------------------------
   13. CHECKOUT PAGE STYLING
   -------------------------------------------------------------------------- */
.checkout-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow-lg) !important;
}
.checkout-hero h1, .checkout-price strong {
  color: var(--fg) !important;
}
.checkout-hero p, .checkout-price span {
  color: var(--fg-soft) !important;
}
.checkout-domain {
  background: var(--bg-soft) !important;
  border: 1px solid var(--line) !important;
}
.checkout-domain b {
  color: var(--accent) !important;
}
.checkout-grid {
  background: var(--line) !important;
}
.checkout-panel {
  background: var(--bg-card) !important;
  color: var(--fg) !important;
}
.checkout-panel h2 {
  color: var(--fg) !important;
}
.file-stack div {
  border-bottom: 1px solid var(--line) !important;
  color: var(--fg-soft) !important;
}
.file-stack b {
  color: var(--fg) !important;
}
.checkout-flow {
  background: var(--bg-soft) !important;
}
.checkout-step {
  background: var(--bg-card) !important;
  border: 1px solid var(--line) !important;
  color: var(--fg) !important;
}
.checkout-step span {
  background: var(--accent) !important;
  color: var(--theme-text-strong, #ffffff) !important;
}
.checkout-step h3 {
  color: var(--fg) !important;
}
.checkout-step p {
  color: var(--fg-soft) !important;
}
.checkout-notice {
  background: rgba(245, 158, 11, 0.08) !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  color: var(--fg-soft) !important;
}
.checkout-notice strong {
  color: #f59e0b !important;
}
.checkout-security span {
  border: 1px solid var(--line) !important;
  color: var(--fg-dim) !important;
  background: var(--bg-soft) !important;
}
.checkout-disabled {
  background: var(--line) !important;
  color: var(--fg-dim) !important;
}

/* --------------------------------------------------------------------------
   14. RESPONSIVE MEDIA QUERIES
   -------------------------------------------------------------------------- */
@media (max-width: 980px) {
  .primary-nav, .topbar nav {
    display: none !important;
  }
  .pricing-grid.pricing-three,
  .px-report-boundary.px-three-tiers,
  .classified-grid,
  .ai-value-chain,
  .px-engine-rail,
  .px-knowledge-flow {
    grid-template-columns: 1fr 1fr !important;
  }
  .px-three-flow {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .pricing-grid.pricing-three,
  .px-report-boundary.px-three-tiers,
  .classified-grid,
  .ai-value-chain,
  .px-engine-rail,
  .px-knowledge-flow {
    grid-template-columns: 1fr !important;
  }
  .px-report-split {
    grid-template-columns: 1fr !important;
  }
  .px-report-split .bridge {
    height: 38px !important;
    border-inline: 0 !important;
    border-block: 1px solid var(--line) !important;
  }
  .scanbox .field {
    flex-direction: column !important;
    border-radius: 16px !important;
    padding: 10px !important;
  }
  .scanbox .field button[type="submit"],
  #scanButton {
    width: 100% !important;
    max-width: none !important;
  }
}


/* --------------------------------------------------------------------------
   PDF EXPORT & RESULT HEADER ENHANCEMENT
   -------------------------------------------------------------------------- */
.result-head {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  width: 100% !important;
  margin-bottom: 24px !important;
}
.result-head-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  width: 100% !important;
}
.result-head-info {
  flex: 1 !important;
  min-width: 0 !important;
}
.result-head-score {
  flex-shrink: 0 !important;
}
.result-head-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100% !important;
}
.result-head-actions > * {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}
.btn-pdf-export {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--bg-card) !important;
  color: var(--fg) !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  height: 38px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
}
.btn-pdf-export:hover {
  background: var(--accent) !important;
  color: var(--theme-text-strong, #ffffff) !important;
  border-color: var(--accent) !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3) !important;
  transform: translateY(-1px);
}
.btn-pdf-export svg {
  flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   30+ FILE VERSIONED ENTERPRISE DELIVERY MANIFEST STYLING
   -------------------------------------------------------------------------- */
.px-delivery-category {
  margin-bottom: 36px;
}
.px-delivery-category-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 17px;
  font-weight: 800;
  color: var(--fg);
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.px-delivery-category-title .badge {
  font-size: 15px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--bg-soft);
  color: var(--fg-dim);
  border: 1px solid var(--line);
}
.px-delivery-category-title.vip .badge {
  background: rgba(245, 158, 11, 0.15);
  color: #f59e0b;
  border-color: rgba(245, 158, 11, 0.3);
}
.px-delivery-grid-22 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}
.px-file-card {
  display: flex;
  flex-direction: column;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 14px 16px;
  position: relative;
  transition: all 0.15s ease;
}
.px-file-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.px-file-card.vip {
  border-color: rgba(245, 158, 11, 0.25);
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.03) 0%, var(--bg-card) 100%);
}
.px-file-card.vip:hover {
  border-color: #f59e0b;
  box-shadow: 0 6px 18px rgba(245, 158, 11, 0.12);
}
.px-file-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.px-file-card b {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 14.5px;
  font-weight: 750;
  color: var(--fg);
}
.px-file-card .format-pill {
  font-size: 15px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--bg-soft);
  color: var(--fg-dim);
  border: 1px solid var(--line);
}
.px-file-card.vip .format-pill {
  background: rgba(245, 158, 11, 0.12);
  color: #d97706;
  border-color: rgba(245, 158, 11, 0.25);
}
html[data-theme="dark"] .px-file-card.vip .format-pill {
  color: #fbbf24;
}
.px-file-card p {
  font-size: 14px;
  color: var(--fg-dim);
  line-height: 1.45;
  margin: 0;
}

/* --------------------------------------------------------------------------
   EXECUTIVE WHITEPAPER PRINT ENGINE (@media print)
   RULE: Plain white page with pure black text for findings and report export.
   -------------------------------------------------------------------------- */
@media print {
  @page {
    margin: 1.2cm 1cm;
    size: A4 portrait;
  }

  /* 1. Global Reset to Pure White Background and Deep Black Text */
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  html,
  html[data-theme],
  html[data-theme="dark"],
  html[data-theme="light"],
  body,
  html[data-theme] body,
  html[data-theme="dark"] body,
  html[data-theme="light"] body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 10pt !important;
    line-height: 1.45 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* 2. Hide Everything Not Part of the Audit Report */
  .topbar,
  header,
  footer,
  .hero,
  .kicker,
  .scanbox,
  .tabs,
  .scan-chips,
  .signals,
  .px-section,
  .enterprise-nine-pillars,
  .classified-section,
  .px-delivery-manifest-section,
  .pricing,
  .faq,
  .ai-opportunity,
  .btn-pdf-export,
  .theme-switch,
  .langs,
  .nav-scan-cta,
  .nav-actions,
  .primary-nav,
  .skip,
  .mandate-card,
  .locked-fix,
  .finding-conversion-teaser,
  .findings-filter-bar,
  #findingsFilterBar,
  .status,
  .copy-bubble,
  section[data-commercial-intent],
  aside[data-commercial-intent],
  div[data-commercial-intent],
  .pillar-footer-banner,
  .banner-cta,
  .health-roadmap-deck,
  #homepageIntelligence,
  .tool-intelligence,
  .pillars-deep-link,
  .intel-bridge-banner,
  .intel-filter-bar {
    display: none !important;
  }

  /* Explicitly ensure main is displayed in print */
  main,
  html[data-theme] main,
  html[data-theme="dark"] main,
  html[data-theme="light"] main {
    display: block !important;
    visibility: visible !important;
    background: transparent !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. Report Container */
  #result.results,
  html[data-theme] #result.results,
  html[data-theme="dark"] #result.results,
  html[data-theme="light"] #result.results {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* 4. Report Header */
  .result-head,
  html[data-theme] .result-head,
  html[data-theme="dark"] .result-head {
    border-bottom: 2pt solid #000000 !important;
    padding-bottom: 10pt !important;
    margin-bottom: 14pt !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  .result-head .eyebrow,
  html[data-theme] .result-head .eyebrow,
  html[data-theme="dark"] .result-head .eyebrow {
    font-size: 8.5pt !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    display: block !important;
    margin-bottom: 3pt !important;
  }

  .result-head h2,
  #resultDomain,
  html[data-theme] #resultDomain,
  html[data-theme="dark"] #resultDomain {
    font-size: 20pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.1 !important;
  }

  .result-head p,
  #resultMeta,
  html[data-theme] #resultMeta,
  html[data-theme="dark"] #resultMeta {
    color: #334155 !important;
    font-size: 8.5pt !important;
    margin: 0 !important;
  }

  /* Overall Score Box */
  .total-score,
  html[data-theme] .total-score,
  html[data-theme="dark"] .total-score {
    border: 2pt solid #000000 !important;
    border-radius: 6pt !important;
    padding: 6pt 12pt !important;
    text-align: center !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
  }

  .total-score strong,
  #overallScore,
  html[data-theme] #overallScore,
  html[data-theme="dark"] #overallScore {
    font-size: 26pt !important;
    font-weight: 900 !important;
    color: #000000 !important;
    line-height: 1 !important;
    text-shadow: none !important;
  }

  .total-score span,
  html[data-theme] .total-score span,
  html[data-theme="dark"] .total-score span {
    font-size: 9.5pt !important;
    color: var(--theme-text-secondary, #475569) !important;
    font-weight: 700 !important;
  }

  /* 5. 4-Pillars Summary */
  .result-pillars-grid,
  html[data-theme] .result-pillars-grid,
  html[data-theme="dark"] .result-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6pt !important;
    margin-bottom: 12pt !important;
    background: transparent !important;
  }

  .result-pillars-grid .pillar-card,
  html[data-theme] .result-pillars-grid .pillar-card,
  html[data-theme="dark"] .result-pillars-grid .pillar-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-radius: 4pt !important;
    padding: 6pt 8pt !important;
    box-shadow: none !important;
  }

  .result-pillars-grid .pillar-tag {
    font-size: 7pt !important;
    color: #000000 !important;
    font-weight: 800 !important;
  }

  .result-pillars-grid .pillar-score,
  .result-pillars-grid strong {
    font-size: 13pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
  }

  .result-pillars-grid h4 {
    font-size: 8.5pt !important;
    color: #000000 !important;
    font-weight: 800 !important;
    margin: 2pt 0 !important;
  }

  .result-pillars-grid p {
    font-size: 7.5pt !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  .pillar-meter {
    display: none !important;
  }

  /* 6. Score Grid (12 Engines) */
  .score-grid,
  html[data-theme] .score-grid,
  html[data-theme="dark"] .score-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 5pt !important;
    margin-bottom: 12pt !important;
    background: transparent !important;
  }

  .score-item,
  html[data-theme] .score-item,
  html[data-theme="dark"] .score-item {
    border: 1pt solid #cbd5e1 !important;
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    padding: 5pt 7pt !important;
    border-radius: 3pt !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .score-item span,
  html[data-theme] .score-item span,
  html[data-theme="dark"] .score-item span {
    font-size: 7.5pt !important;
    color: #1e293b !important;
    display: block !important;
    font-weight: 600 !important;
  }

  .score-item strong,
  html[data-theme] .score-item strong,
  html[data-theme="dark"] .score-item strong {
    font-size: 13pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
  }

  .score-item .meter {
    display: none !important;
  }

  .scan-disclosure,
  html[data-theme] .scan-disclosure,
  html[data-theme="dark"] .scan-disclosure {
    font-size: 7.5pt !important;
    color: var(--theme-text-secondary, #475569) !important;
    border-top: 1pt solid #cbd5e1 !important;
    padding-top: 4pt !important;
    margin-bottom: 12pt !important;
    background: transparent !important;
  }

  /* 7. Priority Summary */
  .priority-summary,
  html[data-theme] .priority-summary,
  html[data-theme="dark"] .priority-summary {
    border: 1.5pt solid #000000 !important;
    border-left: 5pt solid #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 8pt 10pt !important;
    margin-bottom: 14pt !important;
    border-radius: 3pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
  }

  .priority-summary h3,
  html[data-theme] .priority-summary h3,
  html[data-theme="dark"] .priority-summary h3 {
    font-size: 10pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    margin: 0 0 6pt 0 !important;
  }

  .priority-item,
  html[data-theme] .priority-item,
  html[data-theme="dark"] .priority-item {
    font-size: 8.5pt !important;
    color: #000000 !important;
    padding: 3pt 0 !important;
    border-bottom: 1pt solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6pt !important;
    background: transparent !important;
  }

  .priority-item span,
  .priority-item span b {
    color: #000000 !important;
  }

  /* 8. Findings List */
  .result-columns,
  html[data-theme] .result-columns,
  html[data-theme="dark"] .result-columns {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
  }

  .result-title,
  html[data-theme] .result-title,
  html[data-theme="dark"] .result-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    border-bottom: 1.5pt solid #000000 !important;
    padding-bottom: 4pt !important;
    margin-bottom: 10pt !important;
    background: transparent !important;
  }

  .result-title h3,
  html[data-theme] .result-title h3,
  html[data-theme="dark"] .result-title h3 {
    font-size: 13pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    margin: 0 !important;
  }

  #findingCount,
  html[data-theme] #findingCount,
  html[data-theme="dark"] #findingCount {
    font-size: 9pt !important;
    color: var(--theme-text-secondary, #475569) !important;
    font-weight: 700 !important;
  }

  .findings,
  html[data-theme] .findings,
  html[data-theme="dark"] .findings {
    display: block !important;
    background: transparent !important;
  }

  /* 9. Individual Finding Card (DUZ BEYAZ SAYFA, SIYAH YAZI) */
  .finding,
  html[data-theme] .finding,
  html[data-theme="dark"] .finding,
  article.finding,
  html[data-theme] article.finding,
  html[data-theme="dark"] article.finding {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-bottom: 2pt solid #64748b !important;
    border-radius: 4pt !important;
    padding: 10pt 12pt !important;
    margin-bottom: 10pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
    display: block !important;
  }

  /* Finding Tags Bar */
  .finding-tags,
  html[data-theme] .finding-tags,
  html[data-theme="dark"] .finding-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4pt !important;
    margin-bottom: 6pt !important;
    background: transparent !important;
  }

  .finding-tags span,
  html[data-theme] .finding-tags span,
  html[data-theme="dark"] .finding-tags span {
    padding: 2pt 6pt !important;
    font-size: 7.5pt !important;
    border-radius: 2pt !important;
    border: 1pt solid #cbd5e1 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 700 !important;
  }

  .finding-tags .severity,
  .severity,
  html[data-theme] .severity,
  html[data-theme="dark"] .severity {
    border: 1.5pt solid #000000 !important;
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  .finding-tags .tag-id,
  html[data-theme] .finding-tags .tag-id,
  html[data-theme="dark"] .finding-tags .tag-id {
    border: 1.5pt solid #000000 !important;
    background: #f1f5f9 !important;
    background-color: #f1f5f9 !important;
    color: #000000 !important;
    font-weight: 800 !important;
  }

  .finding-tags .tag-conf,
  html[data-theme] .finding-tags .tag-conf,
  html[data-theme="dark"] .finding-tags .tag-conf {
    border: 1pt solid #94a3b8 !important;
    color: #1e293b !important;
  }

  .finding-tags .tag-source,
  html[data-theme] .finding-tags .tag-source,
  html[data-theme="dark"] .finding-tags .tag-source {
    border: 1pt solid #94a3b8 !important;
    color: #1e293b !important;
  }

  .sev-dot {
    display: none !important;
  }

  /* Finding Content */
  .finding-content,
  html[data-theme] .finding-content,
  html[data-theme="dark"] .finding-content {
    background: transparent !important;
    color: #000000 !important;
  }

  .finding h4,
  html[data-theme] .finding h4,
  html[data-theme="dark"] .finding h4,
  .finding-content h4,
  html[data-theme] .finding-content h4,
  html[data-theme="dark"] .finding-content h4 {
    color: #000000 !important;
    font-size: 11pt !important;
    font-weight: 900 !important;
    margin: 0 0 4pt 0 !important;
    line-height: 1.3 !important;
  }

  .finding p,
  html[data-theme] .finding p,
  html[data-theme="dark"] .finding p,
  .finding-content p,
  html[data-theme] .finding-content p,
  html[data-theme="dark"] .finding-content p {
    color: #000000 !important;
    font-size: 9.5pt !important;
    line-height: 1.45 !important;
    margin: 0 0 4pt 0 !important;
  }

  .finding-url,
  html[data-theme] .finding-url,
  html[data-theme="dark"] .finding-url {
    display: block !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
    font-size: 8pt !important;
    color: #000000 !important;
    margin: 3pt 0 !important;
    word-break: break-all !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
  }

  .finding code,
  html[data-theme] .finding code,
  html[data-theme="dark"] .finding code {
    display: block !important;
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    color: #000000 !important;
    border: 1pt solid #cbd5e1 !important;
    padding: 5pt 7pt !important;
    font-size: 8pt !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    margin-top: 4pt !important;
    border-radius: 3pt !important;
    word-break: break-all !important;
    white-space: pre-wrap !important;
    box-shadow: none !important;
    font-weight: 500 !important;
  }
}

/* ==========================================================================
   05. DEFINITIVE HIGH-CONTRAST DARK MODE ENGINE (WCAG AAA COMPLIANT)
   Eliminates all unreadable text, low-contrast pills and muddy card backgrounds.
   ========================================================================== */

/* 1. BADGES, PILLS & CHIPS */
html[data-theme="dark"] .authority-proof span,
html[data-theme="dark"] .term-class,
html[data-theme="dark"] .source-chip,
html[data-theme="dark"] .glossary-proof span,
html[data-theme="dark"] .core-terms a,
html[data-theme="dark"] .mention-badge,
html[data-theme="dark"] .scan-chips span,
html[data-theme="dark"] .scan-chips .chip-btn,
html[data-theme="dark"] .news-meta span,
html[data-theme="dark"] .news-topic-pill,
html[data-theme="dark"] .news-read-time,
html[data-theme="dark"] .news-tags span,
html[data-theme="dark"] .px-trust-row span,
html[data-theme="dark"] .ai-term-strip a {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: var(--theme-text-primary, #f8fafc) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .authority-proof span b,
html[data-theme="dark"] .news-topic-pill,
html[data-theme="dark"] .ai-term-strip a b {
  color: var(--theme-text-primary, #f8fafc) !important;
}

/* Frameless kickers across all pages */
.kicker,
html[data-theme="dark"] .kicker {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #38bdf8 !important;
}
.kicker b,
html[data-theme="dark"] .kicker b {
  color: #38bdf8 !important;
}
html[data-theme="light"] .kicker,
html[data-theme="light"] .kicker b,
html[data-theme="light"] .hero .kicker,
html[data-theme="light"] .hero .kicker b,
html[data-theme="light"] .authority-hero .kicker,
html[data-theme="light"] .authority-hero .kicker b {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #0284c7 !important;
  font-weight: 800 !important;
}
.kicker span,
html[data-theme="dark"] .kicker span,
html[data-theme="light"] .kicker span {
  display: none !important;
}

/* 2. ALL CARDS & SURFACES ACROSS HOMEPAGE & SUBPAGES */
html[data-theme="dark"] .tool-panel,
html[data-theme="dark"] .authority-card,
html[data-theme="dark"] .glossary-panel,
html[data-theme="dark"] .term-card,
html[data-theme="dark"] .glossary-card,
html[data-theme="dark"] .reference-note,
html[data-theme="dark"] .term-blocks section,
html[data-theme="dark"] .ai-commercial-thesis,
html[data-theme="dark"] .ai-value-chain article,
html[data-theme="dark"] .ai-market-evidence article,
html[data-theme="dark"] .ai-opportunity-secondary,
html[data-theme="dark"] .evidence-grid article,
html[data-theme="dark"] .score-grid,
html[data-theme="dark"] .score-item,
html[data-theme="dark"] .priority-summary,
html[data-theme="dark"] .mandate-card,
html[data-theme="dark"] .news-card,
html[data-theme="dark"] .pillar-card,
html[data-theme="dark"] .comparison-wrap,
html[data-theme="dark"] .px-delivery-grid article,
html[data-theme="dark"] .ai-decision-map,
html[data-theme="dark"] .ai-lens,
html[data-theme="dark"] .ai-intelligence-row,
html[data-theme="dark"] .glossary-method,
html[data-theme="dark"] .glossary-cta {
  background: #080a0f !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08)) !important;
  color: #f1f5f9 !important;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08), 0 8px 24px -4px rgba(0, 0, 0, 0.7) !important;
}

html[data-theme="dark"] .tool-panel h2,
html[data-theme="dark"] .authority-card h3,
html[data-theme="dark"] .glossary-panel h2,
html[data-theme="dark"] .term-card h2,
html[data-theme="dark"] .glossary-card h2,
html[data-theme="dark"] .reference-note h2,
html[data-theme="dark"] .term-blocks h2,
html[data-theme="dark"] .ai-value-chain h3,
html[data-theme="dark"] .ai-market-evidence h3,
html[data-theme="dark"] .news-card h2,
html[data-theme="dark"] .news-card h2 a,
html[data-theme="dark"] .pillar-card strong,
html[data-theme="dark"] .glossary-method h2,
html[data-theme="dark"] .glossary-cta h2 {
  color: var(--theme-text-strong, #ffffff) !important;
}

html[data-theme="dark"] .tool-panel p,
html[data-theme="dark"] .authority-card p,
html[data-theme="dark"] .glossary-panel p,
html[data-theme="dark"] .term-definition,
html[data-theme="dark"] .term-section p,
html[data-theme="dark"] .reference-note p,
html[data-theme="dark"] .term-blocks p,
html[data-theme="dark"] .ai-value-chain p,
html[data-theme="dark"] .ai-market-evidence p,
html[data-theme="dark"] .ai-commercial-thesis,
html[data-theme="dark"] .news-card p,
html[data-theme="dark"] .pillar-card p,
html[data-theme="dark"] .px-delivery-grid p,
html[data-theme="dark"] .glossary-method p,
html[data-theme="dark"] .glossary-method li,
html[data-theme="dark"] .glossary-cta p {
  color: var(--theme-text-secondary, #cbd5e1) !important;
}

/* 3. INPUTS, SEARCH BARS & FORMS */
html[data-theme="dark"] .glossary-search input,
html[data-theme="dark"] .tool-form input {
  background: var(--theme-bg-surface, #181a22) !important;
  border-color: #2a3142 !important;
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .glossary-search {
  background: rgba(24, 26, 34, 0.85) !important;
  border-color: #282b38 !important;
}

/* 4. RESULTS, FINDINGS & METERS */
html[data-theme="dark"] .meter {
  background: #1e2330 !important;
}
/* Dynamic score meters & total badge */
html[data-theme="dark"] .total-score {
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .total-score strong {
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .total-score span {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .score-item span,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .ai-opportunity-eyebrow {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .score-item strong {
  color: var(--theme-text-strong, #ffffff);
}
html #scanStatus[hidden],
html .status[hidden],
html #scanStatus:empty,
html .status:empty,
html #toolStatus[hidden],
html .tool-status[hidden],
html #toolStatus:empty,
html .tool-status:empty,
html #mentionStatus[hidden],
html .mention-status[hidden],
html #mentionStatus:empty,
html .mention-status:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  height: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html #scanStatus,
html .status {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html #toolStatus,
html .tool-status,
html #mentionStatus {
  background: var(--theme-bg-surface, #181a22) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  color: var(--theme-text-strong, #ffffff) !important;
  box-shadow: 0 4px 24px -4px rgba(0, 102, 255, 0.25) !important;
}
html #scanStatus.error,
html .status.error,
html #toolStatus.error,
html .tool-status.error,
html #mentionStatus.error {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #fca5a5 !important;
  box-shadow: 0 4px 20px -4px rgba(239, 68, 68, 0.3) !important;
}
html[data-theme="dark"] .locked-fix {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px dashed rgba(255, 255, 255, 0.2) !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
}
html[data-theme="dark"] .finding code,
html[data-theme="dark"] .tool-finding code {
  background: #07080a !important;
  color: #38bdf8 !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
}
html[data-theme="dark"] .finding-tags span {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.14)) !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
}
html[data-theme="dark"] .finding-url {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .signals {
  color: var(--theme-text-secondary, #94a3b8) !important;
}
html[data-theme="dark"] .signals i {
  background: #475569 !important;
}

/* 5. TABLES & COMPARISON MATRICES */
html[data-theme="dark"] .comparison-table th {
  background: #161a23 !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
  border-bottom: 1px solid #1e2330 !important;
}
html[data-theme="dark"] .comparison-table td {
  color: #f1f5f9 !important;
  border-bottom: 1px solid #1e2330 !important;
}
html[data-theme="dark"] .comparison-table .limited {
  color: #fbbf24 !important;
}
html[data-theme="dark"] .comparison-table .yes {
  color: #34d399 !important;
}

/* 6. CALLOUTS & ACTIONS */
html[data-theme="dark"] .authority-callout {
  background: #161a24 !important;
  border: 1px solid #2a3142 !important;
  color: var(--theme-text-strong, #ffffff) !important;
}
html[data-theme="dark"] .authority-callout p {
  color: var(--theme-text-secondary, #cbd5e1) !important;
}
html[data-theme="dark"] .hero-actions a {
  background: var(--theme-bg-surface, #1e2028) !important;
  border-color: var(--theme-border, #282b36) !important;
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .hero-actions a.primary,
html[data-theme="dark"] .ai-opportunity-primary {
  background: #2563eb !important;
  color: var(--theme-text-strong, #ffffff) !important;
  border-color: #2563eb !important;
}
html[data-theme="dark"] .hero-actions a.primary:hover,
html[data-theme="dark"] .ai-opportunity-primary:hover {
  background: #1d4ed8 !important;
}
html[data-theme="dark"] .authority-card a,
html[data-theme="dark"] .term-sources a,
html[data-theme="dark"] .term-related a,
html[data-theme="dark"] .news-source a,
html[data-theme="dark"] .ai-market-evidence a {
  color: #38bdf8 !important;
}
html[data-theme="dark"] .authority-hero h1 em {
  color: var(--theme-text-secondary, #94a3b8) !important;
}

/* SYSTEM DARK MODE (PREFERS-COLOR-SCHEME) FALLBACK */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .authority-proof span,
  html:not([data-theme="light"]) .term-class,
  html:not([data-theme="light"]) .source-chip,
  html:not([data-theme="light"]) .glossary-proof span,
  html:not([data-theme="light"]) .core-terms a,
  html:not([data-theme="light"]) .mention-badge,
  html:not([data-theme="light"]) .scan-chips span,
  html:not([data-theme="light"]) .scan-chips .chip-btn,
  html:not([data-theme="light"]) .news-meta span,
  html:not([data-theme="light"]) .news-topic-pill,
  html:not([data-theme="light"]) .news-read-time,
  html:not([data-theme="light"]) .news-tags span,
  html:not([data-theme="light"]) .px-trust-row span,
  html:not([data-theme="light"]) .ai-term-strip a {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: var(--theme-text-primary, #f8fafc) !important;
    text-shadow: none !important;
  }

  html:not([data-theme="light"]) .authority-proof span b,
  html:not([data-theme="light"]) .news-topic-pill,
  html:not([data-theme="light"]) .ai-term-strip a b {
    color: var(--theme-text-primary, #f8fafc) !important;
  }

  html:not([data-theme="light"]) .tool-panel,
  html:not([data-theme="light"]) .authority-card,
  html:not([data-theme="light"]) .glossary-panel,
  html:not([data-theme="light"]) .term-card,
  html:not([data-theme="light"]) .glossary-card,
  html:not([data-theme="light"]) .reference-note,
  html:not([data-theme="light"]) .term-blocks section,
  html:not([data-theme="light"]) .ai-commercial-thesis,
  html:not([data-theme="light"]) .ai-value-chain article,
  html:not([data-theme="light"]) .ai-market-evidence article,
  html:not([data-theme="light"]) .ai-opportunity-secondary,
  html:not([data-theme="light"]) .evidence-grid article,
  html:not([data-theme="light"]) .score-grid,
  html:not([data-theme="light"]) .score-item,
  html:not([data-theme="light"]) .priority-summary,
  html:not([data-theme="light"]) .mandate-card,
  html:not([data-theme="light"]) .news-card,
  html:not([data-theme="light"]) .pillar-card,
  html:not([data-theme="light"]) .comparison-wrap,
  html:not([data-theme="light"]) .px-delivery-grid article,
  html:not([data-theme="light"]) .ai-decision-map,
  html:not([data-theme="light"]) .ai-lens,
  html:not([data-theme="light"]) .ai-intelligence-row,
  html:not([data-theme="light"]) .glossary-method,
  html:not([data-theme="light"]) .glossary-cta {
    background: #080a0f !important;
    border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.08)) !important;
    color: #f1f5f9 !important;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08), 0 8px 24px -4px rgba(0, 0, 0, 0.7) !important;
  }

  html:not([data-theme="light"]) .tool-panel h2,
  html:not([data-theme="light"]) .authority-card h3,
  html:not([data-theme="light"]) .glossary-panel h2,
  html:not([data-theme="light"]) .term-card h2,
  html:not([data-theme="light"]) .glossary-card h2,
  html:not([data-theme="light"]) .reference-note h2,
  html:not([data-theme="light"]) .term-blocks h2,
  html:not([data-theme="light"]) .ai-value-chain h3,
  html:not([data-theme="light"]) .ai-market-evidence h3,
  html:not([data-theme="light"]) .news-card h2,
  html:not([data-theme="light"]) .news-card h2 a,
  html:not([data-theme="light"]) .pillar-card strong,
  html:not([data-theme="light"]) .glossary-method h2,
  html:not([data-theme="light"]) .glossary-cta h2 {
    color: var(--theme-text-strong, #ffffff) !important;
  }

  html:not([data-theme="light"]) .tool-panel p,
  html:not([data-theme="light"]) .authority-card p,
  html:not([data-theme="light"]) .glossary-panel p,
  html:not([data-theme="light"]) .term-definition,
  html:not([data-theme="light"]) .term-section p,
  html:not([data-theme="light"]) .reference-note p,
  html:not([data-theme="light"]) .term-blocks p,
  html:not([data-theme="light"]) .ai-value-chain p,
  html:not([data-theme="light"]) .ai-market-evidence p,
  html:not([data-theme="light"]) .ai-commercial-thesis,
  html:not([data-theme="light"]) .news-card p,
  html:not([data-theme="light"]) .pillar-card p,
  html:not([data-theme="light"]) .px-delivery-grid p,
  html:not([data-theme="light"]) .glossary-method p,
  html:not([data-theme="light"]) .glossary-method li,
  html:not([data-theme="light"]) .glossary-cta p {
    color: var(--theme-text-secondary, #cbd5e1) !important;
  }

  html:not([data-theme="light"]) .glossary-search input,
  html:not([data-theme="light"]) .tool-form input {
    background: var(--theme-bg-surface, #181a22) !important;
    border-color: #2a3142 !important;
    color: var(--theme-text-strong, #ffffff) !important;
  }
  html:not([data-theme="light"]) .glossary-search {
    background: rgba(24, 26, 34, 0.85) !important;
    border-color: #282b38 !important;
  }
  html:not([data-theme="light"]) .meter {
    background: #1e2330 !important;
  }
  /* Dynamic score meters & total badge */
  html:not([data-theme="light"]) .total-score {
    color: var(--theme-text-strong, #ffffff) !important;
  }
  html:not([data-theme="light"]) .total-score strong {
    color: var(--theme-text-strong, #ffffff) !important;
  }
  html:not([data-theme="light"]) .total-score span,
  html:not([data-theme="light"]) .score-item span,
  html:not([data-theme="light"]) .eyebrow,
  html:not([data-theme="light"]) .ai-opportunity-eyebrow,
  html:not([data-theme="light"]) .finding-url,
  html:not([data-theme="light"]) .signals {
    color: var(--theme-text-secondary, #94a3b8) !important;
  }
  html:not([data-theme="light"]) .score-item strong {
    color: var(--theme-text-strong, #ffffff);
  }
  html:not([data-theme="light"]) #scanStatus[hidden],
  html:not([data-theme="light"]) .status[hidden],
  html:not([data-theme="light"]) #scanStatus:empty,
  html:not([data-theme="light"]) .status:empty,
  html:not([data-theme="light"]) #toolStatus[hidden],
  html:not([data-theme="light"]) .tool-status[hidden],
  html:not([data-theme="light"]) #toolStatus:empty,
  html:not([data-theme="light"]) .tool-status:empty,
  html:not([data-theme="light"]) #mentionStatus[hidden],
  html:not([data-theme="light"]) .mention-status[hidden],
  html:not([data-theme="light"]) #mentionStatus:empty,
  html:not([data-theme="light"]) .mention-status:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  html:not([data-theme="light"]) #scanStatus,
  html:not([data-theme="light"]) .status {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  html:not([data-theme="light"]) #toolStatus,
  html:not([data-theme="light"]) .tool-status,
  html:not([data-theme="light"]) #mentionStatus {
    background: var(--theme-bg-surface, #181a22) !important;
    border: 1px solid rgba(56, 189, 248, 0.3) !important;
    color: var(--theme-text-strong, #ffffff) !important;
    box-shadow: 0 4px 24px -4px rgba(0, 102, 255, 0.25) !important;
  }
  html:not([data-theme="light"]) #scanStatus.error,
  html:not([data-theme="light"]) .status.error,
  html:not([data-theme="light"]) #toolStatus.error,
  html:not([data-theme="light"]) .tool-status.error,
  html:not([data-theme="light"]) #mentionStatus.error {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: rgba(239, 68, 68, 0.5) !important;
    color: #fca5a5 !important;
    box-shadow: 0 4px 20px -4px rgba(239, 68, 68, 0.3) !important;
  }
  html:not([data-theme="light"]) .locked-fix {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px dashed rgba(255, 255, 255, 0.2) !important;
    color: var(--theme-text-secondary, #cbd5e1) !important;
  }
  html:not([data-theme="light"]) .finding code,
  html:not([data-theme="light"]) .tool-finding code {
    background: #07080a !important;
    color: #38bdf8 !important;
    border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  }
  html:not([data-theme="light"]) .finding-tags span {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.14)) !important;
    color: var(--theme-text-secondary, #cbd5e1) !important;
  }
  html:not([data-theme="light"]) .signals i {
    background: #475569 !important;
  }
  html:not([data-theme="light"]) .comparison-table th {
    background: #161a23 !important;
    color: var(--theme-text-secondary, #cbd5e1) !important;
    border-bottom: 1px solid #1e2330 !important;
  }
  html:not([data-theme="light"]) .comparison-table td {
    color: #f1f5f9 !important;
    border-bottom: 1px solid #1e2330 !important;
  }
  html:not([data-theme="light"]) .comparison-table .limited {
    color: #fbbf24 !important;
  }
  html:not([data-theme="light"]) .comparison-table .yes {
    color: #34d399 !important;
  }
  html:not([data-theme="light"]) .authority-callout {
    background: #161a24 !important;
    border: 1px solid #2a3142 !important;
    color: var(--theme-text-strong, #ffffff) !important;
  }
  html:not([data-theme="light"]) .authority-callout p {
    color: var(--theme-text-secondary, #cbd5e1) !important;
  }
  html:not([data-theme="light"]) .hero-actions a {
    background: var(--theme-bg-surface, #1e2028) !important;
    border-color: var(--theme-border, #282b36) !important;
    color: #f1f5f9 !important;
  }
  html:not([data-theme="light"]) .hero-actions a.primary,
  html:not([data-theme="light"]) .ai-opportunity-primary {
    background: #2563eb !important;
    color: var(--theme-text-strong, #ffffff) !important;
    border-color: #2563eb !important;
  }
  html:not([data-theme="light"]) .hero-actions a.primary:hover,
  html:not([data-theme="light"]) .ai-opportunity-primary:hover {
    background: #1d4ed8 !important;
  }
  html:not([data-theme="light"]) .authority-card a,
  html:not([data-theme="light"]) .term-sources a,
  html:not([data-theme="light"]) .term-related a,
  html:not([data-theme="light"]) .news-source a,
  html:not([data-theme="light"]) .ai-market-evidence a {
    color: #38bdf8 !important;
  }
  html:not([data-theme="light"]) .authority-hero h1 em {
    color: var(--theme-text-secondary, #94a3b8) !important;
  }
}


/* --------------------------------------------------------------------------
   DYNAMIC SCORE TIERS: Yüksek (Yeşil), Orta (Sarı), Düşük (Turuncu), Kötü (Kırmızı)
   -------------------------------------------------------------------------- */
.score-item.tier-green strong {
  color: #10b981 !important;
  text-shadow: 0 0 16px rgba(16, 185, 129, 0.3);
}
.score-item.tier-yellow strong {
  color: #eab308 !important;
  text-shadow: 0 0 16px rgba(234, 179, 8, 0.3);
}
.score-item.tier-orange strong,
.score-item.tier-amber strong {
  color: #f97316 !important;
  text-shadow: 0 0 16px rgba(249, 115, 22, 0.3);
}
.score-item.tier-red strong {
  color: #ef4444 !important;
  text-shadow: 0 0 16px rgba(239, 68, 68, 0.3);
}
.score-item.tier-blue strong {
  color: #38bdf8 !important;
  text-shadow: 0 0 16px rgba(56, 189, 248, 0.3);
}

.meter i.bar-green,
.score-item.tier-green .meter i {
  background: linear-gradient(90deg, #059669, #10b981) !important;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.4) !important;
}
.meter i.bar-yellow,
.score-item.tier-yellow .meter i {
  background: linear-gradient(90deg, #ca8a04, #eab308) !important;
  box-shadow: 0 0 12px rgba(234, 179, 8, 0.4) !important;
}
.meter i.bar-orange,
.meter i.bar-amber,
.score-item.tier-orange .meter i,
.score-item.tier-amber .meter i {
  background: linear-gradient(90deg, #ea580c, #f97316) !important;
  box-shadow: 0 0 12px rgba(249, 115, 22, 0.4) !important;
}
.meter i.bar-red,
.score-item.tier-red .meter i {
  background: linear-gradient(90deg, #dc2626, #ef4444) !important;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.4) !important;
}
.meter i.bar-blue,
.score-item.tier-blue .meter i {
  background: linear-gradient(90deg, #0284c7, #38bdf8) !important;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.4) !important;
}

/* ==========================================================================
   SCAN PROGRESS ENGINE & TELEMETRY COUNTER WIDGET
   ========================================================================== */
.scan-progress-widget {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  text-align: left !important;
  padding: 2px 0 !important;
}

.scan-progress-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.scan-progress-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--theme-text-strong, #ffffff) !important;
  letter-spacing: -0.01em !important;
}

.scan-counter-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: rgba(56, 189, 248, 0.16) !important;
  border: 1px solid rgba(56, 189, 248, 0.45) !important;
  color: #38bdf8 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.3) !important;
}

.scan-counter-badge b {
  font-size: 15px !important;
  color: var(--theme-text-strong, #ffffff) !important;
}

.scan-progress-track {
  width: 100% !important;
  height: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.12)) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

.scan-progress-fill {
  height: 100% !important;
  width: 8% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #0066ff 0%, #38bdf8 35%, #8b5cf6 70%, #10b981 100%) !important;
  background-size: 200% 100% !important;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.75), 0 0 4px rgba(255, 255, 255, 0.9) !important;
  transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  animation: progressGlow 1.6s ease-in-out infinite alternate, progressShimmer 2.2s linear infinite !important;
}

@keyframes progressShimmer {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

@keyframes progressGlow {
  0% { filter: brightness(1) drop-shadow(0 0 6px rgba(56, 189, 248, 0.4)); }
  100% { filter: brightness(1.25) drop-shadow(0 0 14px rgba(56, 189, 248, 0.85)); }
}

.scan-telemetry-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  font-size: 15px !important;
  color: var(--theme-text-secondary, #94a3b8) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

.scan-live-probe {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: var(--theme-text-secondary, #cbd5e1) !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.scan-probe-pulse {
  display: inline-block !important;
  width: 6.5px !important;
  height: 6.5px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981, 0 0 2px #ffffff !important;
  animation: probeBlink 0.9s ease-in-out infinite alternate !important;
  flex-shrink: 0 !important;
}

@keyframes probeBlink {
  0% { opacity: 0.35; transform: scale(0.85); }
  100% { opacity: 1; transform: scale(1.15); box-shadow: 0 0 12px #10b981; }
}

.scan-engine-stat {
  font-weight: 700 !important;
  color: #38bdf8 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   DEFINITIVE OVERRIDE: EXECUTIVE WHITEPAPER PRINT ENGINE (@media print)
   RULE: Plain white page with pure black text for findings and report export.
   ========================================================================== */
@media print {
  @page {
    margin: 1.2cm 1cm;
    size: A4 portrait;
  }

  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
  }

  html,
  html[data-theme],
  html[data-theme="dark"],
  html[data-theme="light"],
  body,
  html[data-theme] body,
  html[data-theme="dark"] body,
  html[data-theme="light"] body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 10pt !important;
    line-height: 1.45 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .topbar,
  header,
  footer,
  .hero,
  .kicker,
  .scanbox,
  .tabs,
  .scan-chips,
  .signals,
  .px-section,
  .enterprise-nine-pillars,
  .classified-section,
  .px-delivery-manifest-section,
  .pricing,
  .faq,
  .ai-opportunity,
  .btn-pdf-export,
  .theme-switch,
  .langs,
  .nav-scan-cta,
  .nav-actions,
  .primary-nav,
  .skip,
  .mandate-card,
  .locked-fix,
  .finding-conversion-teaser,
  .findings-filter-bar,
  #findingsFilterBar,
  .status,
  .copy-bubble,
  section[data-commercial-intent],
  aside[data-commercial-intent],
  div[data-commercial-intent],
  .pillar-footer-banner,
  .banner-cta {
    display: none !important;
  }

  #result.results,
  html[data-theme] #result.results,
  html[data-theme="dark"] #result.results,
  html[data-theme="light"] #result.results {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .result-head,
  html[data-theme] .result-head,
  html[data-theme="dark"] .result-head {
    border-bottom: 2pt solid #000000 !important;
    padding-bottom: 10pt !important;
    margin-bottom: 14pt !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  .result-head .eyebrow,
  html[data-theme] .result-head .eyebrow,
  html[data-theme="dark"] .result-head .eyebrow {
    font-size: 8.5pt !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    display: block !important;
    margin-bottom: 3pt !important;
  }

  .result-head h2,
  #resultDomain,
  html[data-theme] #resultDomain,
  html[data-theme="dark"] #resultDomain {
    font-size: 20pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.1 !important;
  }

  .result-head p,
  #resultMeta,
  html[data-theme] #resultMeta,
  html[data-theme="dark"] #resultMeta {
    color: #334155 !important;
    font-size: 8.5pt !important;
    margin: 0 !important;
  }

  .total-score,
  html[data-theme] .total-score,
  html[data-theme="dark"] .total-score {
    border: 2pt solid #000000 !important;
    border-radius: 6pt !important;
    padding: 6pt 12pt !important;
    text-align: center !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
  }

  .total-score strong,
  #overallScore,
  html[data-theme] #overallScore,
  html[data-theme="dark"] #overallScore {
    font-size: 26pt !important;
    font-weight: 900 !important;
    color: #000000 !important;
    line-height: 1 !important;
    text-shadow: none !important;
  }

  .total-score span,
  html[data-theme] .total-score span,
  html[data-theme="dark"] .total-score span {
    font-size: 9.5pt !important;
    color: var(--theme-text-secondary, #475569) !important;
    font-weight: 700 !important;
  }

  .result-pillars-grid,
  html[data-theme] .result-pillars-grid,
  html[data-theme="dark"] .result-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6pt !important;
    margin-bottom: 12pt !important;
    background: transparent !important;
  }

  .result-pillars-grid .pillar-card,
  html[data-theme] .result-pillars-grid .pillar-card,
  html[data-theme="dark"] .result-pillars-grid .pillar-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-radius: 4pt !important;
    padding: 6pt 8pt !important;
    box-shadow: none !important;
  }

  .result-pillars-grid .pillar-tag {
    font-size: 7pt !important;
    color: #000000 !important;
    font-weight: 800 !important;
  }

  .result-pillars-grid .pillar-score,
  .result-pillars-grid strong {
    font-size: 13pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
  }

  .result-pillars-grid h4 {
    font-size: 8.5pt !important;
    color: #000000 !important;
    font-weight: 800 !important;
    margin: 2pt 0 !important;
  }

  .result-pillars-grid p {
    font-size: 7.5pt !important;
    color: #1e293b !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  .pillar-meter {
    display: none !important;
  }

  .score-grid,
  html[data-theme] .score-grid,
  html[data-theme="dark"] .score-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 5pt !important;
    margin-bottom: 12pt !important;
    background: transparent !important;
  }

  .score-item,
  html[data-theme] .score-item,
  html[data-theme="dark"] .score-item {
    border: 1pt solid #cbd5e1 !important;
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    padding: 5pt 7pt !important;
    border-radius: 3pt !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .score-item span,
  html[data-theme] .score-item span,
  html[data-theme="dark"] .score-item span {
    font-size: 7.5pt !important;
    color: #1e293b !important;
    display: block !important;
    font-weight: 600 !important;
  }

  .score-item strong,
  html[data-theme] .score-item strong,
  html[data-theme="dark"] .score-item strong {
    font-size: 13pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
  }

  .score-item .meter {
    display: none !important;
  }

  .scan-disclosure,
  html[data-theme] .scan-disclosure,
  html[data-theme="dark"] .scan-disclosure {
    font-size: 7.5pt !important;
    color: var(--theme-text-secondary, #475569) !important;
    border-top: 1pt solid #cbd5e1 !important;
    padding-top: 4pt !important;
    margin-bottom: 12pt !important;
    background: transparent !important;
  }

  .priority-summary,
  html[data-theme] .priority-summary,
  html[data-theme="dark"] .priority-summary {
    border: 1.5pt solid #000000 !important;
    border-left: 5pt solid #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 8pt 10pt !important;
    margin-bottom: 14pt !important;
    border-radius: 3pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
  }

  .priority-summary h3,
  html[data-theme] .priority-summary h3,
  html[data-theme="dark"] .priority-summary h3 {
    font-size: 10pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    margin: 0 0 6pt 0 !important;
  }

  .priority-item,
  html[data-theme] .priority-item,
  html[data-theme="dark"] .priority-item {
    font-size: 8.5pt !important;
    color: #000000 !important;
    padding: 3pt 0 !important;
    border-bottom: 1pt solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6pt !important;
    background: transparent !important;
  }

  .priority-item span,
  .priority-item span b {
    color: #000000 !important;
  }

  .result-columns,
  html[data-theme] .result-columns,
  html[data-theme="dark"] .result-columns {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
  }

  .result-title,
  html[data-theme] .result-title,
  html[data-theme="dark"] .result-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    border-bottom: 1.5pt solid #000000 !important;
    padding-bottom: 4pt !important;
    margin-bottom: 10pt !important;
    background: transparent !important;
  }

  .result-title h3,
  html[data-theme] .result-title h3,
  html[data-theme="dark"] .result-title h3 {
    font-size: 13pt !important;
    color: #000000 !important;
    font-weight: 900 !important;
    margin: 0 !important;
  }

  #findingCount,
  html[data-theme] #findingCount,
  html[data-theme="dark"] #findingCount {
    font-size: 9pt !important;
    color: var(--theme-text-secondary, #475569) !important;
    font-weight: 700 !important;
  }

  .findings,
  html[data-theme] .findings,
  html[data-theme="dark"] .findings {
    display: block !important;
    background: transparent !important;
  }

  .finding,
  html[data-theme] .finding,
  html[data-theme="dark"] .finding,
  article.finding,
  html[data-theme] article.finding,
  html[data-theme="dark"] article.finding {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-bottom: 2pt solid #64748b !important;
    border-radius: 4pt !important;
    padding: 10pt 12pt !important;
    margin-bottom: 10pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
    display: block !important;
  }

  .finding-tags,
  html[data-theme] .finding-tags,
  html[data-theme="dark"] .finding-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4pt !important;
    margin-bottom: 6pt !important;
    background: transparent !important;
  }

  .finding-tags span,
  html[data-theme] .finding-tags span,
  html[data-theme="dark"] .finding-tags span {
    padding: 2pt 6pt !important;
    font-size: 7.5pt !important;
    border-radius: 2pt !important;
    border: 1pt solid #cbd5e1 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: 700 !important;
  }

  .finding-tags .severity,
  .severity,
  html[data-theme] .severity,
  html[data-theme="dark"] .severity {
    border: 1.5pt solid #000000 !important;
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
  }

  .finding-tags .tag-id,
  html[data-theme] .finding-tags .tag-id,
  html[data-theme="dark"] .finding-tags .tag-id {
    border: 1.5pt solid #000000 !important;
    background: #f1f5f9 !important;
    background-color: #f1f5f9 !important;
    color: #000000 !important;
    font-weight: 800 !important;
  }

  .finding-tags .tag-conf,
  html[data-theme] .finding-tags .tag-conf,
  html[data-theme="dark"] .finding-tags .tag-conf {
    border: 1pt solid #94a3b8 !important;
    color: #1e293b !important;
  }

  .finding-tags .tag-source,
  html[data-theme] .finding-tags .tag-source,
  html[data-theme="dark"] .finding-tags .tag-source {
    border: 1pt solid #94a3b8 !important;
    color: #1e293b !important;
  }

  .sev-dot {
    display: none !important;
  }

  .finding-content,
  html[data-theme] .finding-content,
  html[data-theme="dark"] .finding-content {
    background: transparent !important;
    color: #000000 !important;
  }

  .finding h4,
  html[data-theme] .finding h4,
  html[data-theme="dark"] .finding h4,
  .finding-content h4,
  html[data-theme] .finding-content h4,
  html[data-theme="dark"] .finding-content h4 {
    color: #000000 !important;
    font-size: 11pt !important;
    font-weight: 900 !important;
    margin: 0 0 4pt 0 !important;
    line-height: 1.3 !important;
  }

  .finding p,
  html[data-theme] .finding p,
  html[data-theme="dark"] .finding p,
  .finding-content p,
  html[data-theme] .finding-content p,
  html[data-theme="dark"] .finding-content p {
    color: #000000 !important;
    font-size: 9.5pt !important;
    line-height: 1.45 !important;
    margin: 0 0 4pt 0 !important;
  }

  .finding-url,
  html[data-theme] .finding-url,
  html[data-theme="dark"] .finding-url {
    display: block !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important;
    font-size: 8pt !important;
    color: #000000 !important;
    margin: 3pt 0 !important;
    word-break: break-all !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
  }

  .finding code,
  html[data-theme] .finding code,
  html[data-theme="dark"] .finding code {
    display: block !important;
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    color: #000000 !important;
    border: 1pt solid #cbd5e1 !important;
    padding: 5pt 7pt !important;
    font-size: 8pt !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    margin-top: 4pt !important;
    border-radius: 3pt !important;
    word-break: break-all !important;
    white-space: pre-wrap !important;
    box-shadow: none !important;
    font-weight: 500 !important;
  }
}

/* ==========================================================================
   FS-THEME-002: LIGHT THEME DESIGN TOKENS (SSOT)
   ========================================================================== */
html[data-theme="light"] {
  color-scheme: light;
  
  /* Backgrounds */
  --theme-bg-base: #f8fafc !important;
  --theme-bg-surface: #ffffff !important;
  --theme-bg-elevated: #f1f5f9 !important;
  
  /* Borders */
  --theme-border: #e2e8f0 !important;
  
  /* Text */
  --theme-text-strong: #0f172a !important;
  --theme-text-primary: #1e293b !important;
  --theme-text-secondary: #475569 !important;

  /* Overrides for specific Dark elements that we tokenizer missed or need special care */
  --bg: #ffffff;
  --bg-card: #f8fafc;
  --fg: #0f172a;
  --fg-soft: #334155;
  --fg-dim: #64748b;
  --line: #e2e8f0;
  --line-strong: #cbd5e1;
}

/* Fix specific button texts in Light Mode so they don't turn black if they should be white */
html[data-theme="light"] button.primary,
html[data-theme="light"] .button.primary,
html[data-theme="light"] a.primary,
html[data-theme="light"] .ai-opportunity-primary,
html[data-theme="light"] .hero-actions a.primary,
html[data-theme="light"] .fomo-cta,
html[data-theme="light"] .value-cta {
  color: #ffffff !important;
}

/* Ensure the topbar has a light background in light mode */
html[data-theme="light"] :root .topbar,
html[data-theme="light"] .topbar {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid #e2e8f0 !important;
}



/* ==========================================================================
   URGENT CONTRAST FIX: Validator v2 Components
   ========================================================================== */
.scan-disclosure {
  background: var(--theme-bg-elevated, var(--bg-soft)) !important;
  color: var(--theme-text-secondary, var(--fg-dim)) !important;
  border-color: var(--theme-border, var(--line)) !important;
}

.finding-tags span {
  background: var(--theme-bg-elevated, var(--bg-soft)) !important;
  color: var(--theme-text-secondary, var(--fg-dim)) !important;
  border-color: var(--theme-border, var(--line)) !important;
}

.locked-fix {
  background: var(--theme-bg-elevated, var(--bg-soft)) !important;
  color: var(--theme-text-primary, var(--fg-soft)) !important;
  border-color: var(--theme-border, var(--line)) !important;
}


/* FS-AUDIT-002: LIGHT THEME COMPONENT OVERRIDES */
html[data-theme="light"] .brand-logo {
  filter: none !important;
}

html[data-theme="light"] .hero > p,
html[data-theme="light"] .hero h1 {
  color: var(--theme-text-strong) !important;
}

html[data-theme="light"] .ai-decision-map {
  background: var(--theme-bg-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-primary) !important;
}

html[data-theme="light"] .ai-decision-map-head h3,
html[data-theme="light"] .ai-decision-map-head small {
  color: var(--theme-text-strong) !important;
}

html[data-theme="light"] .ai-decision-map-head p {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .ai-lens {
  background: var(--theme-bg-base) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-primary) !important;
}

html[data-theme="light"] .ai-lens span {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .ai-lens strong {
  color: var(--theme-text-strong) !important;
}

html[data-theme="light"] .ai-intelligence-row {
  background: var(--theme-bg-base) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-primary) !important;
}

html[data-theme="light"] .ai-intelligence-row b {
  color: var(--theme-text-strong) !important;
}

html[data-theme="light"] .ai-intelligence-row span {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .ai-decision-lock {
  background: var(--theme-bg-base) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-primary) !important;
}

html[data-theme="light"] .ai-decision-lock p {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .news-card {
  background: var(--theme-bg-base) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="light"] .news-card h3 {
  color: var(--theme-text-strong) !important;
}

html[data-theme="light"] .news-card p {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] footer,
html[data-theme="light"] .footer-grid a,
html[data-theme="light"] .footer-bottom p {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .footer-grid h4 {
  color: var(--theme-text-strong) !important;
}

/* Ensure borders are visible */
html[data-theme="light"] .px-report-boundary,
html[data-theme="light"] .px-report-free,
html[data-theme="light"] .px-report-paid {
  border-color: var(--theme-border) !important;
  background: var(--theme-bg-surface) !important;
}

html[data-theme="light"] .px-report-free h2,
html[data-theme="light"] .px-report-paid h2 {
  color: var(--theme-text-strong) !important;
}

html[data-theme="light"] .px-report-free p,
html[data-theme="light"] .px-report-paid p {
  color: var(--theme-text-secondary) !important;
}

html[data-theme="light"] .px-report-paid {
  background: var(--theme-bg-base) !important;
}

/* Fix "Yapay Zeka Sizi Buluyor mu?" text on homepage */
html[data-theme="light"] .hero h1 {
  color: var(--theme-text-strong) !important;
}
html[data-theme="light"] .hero > p {
  color: var(--theme-text-secondary) !important;
}

/* Fix top nav texts */
html[data-theme="light"] .primary-nav a {
  color: var(--theme-text-secondary) !important;
}
html[data-theme="light"] .primary-nav a:hover {
  color: var(--theme-text-strong) !important;
}

/* Fix buttons in light mode */
html[data-theme="light"] .nav-scan-cta {
  background: #0071e3 !important;
  color: #ffffff !important;
}


/* Light Theme Base Variables Override (validator-base.css compatibility) */
html[data-theme="light"] {
  --paper: #ffffff !important;
  --card: #ffffff !important;
  --ink: #0f172a !important;
  --muted: #475569 !important;
  --line: #e2e8f0 !important;
  --soft: #f8fafc !important;
}

html[data-theme="light"] .term-blocks section {
  background: var(--soft) !important;
  border-color: var(--line) !important;
}
html[data-theme="light"] .term-blocks h2 {
  color: var(--ink) !important;
}
html[data-theme="light"] .term-blocks p {
  color: var(--muted) !important;
}
html[data-theme="light"] .term-sources h3 {
  color: var(--ink) !important;
}
html[data-theme="light"] .term-sources a {
  color: #0071e3 !important;
}
html[data-theme="light"] .term-def {
  color: var(--muted) !important;
}
html[data-theme="light"] .term-head h2 {
  color: var(--ink) !important;
}
html[data-theme="light"] .term-head span {
  background: var(--soft) !important;
  color: var(--muted) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] .glossary-card {
  background: var(--card) !important;
  border-color: var(--line) !important;
}
html[data-theme="light"] .reference-note {
  background: var(--soft) !important;
  border-color: var(--line) !important;
}
html[data-theme="light"] .reference-note h2 {
  color: var(--ink) !important;
}
html[data-theme="light"] .reference-note p {
  color: var(--muted) !important;
}

/* FS-THEME-002: LLMS-TXT-VALIDATOR LIGHT THEME CLONE */
html[data-theme="light"] {
  --bg: #ffffff;
  --bg-soft: #f6f6f7;
  --bg-card: #ffffff;
  --fg: #0a0a0a;
  --fg-soft: #54545b;
  --fg-dim: #6a6a72;
  --line: #e7e7ea;
  --accent: #0071e3;
  --accent-ink: #ffffff;
  --good: #2ca24c;
  --ok: #1f9d8b;
  --warn: #c9820a;
  --bad: #d83a3a;
  
  --paper: var(--bg) !important;
  --card: var(--bg-card) !important;
  --ink: var(--fg) !important;
  --muted: var(--fg-dim) !important;
  --soft: var(--bg-soft) !important;
  --theme-bg-base: var(--bg) !important;
  --theme-bg-surface: var(--bg-card) !important;
  --theme-bg-elevated: var(--bg-soft) !important;
  --theme-text-strong: var(--fg) !important;
  --theme-text-primary: var(--fg-soft) !important;
  --theme-text-secondary: var(--fg-dim) !important;
  --theme-border: var(--line) !important;
}

html[data-theme="light"] body {
  background: var(--bg) !important;
  color: var(--fg) !important;
}

/* Primary Buttons */
html[data-theme="light"] .primary,
html[data-theme="light"] .button.primary,
html[data-theme="light"] a.primary,
html[data-theme="light"] .hero-actions a.primary,
html[data-theme="light"] .nav-scan-cta,
html[data-theme="light"] .fomo-cta,
html[data-theme="light"] .value-cta,
html[data-theme="light"] #scanButton {
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
  border-color: var(--accent) !important;
  box-shadow: none !important;
}

/* Secondary Buttons */
html[data-theme="light"] .hero-actions a:not(.primary) {
  background: var(--bg-soft) !important;
  color: var(--fg) !important;
  border-color: var(--line) !important;
}

/* Header & Inputs */
html[data-theme="light"] .topbar {
  background: rgba(255, 255, 255, 0.8) !important;
  border-bottom: 1px solid var(--line) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

html[data-theme="light"] .scanbox {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] .scanbox input {
  background: transparent !important;
  color: var(--fg) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] .scanbox input:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Language & Theme Toggle Buttons */
html[data-theme="light"] .langs button,
html[data-theme="light"] .langs a {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
}
html[data-theme="light"] .langs .active,
html[data-theme="light"] .langs a.active,
html[data-theme="light"] .langs button.active,
html[data-theme="light"] .langs button:hover,
html[data-theme="light"] .langs a:hover {
  background: #0066ff !important;
  color: #ffffff !important;
  border-color: #0066ff !important;
  box-shadow: 0 2px 6px rgba(0, 102, 255, 0.2) !important;
}

/* Footer & Logo */
html[data-theme="light"] footer {
  border-top: 1px solid var(--line) !important;
}
html[data-theme="light"] .brand-logo {
  filter: none !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .brand-logo,
html:not([data-theme="light"]) .brand-logo {
  filter: invert(1) brightness(1.1) !important;
  opacity: 1 !important;
}

/* Hero background glow for Light Mode (Grid is handled by ::before with outward radial vignette mask) */
html[data-theme="light"] .hero,
html[data-theme="light"] .authority-hero {
  background: radial-gradient(circle at 50% -20%, rgba(0, 113, 227, 0.08) 0%, transparent 60%) !important;
}


/* ==========================================================================
   PERFECT SCANBOX: ELIMINATE ANY INNER BORDER / OUTLINE IN OVAL INPUT
   ========================================================================== */
#domainInput,
.scanbox input,
.scanbox .field input,
.field input,
form#scanForm input {
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
}

#domainInput:focus,
#domainInput:focus-visible,
#domainInput:active,
.scanbox input:focus,
.scanbox input:focus-visible,
.scanbox input:active,
.scanbox .field input:focus,
.scanbox .field input:focus-visible,
.scanbox .field input:active,
.field input:focus,
.field input:focus-visible,
.field input:active,
form#scanForm input:focus,
form#scanForm input:focus-visible,
form#scanForm input:active {
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  outline-width: 0 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
  background: transparent !important;
}

#domainInput:-webkit-autofill,
#domainInput:-webkit-autofill:hover, 
#domainInput:-webkit-autofill:focus, 
#domainInput:-webkit-autofill:active,
.scanbox input:-webkit-autofill,
.scanbox input:-webkit-autofill:hover,
.scanbox input:-webkit-autofill:focus,
.scanbox input:-webkit-autofill:active,
.scanbox .field input:-webkit-autofill,
.field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #0f172a !important;
  transition: background-color 99999s ease-in-out 0s, color 99999s ease-in-out 0s !important;
  background-color: transparent !important;
  border-radius: 999px !important;
}

html[data-theme="dark"] #domainInput:-webkit-autofill,
html[data-theme="dark"] .scanbox input:-webkit-autofill,
html[data-theme="dark"] .scanbox .field input:-webkit-autofill,
html[data-theme="dark"] .field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #181a22 inset !important;
  box-shadow: 0 0 0 1000px #181a22 inset !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] #domainInput:-webkit-autofill,
html[data-theme="light"] .scanbox input:-webkit-autofill,
html[data-theme="light"] .scanbox .field input:-webkit-autofill,
html[data-theme="light"] .field input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #0f172a !important;
}


/* ==========================================================================
   BREADCRUMBS HIGH CONTRAST & LEGIBILITY
   ========================================================================== */
.breadcrumbs {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #475569 !important;
}
.breadcrumbs a {
  color: #475569 !important;
  text-decoration: none !important;
}
.breadcrumbs a:hover {
  color: #0f172a !important;
  text-decoration: underline !important;
}
.breadcrumbs span {
  color: #64748b !important;
}
.breadcrumbs span:last-child {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="dark"] .breadcrumbs {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .breadcrumbs a {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .breadcrumbs span {
  color: #64748b !important;
}
html[data-theme="dark"] .breadcrumbs span:last-child {
  color: #f8fafc !important;
  font-weight: 800 !important;
}


/* ==========================================================================
   ENTERPRISE REPORT SYSTEM (LIGHT & DARK THEME PARITY)
   ========================================================================== */

/* Dark Mode Results Defaults */
html[data-theme="dark"] #result.results {
  background: var(--theme-bg-surface, #181a22) !important;
  border-color: var(--theme-border, rgba(255, 255, 255, 0.1)) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] .score-grid {
  background: #14151a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .score-item {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .score-item strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .score-item span {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .priority-summary {
  background: #181a22 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .finding {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .finding h4 {
  color: #ffffff !important;
}

html[data-theme="dark"] .finding p {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .finding code {
  background: #090d16 !important;
  border-color: rgba(56, 189, 248, 0.25) !important;
  color: #38bdf8 !important;
}

html[data-theme="dark"] .health-dossier-box {
  background: rgba(0, 0, 0, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .health-dossier-label {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .health-dossier-text {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .health-dossier-meta {
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

html[data-theme="dark"] .health-dossier-meta strong {
  color: #ffffff !important;
}

/* Light Mode Results Standards */
html[data-theme="light"] #result.results {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  color: #0f172a !important;
}

html[data-theme="light"] .result-head h2 {
  color: #0f172a !important;
}

html[data-theme="light"] .result-head p {
  color: #475569 !important;
}

html[data-theme="light"] .total-score {
  border: 2px solid #0f172a !important;
  color: #0f172a !important;
}

html[data-theme="light"] .total-score strong {
  color: #0f172a !important;
}

html[data-theme="light"] .total-score span {
  color: #64748b !important;
}

html[data-theme="light"] .score-grid {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .score-item {
  border-color: #e2e8f0 !important;
  background: #ffffff !important;
}

html[data-theme="light"] .score-item strong {
  color: #0f172a !important;
}

html[data-theme="light"] .score-item span {
  color: #64748b !important;
}

html[data-theme="light"] .meter {
  background: #e2e8f0 !important;
}

html[data-theme="light"] .meter i {
  background: #0071e3 !important;
}

html[data-theme="light"] .priority-summary {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

html[data-theme="light"] .priority-summary h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .priority-item {
  border-color: #e2e8f0 !important;
  color: #1e293b !important;
}

html[data-theme="light"] .result-title h3 {
  color: #0f172a !important;
}

html[data-theme="light"] #findingCount {
  color: #64748b !important;
}

html[data-theme="light"] .finding {
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}

html[data-theme="light"] .finding h4 {
  color: #0f172a !important;
}

html[data-theme="light"] .finding p {
  color: #334155 !important;
}

html[data-theme="light"] .finding-url {
  color: #0071e3 !important;
}

html[data-theme="light"] .finding code {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0369a1 !important;
}

html[data-theme="light"] .finding-tags span {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
}

html[data-theme="light"] .finding-tags .tag-id {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .health-dossier-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .health-dossier-label {
  color: #0f172a !important;
}

html[data-theme="light"] .health-dossier-text {
  color: #334155 !important;
}

html[data-theme="light"] .health-dossier-meta {
  border-color: #e2e8f0 !important;
  color: #64748b !important;
}

html[data-theme="light"] .health-dossier-meta strong {
  color: #0f172a !important;
}

html[data-theme="light"] .locked-fix {
  background: #f8fafc !important;
  border: 1px dashed #cbd5e1 !important;
  color: #475569 !important;
}

html[data-theme="light"] .mandate-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-top: 4px solid #0066ff !important;
  box-shadow: 0 8px 30px rgba(0, 102, 255, 0.08) !important;
}

html[data-theme="light"] .mandate-card .eyebrow {
  color: #0284c7 !important;
}

html[data-theme="light"] .mandate-card h3 {
  color: #0f172a !important;
}

html[data-theme="light"] .mandate-card p {
  color: #475569 !important;
}

html[data-theme="light"] .mandate-card li {
  color: #334155 !important;
  border-color: #f1f5f9 !important;
}

html[data-theme="light"] .mandate-card strong {
  color: #0f172a !important;
}

html[data-theme="light"] .mandate-card .note {
  color: #64748b !important;
}

/* Sample Report Surface Styling (Light/Dark Parity) */
.sample-report-deck {
  background: #1e2028;
  border: 1px solid #2d313e;
  border-radius: 18px;
  padding: 32px;
  margin-bottom: 32px;
  color: #f8fafc;
}
.sample-report-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #2d313e;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
.sample-report-eyebrow {
  font-size: 14px;
  font-weight: 800;
  color: #38bdf8;
  letter-spacing: 0.08em;
}
.sample-report-head h2 {
  font-size: 24px;
  margin: 4px 0 0;
  color: #ffffff;
}
.sample-report-status {
  text-align: right;
}
.sample-report-status span {
  font-size: 15px;
  color: #94a3b8;
  display: block;
}
.sample-report-status strong {
  font-size: 22px;
  font-weight: 900;
  color: #10b981;
}
.sample-report-deck h3 {
  font-size: 18px;
  color: #ffffff;
  margin: 24px 0 12px;
}
.sample-report-deck h3:first-of-type {
  margin-top: 0;
}
.sample-code-block {
  background: #0d0f14;
  border: 1px solid #1e2330;
  border-radius: 10px;
  padding: 18px;
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.5;
  overflow-x: auto;
}
.sample-compliance-box {
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 14px;
  padding: 18px 24px;
  margin-bottom: 36px;
  color: #fca5a5;
  font-size: 14px;
  line-height: 1.6;
}
.sample-compliance-box strong {
  color: #ffffff;
  display: block;
  margin-bottom: 4px;
}

html[data-theme="light"] .sample-report-deck {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .sample-report-head {
  border-bottom: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .sample-report-eyebrow {
  color: #0284c7 !important;
}
html[data-theme="light"] .sample-report-head h2 {
  color: #0f172a !important;
}
html[data-theme="light"] .sample-report-status span {
  color: #64748b !important;
}
html[data-theme="light"] .sample-report-deck h3 {
  color: #0f172a !important;
}
html[data-theme="light"] .sample-code-block {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}
html[data-theme="light"] .sample-compliance-box {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #991b1b !important;
}
html[data-theme="light"] .sample-compliance-box strong {
  color: #991b1b !important;
}

/* ==========================================================================
   EXECUTIVE WHITE-LABEL PDF / PRINT ENGINE (STRICT 100% LIGHT MODE AT ALL TIMES)
   Rule: Pure white page, deep black text, zero dark boxes, zero page break overlap
   ========================================================================== */
@media print {
  @page {
    margin: 1.2cm 1cm !important;
    size: A4 portrait !important;
  }

  /* Reset all elements to pure white background and legible typography */
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html,
  html[data-theme],
  html[data-theme="dark"],
  html[data-theme="light"],
  body,
  html[data-theme] body,
  html[data-theme="dark"] body,
  html[data-theme="light"] body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #0f172a !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 9.5pt !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 1. Hide All Non-Report Chrome & Interactive UI */
  header,
  .topbar,
  footer,
  .hero,
  .kicker,
  .scanbox,
  .signals,
  .px-section,
  .faq,
  .btn-pdf-export,
  .theme-switch,
  .langs,
  .nav-scan-cta,
  .nav-actions,
  .primary-nav,
  .skip,
  .mandate-card,
  .status,
  .scan-chips,
  .breadcrumbs,
  .finding-conversion-teaser,
  .findings-filter-bar,
  #findingsFilterBar,
  .locked-fix,
  .health-roadmap-deck,
  #homepageIntelligence,
  .tool-intelligence,
  .pillars-deep-link,
  .intel-bridge-banner,
  .intel-filter-bar,
  .ai-decision-map,
  .ai-decision-lock,
  .ai-opportunity {
    display: none !important;
    visibility: hidden !important;
  }

  /* 2. Full-Width Clean Report Shell */
  #result.results,
  .results,
  html[data-theme] #result.results,
  html[data-theme="dark"] #result.results,
  html[data-theme="light"] #result.results {
    display: block !important;
    visibility: visible !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3. Report Header */
  .result-head,
  html[data-theme] .result-head,
  html[data-theme="dark"] .result-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    border-bottom: 2pt solid #0f172a !important;
    padding-bottom: 8pt !important;
    margin-bottom: 12pt !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .result-head .eyebrow {
    font-size: 8pt !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #0284c7 !important;
    display: block !important;
    margin-bottom: 2pt !important;
  }

  #resultDomain {
    font-size: 18pt !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.1 !important;
  }

  #resultMeta {
    font-size: 8.5pt !important;
    color: #475569 !important;
    margin: 0 !important;
  }

  .total-score,
  html[data-theme] .total-score,
  html[data-theme="dark"] .total-score {
    width: auto !important;
    height: auto !important;
    border: 1.5pt solid #0f172a !important;
    border-radius: 4pt !important;
    padding: 4pt 10pt !important;
    display: flex !important;
    align-items: baseline !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
  }

  .total-score strong,
  #overallScore {
    font-size: 20pt !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    line-height: 1 !important;
  }

  .total-score span {
    font-size: 9pt !important;
    color: #475569 !important;
    font-weight: 700 !important;
  }

  /* 4. Executive Health Summary Deck */
  .health-executive-summary,
  #healthExecutiveDeck,
  html[data-theme] .health-executive-summary,
  html[data-theme="dark"] .health-executive-summary,
  html[data-theme="light"] .health-executive-summary {
    display: block !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1.5pt solid #cbd5e1 !important;
    border-radius: 4pt !important;
    padding: 8pt 12pt !important;
    margin-bottom: 10pt !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .health-executive-badge {
    display: inline-block !important;
    padding: 2.5pt 7pt !important;
    border-radius: 3pt !important;
    font-size: 7.5pt !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 4pt !important;
    border: 1pt solid #cbd5e1 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
  }
  .health-badge-critical {
    border-color: #f87171 !important;
    background: #fef2f2 !important;
    color: #b91c1c !important;
  }
  .health-badge-warning {
    border-color: #fcd34d !important;
    background: #fffbeb !important;
    color: #b45309 !important;
  }
  .health-badge-healthy {
    border-color: #6ee7b7 !important;
    background: #ecfdf5 !important;
    color: #047857 !important;
  }

  .health-headline {
    font-size: 11pt !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.25 !important;
  }

  .health-subtext {
    font-size: 8pt !important;
    color: #475569 !important;
    line-height: 1.35 !important;
    margin: 0 0 6pt 0 !important;
  }

  .health-counts-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 5pt !important;
    margin: 0 !important;
  }

  .health-count-card {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-radius: 3pt !important;
    padding: 3pt 5pt !important;
    text-align: center !important;
  }

  .health-count-card strong {
    font-size: 12pt !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    margin-bottom: 1pt !important;
    display: block !important;
  }
  .health-count-critical strong { color: #dc2626 !important; }
  .health-count-high strong { color: #d97706 !important; }
  .health-count-medium strong { color: #0284c7 !important; }
  .health-count-low strong { color: #16a34a !important; }

  .health-count-card span {
    font-size: 6.5pt !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
    color: #475569 !important;
  }

  /* 5. 4-Pillars Summary Grid */
  .result-pillars-grid,
  html[data-theme] .result-pillars-grid,
  html[data-theme="dark"] .result-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6pt !important;
    margin-bottom: 10pt !important;
    background: transparent !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .result-pillars-grid .pillar-card,
  html[data-theme] .result-pillars-grid .pillar-card,
  html[data-theme="dark"] .result-pillars-grid .pillar-card {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-radius: 4pt !important;
    padding: 6pt 7pt !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .result-pillars-grid .pillar-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 2pt !important;
    margin-bottom: 3pt !important;
    width: 100% !important;
  }

  .result-pillars-grid .pillar-tag {
    font-size: 5.5pt !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .result-pillars-grid .pillar-score,
  .result-pillars-grid strong {
    font-size: 9pt !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
  }

  .result-pillars-grid .pillar-score span {
    font-size: 6.5pt !important;
    font-weight: 700 !important;
    color: #64748b !important;
    white-space: nowrap !important;
    display: inline !important;
  }

  .result-pillars-grid h4 {
    font-size: 7pt !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 1pt 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .result-pillars-grid p {
    font-size: 5.8pt !important;
    color: #334155 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  .pillar-meter {
    display: none !important;
  }

  /* 6. Score Grid (12-18 Engines) */
  .score-grid,
  html[data-theme] .score-grid,
  html[data-theme="dark"] .score-grid {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 3pt !important;
    border: 1pt solid #cbd5e1 !important;
    background: #ffffff !important;
    margin-bottom: 10pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    letter-spacing: -0.02em !important;
  }

  .score-item,
  html[data-theme] .score-item,
  html[data-theme="dark"] .score-item {
    padding: 3pt 4pt !important;
    border: 0.5pt solid #e2e8f0 !important;
    background: #ffffff !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    overflow: hidden !important;
  }

  .score-item-top {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1pt !important;
    margin-bottom: 2pt !important;
    width: 100% !important;
  }

  .score-item-top span.engine-num {
    font-size: 5.5pt !important;
    font-weight: 800 !important;
    color: #0284c7 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }

  .score-item-top span:not(.engine-num),
  .score-item span {
    font-size: 5.8pt !important;
    color: #334155 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
    line-height: 1.15 !important;
  }

  .score-item strong,
  html[data-theme] .score-item strong,
  html[data-theme="dark"] .score-item strong,
  html[data-theme="light"] .score-item strong {
    font-size: 11pt !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    display: block !important;
    line-height: 1 !important;
  }

  .meter {
    display: none !important;
  }

  .scan-disclosure {
    font-size: 7pt !important;
    color: #64748b !important;
    border-top: 1pt solid #e2e8f0 !important;
    padding-top: 3pt !important;
    margin-bottom: 10pt !important;
    background: transparent !important;
  }

  /* 7. Priority Summary */
  .priority-summary,
  html[data-theme] .priority-summary,
  html[data-theme="dark"] .priority-summary {
    display: block !important;
    border: 1.5pt solid #cbd5e1 !important;
    border-left: 4pt solid #0284c7 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    padding: 6pt 10pt !important;
    margin-bottom: 10pt !important;
    border-radius: 4pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
  }

  .priority-summary h3 {
    font-size: 8.5pt !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    margin: 0 0 4pt 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5pt !important;
  }

  .priority-summary h3 .severity {
    font-size: 7pt !important;
    padding: 1.5pt 5pt !important;
    border-radius: 3pt !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
    background: #f8fafc !important;
  }

  .priority-summary h3 .severity.critical {
    border-color: #f87171 !important;
    background: #fef2f2 !important;
    color: #b91c1c !important;
  }

  .priority-summary h3 .severity.high {
    border-color: #fb923c !important;
    background: #fff7ed !important;
    color: #c2410c !important;
  }

  .priority-item {
    font-size: 7.5pt !important;
    color: #0f172a !important;
    padding: 2.5pt 0 !important;
    border-bottom: 0.5pt solid #f1f5f9 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6pt !important;
    background: transparent !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .priority-item .severity {
    font-size: 6.5pt !important;
    padding: 1pt 5pt !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    border: 1pt solid #cbd5e1 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    white-space: nowrap !important;
  }

  .priority-item span,
  .priority-item span b {
    color: #0f172a !important;
  }

  /* 8. Findings List (Full Width, Never Split Card Across Pages) */
  .result-columns,
  html[data-theme] .result-columns,
  html[data-theme="dark"] .result-columns {
    display: block !important;
    width: 100% !important;
  }
  .result-columns > div {
    width: 100% !important;
    max-width: 100% !important;
  }

  .result-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    border-bottom: 1.5pt solid #0f172a !important;
    padding-bottom: 4pt !important;
    margin-bottom: 10pt !important;
  }

  .result-title h3 {
    font-size: 11pt !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin: 0 !important;
  }

  #findingCount {
    font-size: 9pt !important;
    color: #475569 !important;
    font-weight: 700 !important;
  }

  .findings,
  #findingsList,
  .result-columns,
  .results,
  #result {
    display: block !important;
    background: transparent !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
  }

  .findings::-webkit-scrollbar,
  ::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .finding,
  article.finding,
  html[data-theme] .finding,
  html[data-theme="dark"] .finding {
    display: block !important;
    position: static !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    border-left: 3.5pt solid #0284c7 !important;
    border-radius: 4pt !important;
    padding: 8pt 10pt !important;
    margin-bottom: 10pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .finding.finding-tier-critical,
  article.finding[data-severity="critical"] {
    border-left-color: #dc2626 !important;
  }
  .finding.finding-tier-high,
  article.finding[data-severity="high"] {
    border-left-color: #ea580c !important;
  }
  .finding.finding-tier-medium,
  article.finding[data-severity="medium"] {
    border-left-color: #0284c7 !important;
  }
  .finding.finding-tier-low,
  article.finding[data-severity="low"],
  article.finding[data-severity="info"] {
    border-left-color: #16a34a !important;
  }

  .finding h4,
  .finding-content h4 {
    font-size: 9.5pt !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.25 !important;
  }

  .finding p,
  .finding-content p {
    font-size: 8pt !important;
    color: #1e293b !important;
    margin: 0 0 3pt 0 !important;
    line-height: 1.35 !important;
  }

  .finding-url {
    font-size: 7.5pt !important;
    color: #0284c7 !important;
    word-break: break-all !important;
    font-family: monospace !important;
    display: block !important;
    margin: 2pt 0 3pt !important;
    text-decoration: underline !important;
  }

  .finding code,
  html[data-theme] .finding code,
  html[data-theme="dark"] .finding code,
  html[data-theme="light"] .finding code {
    background: #f1f5f9 !important;
    background-color: #f1f5f9 !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
    font-family: monospace !important;
    font-size: 8pt !important;
    padding: 4pt 6pt !important;
    display: block !important;
    white-space: pre-wrap !important;
    word-break: break-all !important;
    margin-top: 4pt !important;
    border-radius: 3pt !important;
  }

  .finding-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3pt !important;
    margin-bottom: 4pt !important;
  }

  .finding-tags span {
    background: #f1f5f9 !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
    padding: 1.5pt 4pt !important;
    font-size: 7pt !important;
    border-radius: 2pt !important;
    font-weight: 700 !important;
  }

  .finding-tags .severity {
    border: 1.5pt solid #0f172a !important;
    font-weight: 900 !important;
    color: #0f172a !important;
  }

  .health-dossier-box,
  html[data-theme] .health-dossier-box,
  html[data-theme="dark"] .health-dossier-box,
  html[data-theme="light"] .health-dossier-box {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important;
    border: 1pt solid #cbd5e1 !important;
    padding: 5pt 7pt !important;
    border-radius: 3pt !important;
  }

  .health-dossier-label {
    font-size: 7pt !important;
    font-weight: 800 !important;
    color: #0284c7 !important;
    display: block !important;
    margin-bottom: 1pt !important;
  }

  .health-dossier-text {
    font-size: 7.5pt !important;
    color: #334155 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  .health-dossier-meta {
    font-size: 7pt !important;
    color: #475569 !important;
    border-top: 0.5pt solid #cbd5e1 !important;
    margin-top: 4pt !important;
    padding-top: 3pt !important;
    display: flex !important;
    gap: 8pt !important;
  }

  .health-dossier-meta strong {
    color: #0f172a !important;
  }

  /* 9. Sample Report Pages in Print */
  .sample-report-deck,
  .sample-report-deck * {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
  }
  .sample-report-deck {
    border: 1.5pt solid #cbd5e1 !important;
    padding: 12pt !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
  .sample-code-block {
    background: #f8fafc !important;
    border: 1pt solid #cbd5e1 !important;
    color: #0f172a !important;
  }
  .sample-compliance-box {
    background: #fef2f2 !important;
    border: 1pt solid #fecaca !important;
    color: #991b1b !important;
  }
}

/* ==========================================================================
   CANONICAL LLMS-TXT-VALIDATOR.DEV DESIGN SYSTEM SYNCHRONIZATION
   Exact font-family, font-size hierarchy, scale, radii and layout dimensions
   ========================================================================== */
.prose, .authority-content, .subpage-content, main.content, article.content, .authority-article {
  max-width: 720px !important;
  margin-inline: auto !important;
  padding-top: 56px !important;
  padding-bottom: 80px !important;
}
.prose h1, .subpage-content h1, .authority-content h1 {
  font-size: clamp(2rem, 5vw, 2.8rem) !important;
  letter-spacing: -.025em !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  margin: 0 0 18px !important;
}
.prose h2, .subpage-content h2, .authority-content h2, h2.section-h {
  font-size: 1.35rem !important;
  margin: 40px 0 12px !important;
  letter-spacing: -.01em !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.prose h3, .subpage-content h3, .authority-content h3 {
  font-size: 1.08rem !important;
  margin: 26px 0 6px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}
.prose p, .prose li, .subpage-content p, .subpage-content li, .authority-content p, .authority-content li {
  color: var(--fg-soft) !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
}
.prose .lead, .subpage-content .lead, .lead {
  font-size: 1.18rem !important;
  color: var(--fg-soft) !important;
  max-width: 60ch !important;
  margin-bottom: 8px !important;
  line-height: 1.55 !important;
}
.prose ul, .prose ol {
  padding-inline-start: 22px !important;
}
.prose li {
  margin: 6px 0 !important;
}
.prose strong, .subpage-content strong, .authority-content strong {
  color: var(--fg) !important;
}

/* Global Section & Card Scaling */
.section-h, .section > header > h2 {
  font-size: 1.5rem !important;
  letter-spacing: -.01em !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 56px 0 20px !important;
}
.card, .feature, .tool-panel {
  border-radius: var(--radius, 18px) !important;
  padding: 28px !important;
  border: 1px solid var(--line) !important;
}
.card h2, .card h3, .feature h2, .feature h3 {
  font-size: 1.12rem !important;
  letter-spacing: -.01em !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}
.card p, .feature p {
  color: var(--fg-soft) !important;
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* Code & Pre */
code, pre, .mono {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace !important;
}
code {
  background: var(--bg-soft) !important;
  padding: .12em .4em !important;
  border-radius: 6px !important;
  font-size: .9em !important;
}
pre, .code, .news-code-block pre {
  background: var(--bg-soft) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm, 12px) !important;
  padding: 18px 20px !important;
  overflow-x: auto !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: var(--fg) !important;
  white-space: pre !important;
}

/* Buttons */
.btn-primary, .primary-action, .cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--accent, #0071e3) !important;
  color: var(--accent-ink, #ffffff) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  padding: 13px 26px !important;
  border-radius: 999px !important;
  border: none !important;
  cursor: pointer !important;
  transition: filter .2s cubic-bezier(.22,.61,.36,1), transform .15s cubic-bezier(.22,.61,.36,1) !important;
}
.btn-primary:hover, .primary-action:hover, .cta-btn:hover {
  filter: brightness(1.07) !important;
  text-decoration: none !important;
}
.btn-primary:active, .primary-action:active, .cta-btn:active {
  transform: scale(.97) !important;
}

/* Ultra-Premium Enterprise Footer Mimarisi */
footer, .site-footer {
  position: relative !important;
  border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  padding: 72px 24px 110px !important;
  margin-top: 56px !important;
  overflow: hidden !important;
}

footer::before, .site-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.45), transparent) !important;
}

html[data-theme="dark"] footer,
html[data-theme="dark"] .site-footer {
  background: linear-gradient(180deg, #090d16 0%, #030712 100%) !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

footer .footer-grid, .footer-inner {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 2.2fr 1fr 1fr 1fr 1.1fr !important;
  gap: 48px !important;
}

footer .brand-logo {
  height: 26px !important;
  width: auto !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.04)) !important;
}

footer p, footer .footer-brand p {
  font-size: 15px !important;
  line-height: 1.68 !important;
  color: #64748b !important;
  margin-top: 14px !important;
  max-width: 360px !important;
}

html[data-theme="dark"] footer p,
html[data-theme="dark"] footer .footer-brand p {
  color: #94a3b8 !important;
}

footer h4 {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #0284c7 !important;
  margin: 0 0 18px !important;
}

html[data-theme="dark"] footer h4 {
  color: #38bdf8 !important;
}

footer ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
}

footer a, .footer-nav a, .footer-col a {
  color: #475569 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
}

html[data-theme="dark"] footer a,
html[data-theme="dark"] .footer-nav a,
html[data-theme="dark"] .footer-col a {
  color: #94a3b8 !important;
}

footer a:hover, .footer-nav a:hover, .footer-col a:hover {
  color: #2563eb !important;
  transform: translateX(4px) !important;
}

html[data-theme="dark"] footer a:hover,
html[data-theme="dark"] .footer-nav a:hover,
html[data-theme="dark"] .footer-col a:hover {
  color: #60a5fa !important;
}

footer .footer-bottom, .footer-fine {
  max-width: 1240px !important;
  margin: 48px auto 0 !important;
  border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
  padding-top: 28px !important;
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.65 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

html[data-theme="dark"] footer .footer-bottom,
html[data-theme="dark"] .footer-fine {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}

@media (max-width: 960px) {
  footer .footer-grid, .footer-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 36px !important;
  }
  footer .footer-brand {
    grid-column: span 2 !important;
  }
}

@media (max-width: 600px) {
  footer, .site-footer {
    padding: 48px 16px 100px !important;
  }
  footer .footer-grid, .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  footer .footer-brand {
    grid-column: span 1 !important;
  }
}

/* ==========================================================================
   ENTERPRISE V3.0 — MOBILE EXPERIENCE & ZERO-OVERLAP NAVIGATION DRAWER
   Silicon Valley & London ($5M+ Tier) Linear/Apple Standards
   ========================================================================== */

/* 1. Hamburger Toggle Button */
.hh-mobile-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  z-index: 1000;
  transition: all 0.2s ease;
  touch-action: manipulation;
}

html[data-theme="light"] .hh-mobile-toggle {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.04);
}

.hh-mobile-toggle:hover,
.hh-mobile-toggle:focus-visible {
  border-color: #0066ff;
  background: rgba(0, 102, 255, 0.1);
  outline: none;
}

.hh-toggle-bar {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--theme-text-primary, #ffffff);
  transition: transform 0.25s ease, opacity 0.2s ease;
}

html[data-theme="light"] .hh-toggle-bar {
  background-color: #0f172a;
}

.hh-mobile-toggle.is-active .hh-bar-1 {
  transform: translateY(7px) rotate(45deg);
}

.hh-mobile-toggle.is-active .hh-bar-2 {
  opacity: 0;
}

.hh-mobile-toggle.is-active .hh-bar-3 {
  transform: translateY(-7px) rotate(-45deg);
}

/* 2. Zero-Overlap Drawer Container */
.hh-mobile-drawer {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  z-index: 999999 !important;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s;
}

.hh-mobile-drawer.is-open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

/* 3. Solid Backdrop & Frosted Glass */
.hh-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* 4. SOLID OPAQUE DRAWER PANEL (Never allows background bleeding) */
.hh-drawer-panel {
  position: relative;
  width: min(88vw, 380px);
  height: 100dvh;
  background: #090d16 !important;
  color: #f1f5f9 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: -16px 0 50px rgba(0, 0, 0, 0.65) !important;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

html[data-theme="light"] .hh-drawer-panel {
  background: #ffffff !important;
  color: #0f172a !important;
  border-left: 1px solid #e2e8f0 !important;
  box-shadow: -16px 0 50px rgba(15, 23, 42, 0.18) !important;
}

.hh-mobile-drawer.is-open .hh-drawer-panel {
  transform: translateX(0);
}

/* 5. Drawer Header */
.hh-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}

html[data-theme="light"] .hh-drawer-header {
  border-bottom-color: #f1f5f9;
}

.hh-drawer-brand img {
  display: block;
  height: 24px;
  width: auto;
}

.hh-drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: var(--theme-text-primary, #ffffff);
  cursor: pointer;
  transition: all 0.2s ease;
}

html[data-theme="light"] .hh-drawer-close {
  border-color: #e2e8f0;
  background: #f8fafc;
  color: #0f172a;
}

.hh-drawer-close:hover {
  background: rgba(255, 255, 255, 0.15);
}

html[data-theme="light"] .hh-drawer-close:hover {
  background: #e2e8f0;
}

/* 6. Drawer Hero Action */
.hh-drawer-hero-cta {
  padding: 16px 20px;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] .hh-drawer-hero-cta {
  border-bottom-color: #f1f5f9;
}

.hh-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 10px 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0066ff 0%, #0052cc 100%);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0, 102, 255, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.hh-cta-btn:active {
  transform: scale(0.98);
}

/* 7. Drawer Scrollable Navigation */
.hh-drawer-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 14px;
}

.hh-drawer-section-title {
  padding: 0 8px 8px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #64748b;
  text-transform: uppercase;
}

.hh-drawer-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hh-drawer-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 10px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: #cbd5e1 !important;
  font-size: 14.5px;
  font-weight: 600;
  background: transparent;
  transition: all 0.18s ease;
  touch-action: manipulation;
}

html[data-theme="light"] .hh-drawer-link {
  color: #334155 !important;
}

.hh-drawer-link:hover,
.hh-drawer-link.active {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff !important;
}

html[data-theme="light"] .hh-drawer-link:hover,
html[data-theme="light"] .hh-drawer-link.active {
  background: #f1f5f9;
  color: #0066ff !important;
}

.hh-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 24px;
  flex-shrink: 0;
}

.hh-link-text {
  flex: 1;
}

.hh-link-arrow {
  color: #475569;
  font-size: 16px;
  transition: transform 0.2s ease;
}

.hh-drawer-link:hover .hh-link-arrow {
  transform: translateX(3px);
  color: #0066ff;
}

.hh-link-badge {
  font-size: 15px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(0, 102, 255, 0.18);
  color: #38bdf8;
  border: 1px solid rgba(0, 102, 255, 0.3);
}

html[data-theme="light"] .hh-link-badge {
  background: #eff6ff;
  color: #0066ff;
  border-color: #bfdbfe;
}

/* 8. Drawer Footer & Language/Theme controls */
.hh-drawer-footer {
  padding: 14px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.25);
  flex-shrink: 0;
}

html[data-theme="light"] .hh-drawer-footer {
  border-top-color: #f1f5f9;
  background: #f8fafc;
}

.hh-drawer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.hh-drawer-lang-selector {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 15px;
  font-weight: 700;
}

.hh-footer-label {
  color: #64748b;
  font-size: 14px;
}

.hh-lang-btn {
  color: #94a3b8;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.hh-lang-btn.active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

html[data-theme="light"] .hh-lang-btn.active {
  color: #0066ff;
  background: #e2e8f0;
}

.hh-lang-sep {
  color: #475569;
}

/* 9. Scroll Lock on Body */
body.hh-menu-locked {
  overflow: hidden !important;
  touch-action: none !important;
  height: 100vh !important;
}

/* 10. Responsive Breakpoints & Mobile Optimization */
@media (max-width: 980px) {
  .hh-mobile-toggle {
    display: flex !important;
  }
  .topbar-shell {
    padding: 10px 16px !important;
  }
}

@media (max-width: 640px) {
  /* Hero & Readability */
  .hero {
    padding: 36px 16px 28px !important;
  }
  .hero h1 {
    font-size: clamp(23px, 6.2vw, 32px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.02em !important;
  }
  .hero-answer {
    font-size: 15px !important;
    line-height: 1.62 !important;
  }
  
  /* Scanbox Ergonomics */
  .scanbox form .field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .scanbox form input {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 15px !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    background: var(--bg-card, #131722) !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html[data-theme="light"] .scanbox form input {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
  }
  .scanbox form button[type="submit"] {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 12px !important;
    width: 100% !important;
    justify-content: center !important;
    padding: 0 20px !important;
  }
  
  /* Signals bar overflow prevention */
  .signals {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
    padding: 10px 4px !important;
    justify-content: flex-start !important;
    mask-image: linear-gradient(to right, black 85%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%);
  }

  /* Safe margins & No horizontal scrolling */
  body, html {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  /* --- 🏆 UNIVERSAL HIGH-END MOBILE ERGONOMICS (APPLE / LINEAR / STRIPE) --- */
  /* iOS Zoom Prevention on Form Inputs */
  input, select, textarea {
    font-size: 16px !important;
  }

  /* Touch Target Ergonomics & Haptic Scale */
  button, 
  .btn, 
  a.cta, 
  .chip-btn, 
  .filter-btn, 
  .btn-pdf-export, 
  .btn-zip-export {
    min-height: 44px;
    touch-action: manipulation;
  }

  button:active, 
  .btn:active, 
  a.cta:active, 
  .chip-btn:active, 
  .filter-btn:active {
    transform: scale(0.96) !important;
    transition: transform 0.1s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  /* Universal Table & Code Horizontal Overflow Protection */
  table, 
  .table-wrap, 
  .compare, 
  .v3-compare {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
  }

  pre, code {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    word-break: break-word !important;
  }

  /* Card & Section Spacing */
  .section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .card, article {
    border-radius: 16px !important;
  }

}

.skip { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.skip:focus { left: 16px; top: 16px; width: auto; height: auto; z-index: 9999; background: #000; color: #fff; padding: 12px; border-radius: 6px; }

@media (min-width: 769px) {
  #hhCyberDrawer, .hh-cyber-drawer {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}