/**
 * NaijaScore9 v2.3.48.175
 * Responsive containment for individual Betting Tool pages only.
 */

body.single-n9_tool .n9-seo-single,
body.single-n9_tool .n9-seo-single .n9-prediction-article,
body.single-n9_tool .n9-seo-single .n9-prediction-layout,
body.single-n9_tool .n9-seo-single .n9-prediction-main,
body.single-n9_tool .n9-seo-single .n9-prediction-sidebar,
body.single-n9_tool .n9-seo-single .n9-content-panel,
body.single-n9_tool .n9-seo-single .n9-entry-content,
body.single-n9_tool .n9-seo-single .n9-calculator,
body.single-n9_tool .n9-seo-single .n9-sidebar,
body.single-n9_tool .n9-seo-single .n9-widget {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Give the desktop tool snapshot enough room without changing the page design. */
@media (min-width: 1181px) {
  body.single-n9_tool .n9-seo-single .n9-prediction-layout {
    grid-template-columns: minmax(0, 1fr) clamp(360px, 27vw, 420px) !important;
    align-items: start !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-resource-sidebar,
  body.single-n9_tool .n9-seo-single .n9-seo-sticky-zone,
  body.single-n9_tool .n9-seo-single .n9-seo-sticky-card,
  body.single-n9_tool .n9-seo-single .n9-seo-resource-card {
    width: 100% !important;
    max-width: none !important;
  }
}

/* Tablet and mobile: one clean document flow. This deliberately removes the
   sticky wrapper from layout so widgets can never overlap the snapshot card. */
@media (max-width: 1180px) {
  body.single-n9_tool .n9-seo-single .n9-prediction-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
  }

  body.single-n9_tool .n9-seo-single .n9-prediction-main,
  body.single-n9_tool .n9-seo-single .n9-prediction-sidebar {
    width: 100% !important;
  }

  body.single-n9_tool .n9-seo-single .n9-prediction-sidebar,
  body.single-n9_tool .n9-seo-single .n9-seo-resource-sidebar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 20px !important;
    position: relative !important;
    inset: auto !important;
    overflow: visible !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-sticky-zone {
    display: contents !important;
    min-height: 0 !important;
    height: auto !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-sticky-card {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    will-change: auto !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-resource-card {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.single-n9_tool .n9-seo-single .n9-sidebar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.single-n9_tool .n9-seo-single .n9-sidebar > *,
  body.single-n9_tool .n9-seo-single .n9-sidebar .n9-sticky-widget-stack,
  body.single-n9_tool .n9-seo-single .n9-sidebar .widget,
  body.single-n9_tool .n9-seo-single .n9-sidebar .n9-widget {
    position: static !important;
    inset: auto !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    clear: both !important;
  }
}

/* Prevent tool descriptions, inputs, results and editorial content from
   forcing horizontal overflow at intermediate widths. */
body.single-n9_tool .n9-seo-single .n9-prediction-hero,
body.single-n9_tool .n9-seo-single .n9-prediction-copy,
body.single-n9_tool .n9-seo-single .n9-prediction-summary,
body.single-n9_tool .n9-seo-single .n9-seo-resource-list,
body.single-n9_tool .n9-seo-single .n9-seo-resource-list > div,
body.single-n9_tool .n9-seo-single .n9-calculator-grid,
body.single-n9_tool .n9-seo-single .n9-calculator-grid > *,
body.single-n9_tool .n9-seo-single .n9-calculator input,
body.single-n9_tool .n9-seo-single .n9-calculator select,
body.single-n9_tool .n9-seo-single .n9-calculator textarea,
body.single-n9_tool .n9-seo-single .n9-calculator button {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.single-n9_tool .n9-seo-single .n9-entry-content img,
body.single-n9_tool .n9-seo-single .n9-entry-content video,
body.single-n9_tool .n9-seo-single .n9-entry-content iframe,
body.single-n9_tool .n9-seo-single .n9-entry-content svg,
body.single-n9_tool .n9-seo-single .n9-entry-content canvas {
  max-width: 100% !important;
}

body.single-n9_tool .n9-seo-single .n9-entry-content img,
body.single-n9_tool .n9-seo-single .n9-entry-content video {
  height: auto !important;
}

body.single-n9_tool .n9-seo-single .n9-entry-content table {
  width: 100% !important;
  max-width: 100% !important;
}

body.single-n9_tool .n9-seo-single .n9-entry-content .wp-block-table,
body.single-n9_tool .n9-seo-single .n9-entry-content .n9-table-scroll {
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* Search widget: keep the controls inside their card and below the snapshot. */
body.single-n9_tool .n9-seo-single .n9-sidebar .n9-search-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}

body.single-n9_tool .n9-seo-single .n9-sidebar .n9-search-form label,
body.single-n9_tool .n9-seo-single .n9-sidebar .n9-search-input-wrap {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.single-n9_tool .n9-seo-single .n9-sidebar .n9-search-form input[type="search"] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 48px !important;
}

body.single-n9_tool .n9-seo-single .n9-sidebar .n9-search-form > button[type="submit"] {
  min-width: 112px !important;
  min-height: 48px !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body.single-n9_tool .n9-seo-single .n9-prediction-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  body.single-n9_tool .n9-seo-single .n9-prediction-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: stretch !important;
  }

  body.single-n9_tool .n9-seo-single .n9-calculator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.single-n9_tool .n9-seo-single {
    padding-bottom: calc(118px + env(safe-area-inset-bottom)) !important;
  }

  body.single-n9_tool .n9-seo-single .n9-prediction-layout {
    gap: 20px !important;
    margin-top: 20px !important;
  }

  body.single-n9_tool .n9-seo-single .n9-prediction-hero,
  body.single-n9_tool .n9-seo-single .n9-content-panel,
  body.single-n9_tool .n9-seo-single .n9-calculator,
  body.single-n9_tool .n9-seo-single .n9-seo-resource-card,
  body.single-n9_tool .n9-seo-single .n9-widget {
    border-radius: 22px !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-resource-card {
    padding: 22px !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-resource-card h2 {
    font-size: clamp(25px, 8vw, 32px) !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-resource-card p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-resource-list > div {
    padding: 14px !important;
  }

  body.single-n9_tool .n9-seo-single .n9-seo-resource-list strong {
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  body.single-n9_tool .n9-seo-single .n9-prediction-summary,
  body.single-n9_tool .n9-seo-single .n9-calculator-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.single-n9_tool .n9-seo-single .n9-content-panel,
  body.single-n9_tool .n9-seo-single .n9-calculator,
  body.single-n9_tool .n9-seo-single .n9-widget {
    padding: 20px !important;
  }

  body.single-n9_tool .n9-seo-single .n9-entry-content {
    font-size: 16px !important;
    line-height: 1.72 !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 460px) {
  body.single-n9_tool .n9-seo-single .n9-sidebar .n9-search-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.single-n9_tool .n9-seo-single .n9-sidebar .n9-search-form > button[type="submit"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.single-n9_tool .n9-seo-single .n9-prediction-hero,
  body.single-n9_tool .n9-seo-single .n9-content-panel,
  body.single-n9_tool .n9-seo-single .n9-calculator,
  body.single-n9_tool .n9-seo-single .n9-seo-resource-card,
  body.single-n9_tool .n9-seo-single .n9-widget {
    padding-left: 17px !important;
    padding-right: 17px !important;
  }
}

/* Extended calculator controls: scoped to Betting Tool single pages only. */
body.single-n9_tool .n9-calculator select{
  width:100%;
  min-width:0;
  border:1px solid #263248;
  border-radius:14px;
  background:#020617;
  color:#e2e8f0;
  padding:12px 14px;
  font:800 14px "JetBrains Mono",monospace;
  outline:none;
}
body.single-n9_tool .n9-calculator select:focus{
  border-color:#10b981;
  box-shadow:0 0 0 3px rgba(16,185,129,.12);
}
body.single-n9_tool .n9-calculator-field-help{
  display:block;
  margin-top:6px;
  color:#94a3b8;
  font-size:11px;
  line-height:1.45;
}
body.single-n9_tool .n9-calculator-result{
  white-space:pre-line;
  overflow-wrap:anywhere;
}
html[data-n9-theme="light"] body.single-n9_tool .n9-calculator select{
  background:#fff;
  border-color:#cbd5e1;
  color:#0f172a;
}
html[data-n9-theme="light"] body.single-n9_tool .n9-calculator-field-help{
  color:#64748b;
}