/**
 * NaijaScore9 v2.3.48.187
 * Clean above-the-fold header for individual Betting Tool pages only.
 */

body.single-n9_tool .n9-seo-single .n9-tool-single-hero {
  display: block !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: clamp(24px, 3.2vw, 38px) !important;
  overflow: hidden !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(45, 212, 191, 0.10), transparent 30%),
    rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 18px 55px rgba(15, 23, 42, 0.055) !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-single-hero::before,
body.single-n9_tool .n9-seo-single .n9-tool-single-hero::after {
  display: none !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-single-hero-copy {
  width: min(100%, 1080px) !important;
  min-width: 0 !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-single-hero .n9-eyebrow {
  display: block !important;
  margin: 0 0 10px !important;
  color: #059669 !important;
  font: 700 11px/1.3 "JetBrains Mono", monospace !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-single-hero h1 {
  max-width: 980px !important;
  margin: 0 0 12px !important;
  color: #0f172a !important;
  font: 800 clamp(32px, 4vw, 48px)/1.08 "Space Grotesk", sans-serif !important;
  letter-spacing: -0.04em !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-single-hero p {
  max-width: 1040px !important;
  margin: 0 !important;
  color: #64748b !important;
  font-size: clamp(15px, 1.4vw, 17px) !important;
  line-height: 1.72 !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-hero-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 18px !important;
  color: #047857 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-hero-link:hover,
body.single-n9_tool .n9-seo-single .n9-tool-hero-link:focus-visible {
  color: #059669 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

body.single-n9_tool .n9-seo-single .n9-tool-hero-link svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 auto !important;
}

html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-tool-single-hero {
  border-color: #263248 !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(16, 185, 129, 0.12), transparent 30%),
    rgba(7, 16, 31, 0.94) !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.24) !important;
}

html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-tool-single-hero h1 {
  color: #f8fafc !important;
}

html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-tool-single-hero p {
  color: #a9b5c8 !important;
}

html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-tool-hero-link {
  color: #34d399 !important;
}

@media (max-width: 640px) {
  body.single-n9_tool .n9-seo-single .n9-tool-single-hero {
    margin-bottom: 20px !important;
    padding: 22px 18px !important;
    border-radius: 20px !important;
  }

  body.single-n9_tool .n9-seo-single .n9-tool-single-hero h1 {
    font-size: clamp(30px, 9vw, 39px) !important;
  }

  body.single-n9_tool .n9-seo-single .n9-tool-single-hero p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}