/*
Theme Name: NaijaScore9 Exchange
Theme URI: https://score9ja.com/
Author: NaijaScore9
Author URI: https://score9ja.com/
Description: A fast, accessible and fully customizable prediction-market, sports, odds, betting-tips and publishing theme. Includes an editable exchange dashboard, moderated market proposals, prediction/event/tip content models, page-builder compatibility, Gutenberg patterns, SEO/schema fallbacks and modular integration hooks.
Version: 2.3.48.93
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: naijascore9-exchange
Domain Path: /languages
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, accessibility-ready, block-styles, wide-blocks, blog, news, entertainment, full-width-template, rtl-language-support
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* v2.3.48.9 primary header menu final overrides */
.n9-desktop-primary-nav{display:flex;align-items:center;justify-content:center;min-width:0}
.n9-primary-menu{display:flex;align-items:center;justify-content:center;gap:5px;list-style:none;margin:0;padding:0}.n9-primary-menu>li{position:relative}.n9-primary-menu>li>a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:10px 12px;border:1px solid transparent;border-radius:999px;color:#cbd5e1!important;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.n9-primary-menu>li>a:hover,.n9-primary-menu>li:focus-within>a,.n9-primary-menu>.current-menu-item>a,.n9-primary-menu>.current-menu-ancestor>a{background:rgba(16,185,129,.12)!important;border-color:rgba(45,212,191,.32)!important;color:#f8fafc!important}.n9-primary-menu>li.menu-item-has-children>a:after{content:"";width:6px;height:6px;margin-left:1px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.72}.n9-primary-menu .sub-menu{position:absolute;z-index:999;top:calc(100% + 12px);left:0;display:block!important;min-width:250px;max-width:310px;margin:0;padding:9px;list-style:none;background:#020617!important;border:1px solid rgba(45,212,191,.18)!important;border-radius:18px;box-shadow:0 24px 70px rgba(2,6,23,.62)!important;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:.18s ease}.n9-primary-menu>li:nth-last-child(-n+2)>.sub-menu{left:auto;right:0}.n9-primary-menu li:hover>.sub-menu,.n9-primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.n9-primary-menu .sub-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:10px 11px;border-radius:12px;color:#94a3b8!important;text-decoration:none;font-size:11px;font-weight:850;line-height:1.2;white-space:normal}.n9-primary-menu .sub-menu a:hover,.n9-primary-menu .sub-menu .current-menu-item>a{background:rgba(16,185,129,.1)!important;color:#f8fafc!important}.n9-primary-menu .sub-menu a:after{content:"›";color:#10b981;font-weight:900;opacity:.7}.n9-drawer-menu .menu-item-has-children>a:after{content:"⌄";margin-left:auto;color:#10b981;font-size:12px;font-weight:900}.n9-drawer-menu .sub-menu{display:block!important;margin:6px 0 8px 14px;padding-left:10px;border-left:1px solid rgba(45,212,191,.18)}@media(max-width:1540px){.n9-header-search{display:none}.n9-primary-menu>li>a{padding-inline:10px;font-size:11px}}@media(max-width:1320px){.n9-global-ticker{display:none}}@media(max-width:1080px){.n9-desktop-primary-nav{display:none!important}}

/* v2.3.48.10 final header correction: top ticker/balance row + clean editable menu row */
.n9-site-header{background:#0b1120!important;border-bottom:1px solid rgba(16,185,129,.10)!important;box-shadow:0 14px 38px rgba(2,6,23,.18)!important}.n9-site-header .n9-exchange-header-inner{min-height:78px!important;display:grid!important;grid-template-columns:minmax(150px,220px) minmax(420px,1fr) auto!important;align-items:center!important;gap:22px!important;padding-top:12px!important;padding-bottom:8px!important}.n9-site-header .n9-global-ticker{display:flex!important;width:100%!important;max-width:880px!important;min-height:46px!important;justify-self:stretch!important;background:rgba(15,23,42,.72)!important;border-color:rgba(45,55,80,.96)!important}.n9-site-header .n9-desktop-header-actions--top{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:max-content!important;justify-self:end!important}.n9-site-header .n9-desktop-header-actions--top .n9-header-balance{min-height:54px!important;padding:9px 18px!important;border-radius:18px!important;background:#0f172a!important;border-color:#263248!important}.n9-exchange-header-navrow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding-bottom:14px!important}.n9-exchange-header-navrow .n9-desktop-primary-nav{display:flex!important;justify-self:start!important;min-width:0!important}.n9-exchange-header-navrow .n9-primary-menu{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important}.n9-exchange-header-navrow .n9-primary-menu>li>a{min-height:42px!important;padding:11px 16px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;color:#d7e2f0!important;border:1px solid rgba(51,65,85,.50)!important;background:rgba(15,23,42,.42)!important}.n9-exchange-header-navrow .n9-primary-menu>li>a:hover,.n9-exchange-header-navrow .n9-primary-menu>li:focus-within>a,.n9-exchange-header-navrow .n9-primary-menu>.current-menu-item>a,.n9-exchange-header-navrow .n9-primary-menu>.current-menu-ancestor>a{background:rgba(16,185,129,.13)!important;border-color:rgba(45,212,191,.38)!important;color:#fff!important}.n9-navrow-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:max-content!important}.n9-navrow-actions .n9-header-search .n9-search-form input{width:220px!important;height:42px!important;background:#0f172a!important;border-color:#263248!important;color:#e2e8f0!important}.n9-navrow-actions .n9-header-icon-button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important;background:#0f172a!important;border-color:#263248!important;color:#cbd5e1!important}.n9-navrow-actions .n9-register-button,.n9-navrow-actions .n9-login-button{min-height:42px!important;white-space:nowrap!important}html[data-n9-theme="light"] .n9-site-header,html[data-n9-theme="light"] .n9-site-header .n9-exchange-header-inner,html[data-n9-theme="light"] .n9-exchange-header-navrow{background:#0b1120!important}html[data-n9-theme="light"] .n9-site-header .n9-global-ticker,html[data-n9-theme="light"] .n9-site-header .n9-header-balance,html[data-n9-theme="light"] .n9-navrow-actions .n9-header-icon-button,html[data-n9-theme="light"] .n9-navrow-actions .n9-header-search .n9-search-form input{background:#0f172a!important;border-color:#263248!important;color:#cbd5e1!important}@media(max-width:1540px){.n9-navrow-actions .n9-header-search{display:none!important}.n9-exchange-header-navrow .n9-primary-menu>li>a{padding-inline:13px!important;font-size:11.5px!important}.n9-site-header .n9-global-ticker{max-width:720px!important}}@media(max-width:1320px) and (min-width:1081px){.n9-site-header .n9-exchange-header-inner{grid-template-columns:minmax(140px,190px) minmax(320px,1fr) auto!important;gap:16px!important}.n9-site-header .n9-global-ticker{display:flex!important;max-width:none!important}.n9-exchange-header-navrow{grid-template-columns:1fr!important}.n9-navrow-actions{display:none!important}.n9-exchange-header-navrow .n9-desktop-primary-nav{justify-self:center!important}.n9-exchange-header-navrow .n9-primary-menu{justify-content:center!important;flex-wrap:wrap!important;gap:7px!important}}@media(max-width:1080px){.n9-site-header .n9-exchange-header-inner{grid-template-columns:auto 1fr!important;min-height:72px!important;padding-top:10px!important;padding-bottom:10px!important}.n9-site-header .n9-global-ticker,.n9-site-header .n9-desktop-header-actions--top,.n9-exchange-header-navrow{display:none!important}.n9-mobile-header-actions{display:flex!important;justify-self:end!important}}@media(max-width:600px){.n9-drawer-menu .sub-menu{display:block!important;margin:6px 0 8px 14px!important;padding-left:10px!important;border-left:1px solid rgba(45,212,191,.18)!important}}


/* v2.3.48.14 React home primary menu row fix */
.n9-react-front-nav-wrap{position:sticky;top:78px;z-index:39;background:#0b1120!important;border-bottom:1px solid rgba(16,185,129,.12)!important;box-shadow:0 14px 32px rgba(2,6,23,.20)!important;padding:10px 18px 12px!important;margin:0!important}
.n9-react-front-nav-inner{width:min(1440px,calc(100% - 0px));margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px}
.n9-react-front-primary-nav{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;min-width:0}
.n9-react-primary-menu{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;list-style:none!important;margin:0!important;padding:0!important;flex-wrap:wrap!important}
.n9-react-primary-menu>li{position:relative!important;margin:0!important;padding:0!important}
.n9-react-primary-menu>li>a{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:11px 17px!important;border-radius:999px!important;border:1px solid rgba(51,65,85,.72)!important;background:rgba(15,23,42,.88)!important;color:#d7e2f0!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.n9-react-primary-menu>li>a:hover,.n9-react-primary-menu>li:focus-within>a,.n9-react-primary-menu>.current-menu-item>a,.n9-react-primary-menu>.current-menu-ancestor>a{background:rgba(16,185,129,.15)!important;border-color:rgba(45,212,191,.45)!important;color:#fff!important}
.n9-react-primary-menu>li.menu-item-has-children>a:after{content:"";width:7px;height:7px;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.75}
.n9-react-primary-menu .sub-menu{position:absolute!important;z-index:9999!important;top:calc(100% + 10px)!important;left:0!important;display:block!important;min-width:255px!important;max-width:330px!important;margin:0!important;padding:10px!important;list-style:none!important;background:#020617!important;border:1px solid rgba(45,212,191,.20)!important;border-radius:18px!important;box-shadow:0 26px 70px rgba(2,6,23,.72)!important;opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;pointer-events:none!important;transition:.18s ease!important}
.n9-react-primary-menu>li:nth-last-child(-n+2)>.sub-menu{left:auto!important;right:0!important}
.n9-react-primary-menu li:hover>.sub-menu,.n9-react-primary-menu li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}
.n9-react-primary-menu .sub-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:38px!important;padding:10px 11px!important;border-radius:12px!important;color:#94a3b8!important;text-decoration:none!important;font-size:11px!important;font-weight:850!important;line-height:1.25!important;white-space:normal!important;background:transparent!important}
.n9-react-primary-menu .sub-menu a:hover,.n9-react-primary-menu .sub-menu .current-menu-item>a{background:rgba(16,185,129,.10)!important;color:#f8fafc!important}
.n9-react-primary-menu .sub-menu a:after{content:"›";color:#10b981;font-weight:900;opacity:.75}
html[data-n9-theme="light"] .n9-react-front-nav-wrap{background:#0b1120!important;border-bottom-color:rgba(16,185,129,.12)!important}
@media(max-width:1320px){.n9-react-primary-menu>li>a{padding-inline:13px!important;font-size:11.5px!important}.n9-react-primary-menu{gap:7px!important}}
@media(max-width:1080px){.n9-react-front-nav-wrap{display:none!important}}

/* =========================================================
   v2.3.48.14 compact two-level exchange header
   Top row = Lekki Feed ticker only. Main row = logo + menu + actions.
   ========================================================= */
.n9-site-header--compact{
  background:#0b1120!important;
  border-bottom:1px solid rgba(16,185,129,.10)!important;
  box-shadow:0 12px 30px rgba(2,6,23,.18)!important;
  color:#e2e8f0!important;
}
.n9-site-header--compact .n9-header-ticker-top{padding:8px 0 0!important;background:#0b1120!important;}
.n9-site-header--compact .n9-header-ticker-container{display:flex!important;justify-content:center!important;align-items:center!important;}
.n9-site-header--compact .n9-global-ticker,
.n9-react-home-header .n9-react-ticker-top{
  display:flex!important;
  width:min(100%,980px)!important;
  max-width:980px!important;
  min-height:38px!important;
  height:38px!important;
  align-items:center!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(45,55,80,.96)!important;
  border-radius:999px!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
}
.n9-site-header--compact .n9-global-ticker-label,
.n9-react-home-header .n9-ticker-label{
  min-height:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 16px!important;
  background:rgba(15,23,42,.98)!important;
  border-right:1px solid rgba(51,65,85,.72)!important;
  box-shadow:12px 0 22px rgba(2,6,23,.82)!important;
  color:#10d6a3!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
.n9-site-header--compact .n9-global-ticker-label i{width:8px;height:8px;border-radius:50%;background:#10d6a3;display:inline-block;margin-right:10px;box-shadow:0 0 0 6px rgba(16,214,163,.10)}
.n9-site-header--compact .n9-global-ticker-viewport,
.n9-react-home-header .n9-ticker-viewport{padding-inline:14px!important;min-width:0!important;}
.n9-site-header--compact .n9-global-ticker-group,
.n9-react-home-header .n9-ticker-group{font-size:12px!important;gap:20px!important;color:#94a3b8!important;}
.n9-site-header--compact .n9-global-ticker-item strong.is-up,
.n9-react-home-header .n9-ticker-item .text-emerald-500{color:#10d6a3!important;}
.n9-site-header--compact .n9-global-ticker-item strong.is-down,
.n9-react-home-header .n9-ticker-item .text-red-500{color:#f43f5e!important;}
.n9-site-header--compact .n9-exchange-mainbar{
  min-height:60px!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:12px!important;
  padding-top:8px!important;
  padding-bottom:10px!important;
  background:#0b1120!important;
}
.n9-site-header--compact .n9-brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;margin-right:8px!important;}
.n9-site-header--compact .n9-brand img{height:38px!important;max-height:38px!important;max-width:182px!important;}
.n9-site-header--compact .n9-mainbar-primary-nav{display:flex!important;align-items:center!important;min-width:0!important;flex:0 1 auto!important;}
.n9-site-header--compact .n9-primary-menu,
.n9-react-home-header .n9-react-primary-menu{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important;
}
.n9-site-header--compact .n9-primary-menu>li,
.n9-react-home-header .n9-react-primary-menu>li{position:relative!important;}
.n9-site-header--compact .n9-primary-menu>li>a,
.n9-react-home-header .n9-react-primary-menu>li>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:10px 15px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;color:#d7e2f0!important;border:1px solid rgba(51,65,85,.55)!important;background:rgba(15,23,42,.44)!important;text-decoration:none!important;white-space:nowrap!important;
}
.n9-site-header--compact .n9-primary-menu>li.menu-item-has-children>a::after,
.n9-react-home-header .n9-react-primary-menu>li.menu-item-has-children>a::after{content:'⌄';margin-left:8px;color:#94a3b8;font-size:14px;line-height:1;}
.n9-site-header--compact .n9-primary-menu>li>a:hover,
.n9-site-header--compact .n9-primary-menu>li:focus-within>a,
.n9-site-header--compact .n9-primary-menu>.current-menu-item>a,
.n9-site-header--compact .n9-primary-menu>.current-menu-ancestor>a,
.n9-react-home-header .n9-react-primary-menu>li>a:hover,
.n9-react-home-header .n9-react-primary-menu>li:focus-within>a{
  background:rgba(16,185,129,.13)!important;border-color:rgba(45,212,191,.40)!important;color:#fff!important;
}
.n9-site-header--compact .n9-primary-menu .sub-menu,
.n9-react-home-header .n9-react-primary-menu .sub-menu{
  position:absolute!important;top:calc(100% + 10px)!important;left:0!important;z-index:1001!important;min-width:230px!important;display:block!important;opacity:0!important;visibility:hidden!important;transform:translateY(7px)!important;pointer-events:none!important;background:#020617!important;border:1px solid rgba(45,212,191,.22)!important;border-radius:18px!important;padding:9px!important;box-shadow:0 26px 50px rgba(2,6,23,.44)!important;
}
.n9-site-header--compact .n9-primary-menu li:hover>.sub-menu,
.n9-site-header--compact .n9-primary-menu li:focus-within>.sub-menu,
.n9-react-home-header .n9-react-primary-menu li:hover>.sub-menu,
.n9-react-home-header .n9-react-primary-menu li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu a,
.n9-react-home-header .n9-react-primary-menu .sub-menu a{display:block!important;padding:10px 12px!important;border-radius:12px!important;color:#cbd5e1!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu a:hover,
.n9-react-home-header .n9-react-primary-menu .sub-menu a:hover{background:rgba(16,185,129,.12)!important;color:#fff!important;}
.n9-mainbar-actions,
.n9-react-mainbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-left:auto!important;min-width:max-content!important;}
.n9-mainbar-actions .n9-header-search .n9-search-form input,
.n9-react-mainbar-search .n9-search-form input{width:220px!important;height:42px!important;border-radius:12px!important;background:#0f172a!important;border:1px solid #263248!important;color:#e2e8f0!important;padding:0 14px!important;}
.n9-mainbar-actions .n9-header-balance,
.n9-react-mainbar-actions>div:first-child:not(.n9-react-mainbar-search){min-height:46px!important;padding:8px 14px!important;border-radius:16px!important;background:#0f172a!important;border:1px solid #263248!important;}
.n9-mainbar-actions .n9-header-icon-button,
.n9-react-mainbar-actions button[title="Reset simulated wallet"],
.n9-react-mainbar-actions .n9-theme-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important;background:#0f172a!important;border-color:#263248!important;color:#cbd5e1!important;}
.n9-mainbar-actions .n9-register-button,
.n9-mainbar-actions .n9-login-button,
.n9-react-mainbar-actions .n9-auth-button{min-height:42px!important;border-radius:13px!important;white-space:nowrap!important;}
.n9-exchange-header-navrow,.n9-react-front-nav-wrap{display:none!important;}
html[data-n9-theme="light"] .n9-site-header--compact,
html[data-n9-theme="light"] .n9-site-header--compact .n9-exchange-mainbar,
.n9-app[data-theme="light"] .n9-react-home-header{background:#0b1120!important;color:#e2e8f0!important;}

/* React homepage header layout: ticker row first, logo/menu/actions in the main row. */
.n9-react-home-header{padding:0!important;background:#0b1120!important;border-bottom:1px solid rgba(16,185,129,.10)!important;box-shadow:0 12px 30px rgba(2,6,23,.18)!important;}
.n9-react-home-header>.n9-react-home-header-inner{max-width:1440px!important;margin:0 auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px 12px!important;padding:8px 28px 10px!important;}
.n9-react-home-header .n9-react-ticker-top{order:1!important;flex:0 0 min(100%,980px)!important;margin:0 auto 4px!important;}
.n9-react-home-header .n9-home-logo{order:2!important;flex:0 0 auto!important;margin-right:8px!important;height:40px!important;max-height:40px!important;}
.n9-react-home-header .n9-home-logo img{height:38px!important;max-height:38px!important;max-width:182px!important;}
.n9-react-mainbar-nav{order:3!important;display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;}
.n9-react-mainbar-actions{order:4!important;}
.n9-react-mainbar-actions .n9-react-mainbar-search{display:block!important;}
.n9-react-mainbar-search .n9-search-form{margin:0!important;}

@media(max-width:1540px){
  .n9-mainbar-actions .n9-header-search,.n9-react-mainbar-search{display:none!important;}
  .n9-site-header--compact .n9-primary-menu>li>a,.n9-react-home-header .n9-react-primary-menu>li>a{padding-inline:13px!important;font-size:11.5px!important;}
  .n9-site-header--compact .n9-global-ticker,.n9-react-home-header .n9-react-ticker-top{max-width:900px!important;}
}
@media(max-width:1320px) and (min-width:1081px){
  .n9-site-header--compact .n9-header-balance,.n9-react-mainbar-actions>div:first-child:not(.n9-react-mainbar-search){display:none!important;}
  .n9-site-header--compact .n9-primary-menu>li>a,.n9-react-home-header .n9-react-primary-menu>li>a{padding-inline:11px!important;}
}
@media(max-width:1080px){
  .n9-site-header--compact .n9-header-ticker-top{padding-top:6px!important;}
  .n9-site-header--compact .n9-global-ticker{width:calc(100% - 24px)!important;min-height:34px!important;height:34px!important;}
  .n9-site-header--compact .n9-global-ticker-label{height:34px!important;min-height:34px!important;font-size:9px!important;padding-inline:12px!important;}
  .n9-site-header--compact .n9-global-ticker-group{font-size:11px!important;gap:16px!important;}
  .n9-site-header--compact .n9-exchange-mainbar{min-height:58px!important;padding-top:8px!important;padding-bottom:8px!important;}
  .n9-site-header--compact .n9-mainbar-primary-nav,.n9-site-header--compact .n9-mainbar-actions{display:none!important;}
  .n9-site-header--compact .n9-mobile-header-actions{display:flex!important;margin-left:auto!important;}
  .n9-site-header--compact .n9-brand img{height:36px!important;max-height:36px!important;max-width:160px!important;}
  .n9-react-home-header>.n9-react-home-header-inner{padding:7px 16px 9px!important;gap:8px!important;}
  .n9-react-home-header .n9-react-ticker-top{order:1!important;display:flex!important;flex-basis:100%!important;width:100%!important;max-width:100%!important;height:34px!important;min-height:34px!important;margin-bottom:3px!important;}
  .n9-react-home-header .n9-ticker-label{height:34px!important;min-height:34px!important;font-size:9px!important;padding-inline:12px!important;}
  .n9-react-home-header .n9-ticker-group{font-size:11px!important;gap:16px!important;}
  .n9-react-home-header .n9-home-logo{order:2!important;}
  .n9-react-home-header .n9-home-logo img{height:36px!important;max-height:36px!important;max-width:160px!important;}
  .n9-react-mainbar-nav,.n9-react-mainbar-actions{display:none!important;}
}
@media(max-width:600px){
  .n9-site-header--compact .n9-global-ticker,.n9-react-home-header .n9-react-ticker-top{height:32px!important;min-height:32px!important;border-radius:18px!important;}
  .n9-site-header--compact .n9-global-ticker-label,.n9-react-home-header .n9-ticker-label{height:32px!important;min-height:32px!important;max-width:122px!important;overflow:hidden!important;}
  .n9-site-header--compact .n9-global-ticker-viewport,.n9-react-home-header .n9-ticker-viewport{padding-inline:10px!important;}
  .n9-site-header--compact .n9-global-ticker-group,.n9-react-home-header .n9-ticker-group{font-size:10.5px!important;gap:14px!important;}
}
.n9-react-mainbar-actions .n9-react-balance-card{min-height:46px!important;padding:8px 14px!important;border-radius:16px!important;background:#0f172a!important;border:1px solid #263248!important;}
@media(max-width:1320px) and (min-width:1081px){.n9-react-mainbar-actions .n9-react-balance-card{display:none!important;}}

/* =========================================================
   v2.3.48.14 final compact header rebuild
   Top row = short Lekki Feed only. Main row = logo + menu + actions.
   ========================================================= */
.n9-react-home-navrow,
.n9-react-front-nav-wrap{display:none!important;}
.n9-site-header--compact,
.n9-react-home-header{background:#0b1120!important;border-bottom:1px solid rgba(16,185,129,.12)!important;box-shadow:0 10px 24px rgba(2,6,23,.18)!important;color:#e2e8f0!important;}
.n9-react-home-header{padding:0!important;}
.n9-react-original-inner{display:none!important;}

/* PHP and React top ticker row: shorter height. */
.n9-site-header--compact .n9-header-ticker-top,
.n9-react-exchange-top{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:5px 20px 2px!important;background:#0b1120!important;box-sizing:border-box!important;}
.n9-site-header--compact .n9-header-ticker-container{width:min(1440px,calc(100% - 0px))!important;display:flex!important;justify-content:center!important;align-items:center!important;}
.n9-site-header--compact .n9-global-ticker,
.n9-react-exchange-top .n9-ticker-shell{display:flex!important;align-items:center!important;width:min(980px,100%)!important;max-width:980px!important;min-height:34px!important;height:34px!important;border-radius:999px!important;background:rgba(15,23,42,.74)!important;border:1px solid rgba(45,55,80,.92)!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;}
.n9-site-header--compact .n9-global-ticker-label,
.n9-react-exchange-top .n9-ticker-label{display:flex!important;align-items:center!important;gap:8px!important;min-height:34px!important;height:34px!important;padding:0 15px!important;background:rgba(15,23,42,.96)!important;border-right:1px solid rgba(51,65,85,.72)!important;box-shadow:10px 0 22px rgba(2,6,23,.72)!important;color:#10d6a3!important;font-size:9.5px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:900!important;white-space:nowrap!important;}
.n9-site-header--compact .n9-global-ticker-label i,
.n9-react-exchange-top .n9-ticker-label span:first-child{width:7px!important;height:7px!important;border-radius:999px!important;background:#10d6a3!important;box-shadow:0 0 14px rgba(16,214,163,.75)!important;}
.n9-site-header--compact .n9-global-ticker-viewport,
.n9-react-exchange-top .n9-ticker-viewport{display:flex!important;align-items:center!important;min-width:0!important;overflow:hidden!important;padding:0 14px!important;}
.n9-site-header--compact .n9-global-ticker-group,
.n9-react-exchange-top .n9-ticker-group{display:flex!important;align-items:center!important;gap:20px!important;white-space:nowrap!important;color:#94a3b8!important;font-size:11px!important;font-weight:800!important;}
.n9-site-header--compact .n9-global-ticker-item,
.n9-react-exchange-top .n9-ticker-item{display:inline-flex!important;align-items:center!important;gap:6px!important;}

/* PHP main row. */
.n9-site-header--compact .n9-exchange-mainbar{width:min(1440px,calc(100% - 48px))!important;min-height:58px!important;margin:0 auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:6px 0 8px!important;background:#0b1120!important;box-sizing:border-box!important;}
.n9-site-header--compact .n9-brand{grid-column:1!important;display:flex!important;align-items:center!important;justify-self:start!important;min-width:150px!important;margin:0!important;}
.n9-site-header--compact .n9-brand img{height:34px!important;max-height:34px!important;max-width:178px!important;width:auto!important;object-fit:contain!important;object-position:left center!important;}
.n9-site-header--compact .n9-mainbar-primary-nav{grid-column:2!important;display:flex!important;align-items:center!important;justify-self:start!important;min-width:0!important;}
.n9-site-header--compact .n9-mainbar-actions{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-left:0!important;min-width:max-content!important;}

/* React main row built by front-page.php. */
.n9-react-exchange-shell{display:block!important;width:100%!important;background:#0b1120!important;}
.n9-react-exchange-main{width:min(1440px,calc(100% - 48px))!important;min-height:58px!important;margin:0 auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:6px 0 8px!important;box-sizing:border-box!important;background:#0b1120!important;}
.n9-react-exchange-brand{grid-column:1!important;display:flex!important;align-items:center!important;justify-self:start!important;min-width:150px!important;}
.n9-react-exchange-brand .n9-home-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;width:auto!important;max-width:190px!important;height:38px!important;max-height:38px!important;}
.n9-react-exchange-brand .n9-home-logo img{display:block!important;height:34px!important;max-height:34px!important;max-width:178px!important;width:auto!important;object-fit:contain!important;object-position:left center!important;}
.n9-react-exchange-menu{grid-column:2!important;display:flex!important;align-items:center!important;justify-self:start!important;min-width:0!important;overflow:visible!important;}
.n9-react-exchange-actions{grid-column:3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:max-content!important;}
.n9-react-exchange-mobile-actions{display:none!important;}

/* Menu pills. */
.n9-site-header--compact .n9-primary-menu,
.n9-react-exchange-menu .n9-react-primary-menu{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important;}
.n9-site-header--compact .n9-primary-menu>li,
.n9-react-exchange-menu .n9-react-primary-menu>li{position:relative!important;margin:0!important;padding:0!important;}
.n9-site-header--compact .n9-primary-menu>li>a,
.n9-react-exchange-menu .n9-react-primary-menu>li>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;padding:9px 14px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;line-height:1!important;color:#d7e2f0!important;text-decoration:none!important;white-space:nowrap!important;background:rgba(15,23,42,.56)!important;border:1px solid rgba(51,65,85,.58)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;}
.n9-site-header--compact .n9-primary-menu>li.menu-item-has-children>a::after,
.n9-react-exchange-menu .n9-react-primary-menu>li.menu-item-has-children>a::after{content:""!important;width:7px!important;height:7px!important;margin-left:2px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:rotate(45deg) translateY(-2px)!important;opacity:.68!important;}
.n9-site-header--compact .n9-primary-menu>li>a:hover,
.n9-site-header--compact .n9-primary-menu>li:focus-within>a,
.n9-react-exchange-menu .n9-react-primary-menu>li>a:hover,
.n9-react-exchange-menu .n9-react-primary-menu>li:focus-within>a{background:rgba(16,185,129,.14)!important;border-color:rgba(45,212,191,.42)!important;color:#fff!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu,
.n9-react-exchange-menu .n9-react-primary-menu .sub-menu{position:absolute!important;top:calc(100% + 9px)!important;left:0!important;z-index:9999!important;display:block!important;min-width:230px!important;max-width:320px!important;padding:9px!important;margin:0!important;list-style:none!important;background:#020617!important;border:1px solid rgba(45,212,191,.22)!important;border-radius:18px!important;box-shadow:0 26px 60px rgba(2,6,23,.68)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;transition:.18s ease!important;}
.n9-site-header--compact .n9-primary-menu li:hover>.sub-menu,
.n9-site-header--compact .n9-primary-menu li:focus-within>.sub-menu,
.n9-react-exchange-menu .n9-react-primary-menu li:hover>.sub-menu,
.n9-react-exchange-menu .n9-react-primary-menu li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu a,
.n9-react-exchange-menu .n9-react-primary-menu .sub-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:36px!important;padding:9px 11px!important;border-radius:12px!important;background:transparent!important;color:#cbd5e1!important;text-decoration:none!important;font-size:11.5px!important;font-weight:850!important;line-height:1.2!important;white-space:normal!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu a:hover,
.n9-react-exchange-menu .n9-react-primary-menu .sub-menu a:hover{background:rgba(16,185,129,.12)!important;color:#fff!important;}

/* Compact actions. */
.n9-site-header--compact .n9-header-search .n9-search-form input,
.n9-react-exchange-actions .n9-react-mainbar-search .n9-search-form input{width:210px!important;height:38px!important;border-radius:12px!important;background:#0f172a!important;border:1px solid #263248!important;color:#e2e8f0!important;padding:0 14px!important;font-size:13px!important;}
.n9-site-header--compact .n9-header-balance,
.n9-react-exchange-actions .n9-react-balance-card{min-height:40px!important;padding:7px 12px!important;border-radius:14px!important;background:#0f172a!important;border:1px solid #263248!important;display:flex!important;align-items:center!important;gap:10px!important;}
.n9-site-header--compact .n9-header-balance small,
.n9-react-exchange-actions .n9-react-balance-card p:first-child{font-size:8px!important;line-height:1!important;letter-spacing:.09em!important;color:#94a3b8!important;}
.n9-site-header--compact .n9-header-balance strong,
.n9-react-exchange-actions .n9-react-balance-card p:last-child{font-size:12px!important;line-height:1.1!important;color:#10d6a3!important;}
.n9-site-header--compact .n9-header-icon-button,
.n9-react-exchange-actions button[title="Reset simulated wallet"],
.n9-react-exchange-actions .n9-theme-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:12px!important;background:#0f172a!important;border:1px solid #263248!important;color:#cbd5e1!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.n9-site-header--compact .n9-register-button,
.n9-site-header--compact .n9-login-button,
.n9-react-exchange-actions .n9-auth-button{min-height:38px!important;border-radius:12px!important;padding:0 14px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;}
html[data-n9-theme="light"] .n9-site-header--compact,
html[data-n9-theme="light"] .n9-react-home-header,
.n9-app[data-theme="light"] .n9-react-home-header{background:#0b1120!important;color:#e2e8f0!important;}

@media(max-width:1540px){
  .n9-site-header--compact .n9-header-search,.n9-react-exchange-actions .n9-react-mainbar-search{display:none!important;}
  .n9-site-header--compact .n9-primary-menu>li>a,.n9-react-exchange-menu .n9-react-primary-menu>li>a{padding-inline:12px!important;font-size:11.5px!important;}
  .n9-site-header--compact .n9-global-ticker,.n9-react-exchange-top .n9-ticker-shell{max-width:900px!important;}
}
@media(max-width:1320px) and (min-width:1081px){
  .n9-site-header--compact .n9-exchange-mainbar,.n9-react-exchange-main{grid-template-columns:auto 1fr auto!important;width:min(1200px,calc(100% - 32px))!important;gap:10px!important;}
  .n9-site-header--compact .n9-header-balance,.n9-react-exchange-actions .n9-react-balance-card{display:none!important;}
  .n9-site-header--compact .n9-primary-menu>li>a,.n9-react-exchange-menu .n9-react-primary-menu>li>a{padding-inline:10px!important;font-size:11px!important;}
}
@media(max-width:1080px){
  .n9-site-header--compact .n9-header-ticker-top,.n9-react-exchange-top{padding:6px 14px 3px!important;}
  .n9-site-header--compact .n9-global-ticker,.n9-react-exchange-top .n9-ticker-shell{height:32px!important;min-height:32px!important;width:100%!important;max-width:100%!important;}
  .n9-site-header--compact .n9-global-ticker-label,.n9-react-exchange-top .n9-ticker-label{height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:9px!important;max-width:130px!important;overflow:hidden!important;}
  .n9-site-header--compact .n9-global-ticker-viewport,.n9-react-exchange-top .n9-ticker-viewport{padding-inline:10px!important;}
  .n9-site-header--compact .n9-global-ticker-group,.n9-react-exchange-top .n9-ticker-group{font-size:10.5px!important;gap:16px!important;}
  .n9-site-header--compact .n9-exchange-mainbar,.n9-react-exchange-main{width:calc(100% - 28px)!important;min-height:50px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;padding:5px 0 7px!important;}
  .n9-site-header--compact .n9-brand,.n9-react-exchange-brand{grid-column:1!important;min-width:0!important;justify-self:start!important;}
  .n9-site-header--compact .n9-brand img,.n9-react-exchange-brand .n9-home-logo img{height:32px!important;max-height:32px!important;max-width:148px!important;}
  .n9-site-header--compact .n9-mainbar-primary-nav,.n9-site-header--compact .n9-mainbar-actions,.n9-react-exchange-menu,.n9-react-exchange-actions{display:none!important;}
  .n9-site-header--compact .n9-mobile-header-actions,.n9-react-exchange-mobile-actions{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin-left:auto!important;}
  .n9-react-exchange-mobile-actions .n9-react-mobile-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
  .n9-site-header--compact .n9-mobile-header-actions .n9-header-icon-button,.n9-site-header--compact .n9-menu-toggle,
  .n9-react-exchange-mobile-actions .n9-theme-toggle,.n9-react-exchange-mobile-actions button[aria-label="Open navigation"]{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important;background:#0f172a!important;border:1px solid #263248!important;color:#e2e8f0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
}
@media(max-width:420px){
  .n9-site-header--compact .n9-brand img,.n9-react-exchange-brand .n9-home-logo img{max-width:136px!important;height:30px!important;max-height:30px!important;}
  .n9-site-header--compact .n9-mobile-header-actions .n9-header-icon-button,.n9-site-header--compact .n9-menu-toggle,
  .n9-react-exchange-mobile-actions .n9-theme-toggle,.n9-react-exchange-mobile-actions button[aria-label="Open navigation"]{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
}

/* Mobile drawer cleanup / redesign. */
.n9-react-mobile-drawer-clean,
aside[role="dialog"].n9-react-mobile-drawer-clean{background:#07111f!important;border-left:1px solid rgba(45,212,191,.20)!important;color:#e2e8f0!important;box-shadow:-28px 0 80px rgba(2,6,23,.72)!important;}
.n9-react-mobile-drawer-clean a{text-decoration:none!important;}
.n9-react-mobile-drawer-clean .n9-react-mobile-tree-nav{margin-top:14px!important;padding:14px!important;border:1px solid rgba(45,212,191,.16)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,6,23,.94))!important;box-shadow:0 18px 42px rgba(2,6,23,.34)!important;}
.n9-react-mobile-tree-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:950!important;}
.n9-react-mobile-tree-head small{font-size:9px!important;color:#10d6a3!important;letter-spacing:.08em!important;}
.n9-react-mobile-menu{display:grid!important;gap:9px!important;margin:0!important;padding:0!important;list-style:none!important;}
.n9-react-mobile-menu li{margin:0!important;padding:0!important;list-style:none!important;}
.n9-react-mobile-menu>li>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;padding:13px 14px!important;border-radius:15px!important;border:1px solid rgba(51,65,85,.70)!important;background:rgba(15,23,42,.80)!important;color:#e2e8f0!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important;}
.n9-react-mobile-menu>li>a::after{content:"›"!important;color:#10d6a3!important;font-size:20px!important;line-height:1!important;}
.n9-react-mobile-menu .sub-menu{display:grid!important;gap:7px!important;margin:8px 0 2px 12px!important;padding:0 0 0 12px!important;border-left:1px solid rgba(45,212,191,.20)!important;list-style:none!important;}
.n9-react-mobile-menu .sub-menu a{display:flex!important;align-items:center!important;min-height:38px!important;padding:9px 11px!important;border-radius:12px!important;background:rgba(2,6,23,.50)!important;color:#b7c4d6!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;}
.n9-react-mobile-menu a:hover{border-color:rgba(45,212,191,.38)!important;background:rgba(16,185,129,.12)!important;color:#fff!important;}


/* =========================================================
   v2.3.48.17 header stability + interactive fixes
   ========================================================= */
.n9-site-header--compact,
.n9-react-home-header,
.n9-react-exchange-shell,
.n9-react-exchange-top,
.n9-react-exchange-main{background:#0b1120!important;color:#e2e8f0!important;}

/* Stable dropdowns: no gap between pill and submenu, and class-based fallback. */
.n9-site-header--compact .n9-primary-menu>li.menu-item-has-children,
.n9-react-home-header .n9-react-primary-menu>li.menu-item-has-children,
.n9-react-exchange-menu .n9-react-primary-menu>li.menu-item-has-children{position:relative!important;}
.n9-site-header--compact .n9-primary-menu>li.menu-item-has-children::after,
.n9-react-home-header .n9-react-primary-menu>li.menu-item-has-children::after,
.n9-react-exchange-menu .n9-react-primary-menu>li.menu-item-has-children::after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;height:16px!important;background:transparent!important;display:block!important;z-index:1000!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu,
.n9-react-home-header .n9-react-primary-menu .sub-menu,
.n9-react-exchange-menu .n9-react-primary-menu .sub-menu{top:calc(100% + 6px)!important;min-width:270px!important;max-width:360px!important;padding:12px!important;border-radius:22px!important;background:linear-gradient(180deg,#020817 0%,#030712 100%)!important;border:1px solid rgba(45,212,191,.24)!important;box-shadow:0 30px 70px rgba(2,6,23,.72),inset 0 1px 0 rgba(255,255,255,.04)!important;}
.n9-site-header--compact .n9-primary-menu li.is-open>.sub-menu,
.n9-site-header--compact .n9-primary-menu li:hover>.sub-menu,
.n9-site-header--compact .n9-primary-menu li:focus-within>.sub-menu,
.n9-react-home-header .n9-react-primary-menu li.is-open>.sub-menu,
.n9-react-home-header .n9-react-primary-menu li:hover>.sub-menu,
.n9-react-home-header .n9-react-primary-menu li:focus-within>.sub-menu,
.n9-react-exchange-menu .n9-react-primary-menu li.is-open>.sub-menu,
.n9-react-exchange-menu .n9-react-primary-menu li:hover>.sub-menu,
.n9-react-exchange-menu .n9-react-primary-menu li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu a,
.n9-react-home-header .n9-react-primary-menu .sub-menu a,
.n9-react-exchange-menu .n9-react-primary-menu .sub-menu a{min-height:40px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:14px!important;color:#cbd5e1!important;font-size:12px!important;line-height:1.22!important;}
.n9-site-header--compact .n9-primary-menu .sub-menu a:hover,
.n9-react-home-header .n9-react-primary-menu .sub-menu a:hover,
.n9-react-exchange-menu .n9-react-primary-menu .sub-menu a:hover{background:rgba(16,185,129,.12)!important;border-color:rgba(45,212,191,.20)!important;color:#fff!important;transform:none!important;}

/* Reliable ticker marquee, right-to-left, for PHP and React headers. */
@keyframes n9HeaderTickerMarquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
.n9-global-ticker-track,
.n9-ticker-track{display:flex!important;width:max-content!important;min-width:max-content!important;will-change:transform!important;animation:n9HeaderTickerMarquee var(--n9-ticker-speed,32s) linear infinite!important;}
.n9-global-ticker:hover .n9-global-ticker-track,
.n9-ticker-shell:hover .n9-ticker-track{animation-play-state:running!important;}
.n9-global-ticker-group,
.n9-ticker-group{display:flex!important;align-items:center!important;flex:0 0 auto!important;white-space:nowrap!important;padding-right:22px!important;}
.n9-global-ticker-viewport,
.n9-ticker-viewport{overflow:hidden!important;}

/* Header search and wallet controls remain clickable above the dashboard. */
.n9-header-search,.n9-react-mainbar-search{position:relative!important;z-index:1010!important;}
.n9-search-suggestions{z-index:9999!important;}
.n9-mainbar-actions button,.n9-react-mainbar-actions button,.n9-mobile-balance-card button{pointer-events:auto!important;}

/* Keep navigation/drawer dark in both dark and light mode. */
html[data-n9-theme="light"] .n9-site-header--compact,
html[data-n9-theme="light"] .n9-react-home-header,
html[data-n9-theme="light"] .n9-react-exchange-shell,
html[data-n9-theme="light"] .n9-react-exchange-top,
html[data-n9-theme="light"] .n9-react-exchange-main,
.n9-app[data-theme="light"] .n9-react-home-header,
.n9-app[data-theme="light"] .n9-react-exchange-shell,
.n9-app[data-theme="light"] .n9-react-exchange-top,
.n9-app[data-theme="light"] .n9-react-exchange-main{background:#0b1120!important;color:#e2e8f0!important;}
html[data-n9-theme="light"] .n9-mobile-drawer,
html[data-n9-theme="light"] .n9-mobile-drawer-head,
html[data-n9-theme="light"] .n9-mobile-drawer-footer,
html[data-n9-theme="light"] aside[role="dialog"],
.n9-app[data-theme="light"] aside[role="dialog"]{background:#07111f!important;color:#e2e8f0!important;border-color:rgba(45,212,191,.20)!important;box-shadow:-28px 0 90px rgba(2,6,23,.72)!important;}
html[data-n9-theme="light"] .n9-mobile-drawer input,
.n9-app[data-theme="light"] aside[role="dialog"] input{background:#0f172a!important;border-color:#263248!important;color:#e2e8f0!important;}
html[data-n9-theme="light"] .n9-mobile-balance-card,
html[data-n9-theme="light"] .n9-react-mobile-drawer-clean .rounded-2xl,
.n9-app[data-theme="light"] aside[role="dialog"] .rounded-2xl{background:#0f172a!important;border-color:#263248!important;color:#e2e8f0!important;}
html[data-n9-theme="light"] .n9-mobile-drawer a,
.n9-app[data-theme="light"] aside[role="dialog"] a{color:#dbeafe!important;}

/* React mobile drawer menu: visible, compact, dark and non-duplicated. */
.n9-react-mobile-drawer-clean .n9-react-mobile-tree-nav{display:block!important;margin-top:14px!important;padding:14px!important;border:1px solid rgba(45,212,191,.16)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(2,6,23,.96))!important;box-shadow:0 18px 42px rgba(2,6,23,.34)!important;}
.n9-react-mobile-tree-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 10px!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:10px!important;font-weight:950!important;}
.n9-react-mobile-tree-head small{font-size:9px!important;color:#10d6a3!important;letter-spacing:.08em!important;}
.n9-react-mobile-menu{display:grid!important;gap:9px!important;margin:0!important;padding:0!important;list-style:none!important;}
.n9-react-mobile-menu>li{margin:0!important;padding:0!important;list-style:none!important;border:0!important;background:transparent!important;}
.n9-react-mobile-menu>li>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;padding:13px 14px!important;border-radius:15px!important;border:1px solid rgba(51,65,85,.70)!important;background:rgba(15,23,42,.84)!important;color:#e2e8f0!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important;}
.n9-react-mobile-menu>li>a::after{content:"›"!important;color:#10d6a3!important;font-size:20px!important;line-height:1!important;}
.n9-react-mobile-menu .sub-menu{display:grid!important;gap:7px!important;margin:8px 0 2px 12px!important;padding:0 0 0 12px!important;border-left:1px solid rgba(45,212,191,.20)!important;list-style:none!important;}
.n9-react-mobile-menu .sub-menu a{display:flex!important;align-items:center!important;min-height:38px!important;padding:9px 11px!important;border-radius:12px!important;background:rgba(2,6,23,.50)!important;color:#b7c4d6!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;}
.n9-react-mobile-menu a:hover{border-color:rgba(45,212,191,.38)!important;background:rgba(16,185,129,.12)!important;color:#fff!important;}
.n9-react-mobile-drawer-clean section:empty{display:none!important;}

@media(max-width:1080px){
  .n9-react-home-header .n9-react-exchange-main,
  .n9-site-header--compact .n9-exchange-mainbar{box-shadow:0 8px 22px rgba(2,6,23,.22)!important;}
  .n9-react-home-header .n9-react-exchange-mobile-actions .n9-theme-toggle,
  .n9-react-home-header .n9-react-exchange-mobile-actions button[aria-label="Open navigation"],
  .n9-site-header--compact .n9-mobile-header-actions .n9-header-icon-button,
  .n9-site-header--compact .n9-mobile-header-actions .n9-menu-toggle{box-shadow:none!important;filter:none!important;}
}


/* v2.3.48.24 robust market topbar hide after above-the-fold */
body.n9-top-market-hidden .n9-site-header .n9-header-ticker-top,
html.n9-top-market-hidden .n9-site-header .n9-header-ticker-top,
body.n9-top-market-hidden #root .n9-react-native-header .n9-react-native-top,
html.n9-top-market-hidden #root .n9-react-native-header .n9-react-native-top,
body.n9-top-market-hidden .n9-react-native-header .n9-react-native-top,
html.n9-top-market-hidden .n9-react-native-header .n9-react-native-top{
  max-height:0!important;
  min-height:0!important;
  height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transform:translateY(-8px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border-bottom-color:transparent!important;
}
body.n9-top-market-hidden .n9-site-header .n9-header-ticker-container--with-actions,
html.n9-top-market-hidden .n9-site-header .n9-header-ticker-container--with-actions,
body.n9-top-market-hidden #root .n9-react-native-top-inner,
html.n9-top-market-hidden #root .n9-react-native-top-inner{
  min-height:0!important;
  height:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}
body:not(.n9-top-market-hidden) .n9-site-header .n9-header-ticker-top,
html:not(.n9-top-market-hidden) .n9-site-header .n9-header-ticker-top{
  display:block!important;
}
.n9-site-header .n9-header-ticker-top,
.n9-react-native-header .n9-react-native-top{
  will-change:max-height,opacity,transform;
}


/* v2.3.48.28: single mobile drawer menu on non-home pages + home-style scroll behavior everywhere. */
@media (max-width: 767px) {
  .n9-mobile-drawer-section--menu:not([data-n9-mobile-menu-primary="1"]),
  .n9-mobile-drawer-body > .n9-react-mobile-drawer-clean + .n9-react-mobile-drawer-clean,
  .n9-mobile-drawer-body > .n9-mobile-drawer-section--menu + .n9-mobile-drawer-section--menu {
    display: none !important;
  }

  .n9-mobile-drawer-section--primary,
  .n9-mobile-drawer-section--primary .n9-drawer-primary-nav,
  .n9-mobile-drawer-section--primary .n9-react-mobile-tree-nav,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu-suite,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu-suite {
    display: block !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .n9-mobile-drawer-body {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
    padding-bottom: calc(36px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .n9-mobile-drawer-section--primary .n9-php-mobile-menu > li > .sub-menu,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu > li > .sub-menu,
  .n9-mobile-drawer-section--primary .n9-mobile-submenu-scroll {
    max-height: min(38dvh, 320px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45, 212, 191, .85) rgba(15, 23, 42, .75) !important;
  }

  .n9-mobile-drawer-section--primary .n9-php-mobile-menu > li.is-open > .sub-menu,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu > li.is-open > .sub-menu {
    display: grid !important;
  }

  .n9-mobile-drawer-section--primary .n9-php-mobile-menu > li:not(.is-open) > .sub-menu,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu > li:not(.is-open) > .sub-menu {
    display: none !important;
  }
}


/* v2.3.48.32: final mobile drawer unification and scroll stability. */
@media (max-width: 767px) {
  html, body { max-width:100% !important; overflow-x:hidden !important; }
  body.n9-drawer-open { overflow:hidden !important; }

  .n9-mobile-drawer-shell,
  .n9-react-mobile-drawer-layer {
    position: fixed !important;
    inset: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    touch-action: auto !important;
    overscroll-behavior: contain !important;
  }

  .n9-mobile-drawer,
  .n9-react-mobile-drawer-panel,
  #root aside[role="dialog"] {
    width: min(92vw, 430px) !important;
    max-width: min(92vw, 430px) !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    background: radial-gradient(circle at top left, rgba(16,185,129,.16), transparent 36%), #07111e !important;
    border-left: 1px solid rgba(45,212,191,.22) !important;
    box-shadow: -12px 0 32px rgba(2,6,23,.44) !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
  }

  html[data-n9-theme="light"] .n9-mobile-drawer,
  .n9-app[data-theme="light"] #root aside[role="dialog"],
  .n9-app[data-theme="light"] .n9-react-mobile-drawer-panel {
    background: radial-gradient(circle at top left, rgba(16,185,129,.15), transparent 36%), #07111e !important;
    color: #e2e8f0 !important;
    box-shadow: -8px 0 20px rgba(15,23,42,.18) !important;
  }

  .n9-mobile-drawer-head,
  .n9-react-mobile-drawer-panel > div:first-child {
    flex: 0 0 auto !important;
    min-height: 92px !important;
    padding: 18px 18px !important;
    background: linear-gradient(135deg, rgba(3,40,43,.94), rgba(7,17,30,.98)) !important;
    border-bottom: 1px solid rgba(148,163,184,.32) !important;
  }

  .n9-mobile-drawer-body,
  .n9-react-mobile-drawer-body,
  .n9-mobile-scroll-body,
  .n9-react-mobile-drawer-panel > .flex-1,
  .n9-react-mobile-drawer-panel > .overflow-y-auto,
  .n9-react-mobile-drawer-panel > [class*="overflow-y-auto"] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    scrollbar-gutter: stable !important;
  }

  .n9-mobile-drawer-body::-webkit-scrollbar,
  .n9-react-mobile-drawer-body::-webkit-scrollbar,
  .n9-mobile-scroll-body::-webkit-scrollbar { width: 4px !important; }
  .n9-mobile-drawer-body::-webkit-scrollbar-thumb,
  .n9-react-mobile-drawer-body::-webkit-scrollbar-thumb,
  .n9-mobile-scroll-body::-webkit-scrollbar-thumb { background: rgba(45,212,191,.72) !important; border-radius:999px !important; }
  .n9-mobile-drawer-body::-webkit-scrollbar-track,
  .n9-react-mobile-drawer-body::-webkit-scrollbar-track,
  .n9-mobile-scroll-body::-webkit-scrollbar-track { background: transparent !important; }

  .n9-mobile-drawer-section:not(.n9-mobile-drawer-section--primary),
  .n9-mobile-category-grid,
  .n9-mobile-drawer [data-n9-final-mobile-menu] { display:none !important; }

  .n9-mobile-drawer-section--primary,
  .n9-react-mobile-drawer-clean {
    display:block !important;
    margin-top: 16px !important;
    padding: 14px !important;
    border: 1px solid rgba(45,212,191,.18) !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(15,23,42,.94), rgba(2,6,23,.96)) !important;
    box-shadow: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .n9-mobile-drawer-section--primary .n9-react-mobile-tree-nav,
  .n9-react-mobile-drawer-clean .n9-react-mobile-tree-nav,
  .n9-drawer-primary-nav {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .n9-react-mobile-menu-suite,
  .n9-php-mobile-menu-suite { display:grid !important; gap:14px !important; min-height:0 !important; overflow:visible !important; }
  .n9-react-mobile-quick-grid,
  .n9-php-mobile-quick-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; margin:0 0 10px !important; }
  .n9-react-mobile-quick-grid a,
  .n9-php-mobile-quick-grid a { min-height:54px !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding:12px !important; border-radius:999px !important; border:1px solid rgba(45,212,191,.32) !important; background:rgba(13,74,68,.70) !important; color:#d7fff6 !important; font-size:13px !important; font-weight:950 !important; text-decoration:none !important; }

  .n9-react-mobile-menu,
  .n9-php-mobile-menu,
  .n9-drawer-menu { display:grid !important; gap:10px !important; margin:0 !important; padding:0 !important; list-style:none !important; overflow:visible !important; min-height:0 !important; }
  .n9-react-mobile-menu > li,
  .n9-php-mobile-menu > li,
  .n9-drawer-menu > li { margin:0 !important; padding:0 !important; list-style:none !important; border:0 !important; background:transparent !important; overflow:visible !important; min-height:0 !important; }

  .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-react-mobile-menu > li > a,
  .n9-php-mobile-menu > li > a,
  .n9-drawer-menu > li > a {
    width:100% !important;
    min-height:60px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:15px 18px !important;
    border-radius:20px !important;
    border:1px solid rgba(51,65,85,.86) !important;
    background:rgba(15,23,42,.78) !important;
    color:#f8fafc !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    text-decoration:none !important;
  }

  .n9-react-mobile-menu > li > .sub-menu,
  .n9-php-mobile-menu > li > .sub-menu,
  .n9-drawer-menu > li > .sub-menu,
  .n9-mobile-submenu-scroll {
    display:none !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    max-height:min(34dvh,278px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
    overscroll-behavior-y:contain !important;
    margin:9px 0 6px 20px !important;
    padding:0 6px 0 13px !important;
    border-left:1px solid rgba(45,212,191,.25) !important;
    list-style:none !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(45,212,191,.85) rgba(15,23,42,.72) !important;
  }
  .n9-react-mobile-menu > li.is-open > .sub-menu,
  .n9-php-mobile-menu > li.is-open > .sub-menu,
  .n9-drawer-menu > li.is-open > .sub-menu,
  .is-open > .n9-mobile-submenu-scroll { display:grid !important; }

  .n9-react-mobile-menu .sub-menu a,
  .n9-php-mobile-menu .sub-menu a,
  .n9-drawer-menu .sub-menu a,
  .n9-mobile-submenu-scroll a {
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:11px 14px !important;
    border-radius:15px !important;
    border:1px solid rgba(30,41,59,.78) !important;
    background:rgba(2,6,23,.72) !important;
    color:#dbeafe !important;
    font-size:13px !important;
    font-weight:900 !important;
    text-decoration:none !important;
  }
  .n9-react-mobile-view-all a,
  .n9-php-mobile-menu .n9-react-mobile-view-all a { background:rgba(13,74,68,.82) !important; border-color:rgba(45,212,191,.36) !important; color:#d7fff6 !important; }
}


/* v2.3.48.32: final mobile drawer stability - one menu, scrollable child lists, home/non-home parity. */
@media (max-width: 767px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; }
  body.n9-drawer-open { overflow: hidden !important; height: 100dvh !important; }

  .n9-mobile-drawer-shell,
  .n9-react-mobile-drawer-layer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    touch-action: none !important;
    overscroll-behavior: contain !important;
    z-index: 99990 !important;
  }

  .n9-mobile-drawer,
  .n9-react-mobile-drawer-panel,
  #root aside[role="dialog"] {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(92vw, 430px) !important;
    max-width: min(92vw, 430px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    color: #e5edf7 !important;
    background: radial-gradient(circle at top left, rgba(16, 185, 129, .16), transparent 34%), #06111f !important;
    border-left: 1px solid rgba(45, 212, 191, .22) !important;
    box-shadow: -10px 0 26px rgba(2, 6, 23, .32) !important;
    transform: translateX(100%);
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }
  .n9-mobile-drawer-shell.is-open .n9-mobile-drawer,
  .n9-react-mobile-drawer-layer.is-open .n9-react-mobile-drawer-panel,
  .n9-react-mobile-drawer-layer.is-open aside[role="dialog"],
  #root aside[role="dialog"].translate-x-0 { transform: translateX(0) !important; }

  html[data-n9-theme="light"] .n9-mobile-drawer,
  html[data-n9-theme="light"] .n9-react-mobile-drawer-panel,
  .n9-app[data-theme="light"] aside[role="dialog"] {
    background: radial-gradient(circle at top left, rgba(16,185,129,.14), transparent 34%), #06111f !important;
    color: #e5edf7 !important;
    box-shadow: -8px 0 20px rgba(15, 23, 42, .18) !important;
  }

  .n9-mobile-drawer-head,
  .n9-react-mobile-drawer-panel > div:first-child,
  #root aside[role="dialog"] > div:first-child {
    flex: 0 0 auto !important;
    min-height: 86px !important;
    padding: 16px 18px !important;
    background: linear-gradient(135deg, rgba(3, 45, 45, .94), rgba(7, 17, 30, .98)) !important;
    border-bottom: 1px solid rgba(148, 163, 184, .26) !important;
  }

  .n9-mobile-drawer-body,
  .n9-react-mobile-drawer-body,
  .n9-mobile-scroll-body,
  .n9-react-mobile-drawer-panel > .flex-1,
  .n9-react-mobile-drawer-panel > .overflow-y-auto,
  .n9-react-mobile-drawer-panel > [class*="overflow-y-auto"],
  #root aside[role="dialog"] > .flex-1,
  #root aside[role="dialog"] > [class*="overflow-y-auto"] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45, 212, 191, .84) rgba(15, 23, 42, .35) !important;
  }

  .n9-mobile-drawer-body::-webkit-scrollbar,
  .n9-react-mobile-drawer-body::-webkit-scrollbar,
  .n9-mobile-scroll-body::-webkit-scrollbar,
  #root aside[role="dialog"] > .flex-1::-webkit-scrollbar { width: 4px !important; }
  .n9-mobile-drawer-body::-webkit-scrollbar-thumb,
  .n9-react-mobile-drawer-body::-webkit-scrollbar-thumb,
  .n9-mobile-scroll-body::-webkit-scrollbar-thumb,
  #root aside[role="dialog"] > .flex-1::-webkit-scrollbar-thumb { background: rgba(45, 212, 191, .78) !important; border-radius: 999px !important; }

  .n9-mobile-drawer .n9-mobile-search .n9-search-form,
  .n9-react-mobile-drawer-panel form[role="search"],
  #root aside[role="dialog"] form[role="search"] { display: block !important; position: relative !important; width: 100% !important; }
  .n9-mobile-drawer .n9-mobile-search .n9-search-form label { display: block !important; width: 100% !important; }
  .n9-mobile-drawer .n9-mobile-search .n9-search-form input,
  .n9-react-mobile-drawer-panel form[role="search"] input,
  #root aside[role="dialog"] form[role="search"] input {
    width: 100% !important;
    min-height: 56px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(51, 65, 85, .95) !important;
    background: rgba(15, 23, 42, .86) !important;
    color: #e2e8f0 !important;
    font-size: 15px !important;
  }
  .n9-mobile-drawer .n9-mobile-search .n9-search-form button { display: none !important; }

  .n9-mobile-drawer-section:not(.n9-mobile-drawer-section--primary),
  .n9-mobile-category-grid,
  .n9-mobile-drawer [data-n9-final-mobile-menu],
  .n9-mobile-drawer .n9-react-mobile-drawer-clean:not(.n9-mobile-drawer-section--primary),
  .n9-mobile-drawer .n9-react-mobile-tree-nav[data-n9-duplicate-menu="1"] { display: none !important; }

  .n9-mobile-drawer-section--primary,
  #root aside[role="dialog"] .n9-react-mobile-drawer-clean {
    display: block !important;
    margin-top: 16px !important;
    padding: 14px !important;
    border: 1px solid rgba(45, 212, 191, .18) !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(2, 6, 23, .96)) !important;
    box-shadow: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .n9-react-mobile-tree-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
  }
  .n9-react-mobile-tree-head small { color: #2dd4bf !important; font-size: 10px !important; font-weight: 950 !important; }

  .n9-react-mobile-menu-suite,
  .n9-php-mobile-menu-suite { display: grid !important; gap: 14px !important; min-height: 0 !important; overflow: visible !important; }
  .n9-react-mobile-quick-grid,
  .n9-php-mobile-quick-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 0 10px !important; }
  .n9-react-mobile-quick-grid a,
  .n9-php-mobile-quick-grid a {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(45, 212, 191, .32) !important;
    background: rgba(13, 74, 68, .72) !important;
    color: #d7fff6 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }

  .n9-react-mobile-menu,
  .n9-php-mobile-menu,
  .n9-drawer-menu { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; overflow: visible !important; min-height: 0 !important; }
  .n9-react-mobile-menu > li,
  .n9-php-mobile-menu > li,
  .n9-drawer-menu > li { margin: 0 !important; padding: 0 !important; list-style: none !important; border: 0 !important; background: transparent !important; min-height: 0 !important; overflow: visible !important; }

  .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-react-mobile-menu > li > a,
  .n9-php-mobile-menu > li > a,
  .n9-drawer-menu > li > a {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(51, 65, 85, .88) !important;
    background: rgba(15, 23, 42, .80) !important;
    color: #f8fafc !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }
  .n9-react-mobile-menu > li.is-open > .n9-react-mobile-menu-parent,
  .n9-php-mobile-menu > li.is-open > .n9-react-mobile-menu-parent,
  .n9-drawer-menu > li.is-open > a { border-color: rgba(45,212,191,.42) !important; background: rgba(15, 39, 50, .92) !important; }

  .n9-react-mobile-menu > li > .sub-menu,
  .n9-php-mobile-menu > li > .sub-menu,
  .n9-drawer-menu > li > .sub-menu,
  .n9-mobile-submenu-scroll {
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-height: min(30dvh, 252px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
    margin: 10px 0 6px 18px !important;
    padding: 0 7px 0 13px !important;
    border-left: 1px solid rgba(45, 212, 191, .24) !important;
    list-style: none !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45, 212, 191, .90) rgba(15, 23, 42, .68) !important;
  }
  .n9-react-mobile-menu > li.is-open > .sub-menu,
  .n9-php-mobile-menu > li.is-open > .sub-menu,
  .n9-drawer-menu > li.is-open > .sub-menu,
  .is-open > .n9-mobile-submenu-scroll { display: grid !important; }

  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar,
  .n9-php-mobile-menu > li > .sub-menu::-webkit-scrollbar,
  .n9-mobile-submenu-scroll::-webkit-scrollbar { width: 4px !important; }
  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar-thumb,
  .n9-php-mobile-menu > li > .sub-menu::-webkit-scrollbar-thumb,
  .n9-mobile-submenu-scroll::-webkit-scrollbar-thumb { background: rgba(45, 212, 191, .86) !important; border-radius: 999px !important; }
  .n9-react-mobile-menu .sub-menu a,
  .n9-php-mobile-menu .sub-menu a,
  .n9-drawer-menu .sub-menu a,
  .n9-mobile-submenu-scroll a {
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 14px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(30, 41, 59, .78) !important;
    background: rgba(2, 6, 23, .74) !important;
    color: #dbeafe !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }
  .n9-react-mobile-view-all a,
  .n9-php-mobile-menu .n9-react-mobile-view-all a { background: rgba(13, 74, 68, .85) !important; border-color: rgba(45, 212, 191, .38) !important; color: #d7fff6 !important; }
}

/* v2.3.48.35: stable mobile drawer layout/scroll fix. Mobile only; desktop untouched. */
@media (max-width: 767px) {
  html.n9-mobile-drawer-lock-v33,
  body.n9-mobile-drawer-lock-v33 {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  .n9-mobile-drawer-shell,
  .n9-react-mobile-drawer-layer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 99999 !important;
    overscroll-behavior: contain !important;
  }

  .n9-mobile-drawer,
  .n9-react-mobile-drawer-panel,
  #root aside[role="dialog"] {
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    background: #020b14 !important;
  }

  .n9-mobile-drawer-head,
  .n9-mobile-drawer-fixed-head-v33,
  .n9-react-mobile-drawer-panel > div:first-child,
  #root aside[role="dialog"] > div:first-child {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 4 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #041c1b 0%, #06101f 62%, #08111e 100%) !important;
  }

  .n9-mobile-drawer-body,
  .n9-react-mobile-drawer-body,
  .n9-mobile-drawer-scroll-body-v33,
  .n9-react-mobile-drawer-panel > .flex-1,
  #root aside[role="dialog"] > .flex-1 {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    padding-bottom: max(28px, env(safe-area-inset-bottom)) !important;
  }

  .n9-react-mobile-drawer-clean,
  .n9-mobile-drawer-section--primary {
    overflow: visible !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  .n9-react-mobile-menu,
  .n9-php-mobile-menu,
  .n9-drawer-menu {
    display: grid !important;
    gap: 10px !important;
    overflow: visible !important;
    min-height: 0 !important;
  }

  .n9-react-mobile-menu > li,
  .n9-php-mobile-menu > li,
  .n9-drawer-menu > li {
    position: relative !important;
    overflow: visible !important;
    min-height: 0 !important;
  }

  .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-react-mobile-menu > li > a,
  .n9-php-mobile-menu > li > a,
  .n9-drawer-menu > li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 14px 42px 14px 18px !important;
    border-radius: 20px !important;
    line-height: 1.2 !important;
  }

  .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent svg,
  .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent svg,
  .n9-drawer-menu > li > a svg {
    position: absolute !important;
    right: 17px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    flex: 0 0 auto !important;
    pointer-events: none !important;
  }

  .n9-react-mobile-menu > li > .sub-menu,
  .n9-php-mobile-menu > li > .sub-menu,
  .n9-drawer-menu > li > .sub-menu,
  .n9-mobile-submenu-scroll {
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-height: min(42dvh, 320px) !important;
    margin: 10px 0 7px 18px !important;
    padding: 0 6px 0 12px !important;
    border-left: 1px solid rgba(45, 212, 191, .32) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45,212,191,.85) rgba(15,23,42,.42) !important;
  }

  .n9-react-mobile-menu > li.is-open > .sub-menu,
  .n9-php-mobile-menu > li.is-open > .sub-menu,
  .n9-drawer-menu > li.is-open > .sub-menu,
  .is-open > .n9-mobile-submenu-scroll {
    display: grid !important;
  }

  .n9-react-mobile-menu .sub-menu > li,
  .n9-php-mobile-menu .sub-menu > li,
  .n9-drawer-menu .sub-menu > li {
    min-height: 0 !important;
    margin: 0 !important;
  }

  .n9-react-mobile-menu .sub-menu a,
  .n9-php-mobile-menu .sub-menu a,
  .n9-drawer-menu .sub-menu a,
  .n9-mobile-submenu-scroll a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    border-radius: 15px !important;
    line-height: 1.22 !important;
    white-space: normal !important;
  }
}

/* v2.3.48.37 - homepage desktop navbar alignment parity with normal pages
   Fixes home-only overlap where Promos/Search collide by forcing the React
   native header into the same 3-column grid used by the PHP header. */
@media (min-width: 1081px) {
  #root .n9-react-native-main {
    background: #0b1120 !important;
  }
  #root .n9-react-native-main > div {
    width: min(1440px, calc(100% - 48px)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: minmax(150px, 190px) minmax(0, auto) minmax(260px, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 62px !important;
  }
  #root .n9-react-native-main .n9-home-logo {
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  #root .n9-react-native-nav {
    grid-column: 2 !important;
    display: block !important;
    justify-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  #root .n9-react-desktop-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  #root .n9-react-desktop-menu > li {
    position: relative !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
  #root .n9-react-desktop-menu > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  #root .n9-react-native-actions {
    grid-column: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    flex-shrink: 1 !important;
  }
  #root .n9-react-native-search {
    display: block !important;
    position: relative !important;
    width: 310px !important;
    max-width: 310px !important;
    min-width: 220px !important;
    flex: 0 1 310px !important;
  }
  #root .n9-react-native-search input {
    width: 100% !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: #0f172a !important;
    border: 1px solid #263248 !important;
    color: #e2e8f0 !important;
  }
  #root .n9-react-native-actions .n9-auth-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
  }
  #root .n9-react-native-actions .n9-auth-button {
    min-height: 44px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1540px) and (min-width: 1081px) {
  #root .n9-react-native-main > div {
    grid-template-columns: minmax(140px, 180px) minmax(0, auto) auto !important;
    gap: 14px !important;
  }
  #root .n9-react-desktop-menu {
    gap: 6px !important;
  }
  #root .n9-react-desktop-menu > li > a {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 11.5px !important;
  }
  #root .n9-react-native-search {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 190px !important;
    flex-basis: 250px !important;
  }
}

@media (max-width: 1400px) and (min-width: 1081px) {
  #root .n9-react-native-search {
    display: none !important;
  }
  #root .n9-react-native-main > div {
    grid-template-columns: minmax(140px, 180px) minmax(0, auto) auto !important;
  }
}

@media (max-width: 1320px) and (min-width: 1081px) {
  #root .n9-react-native-main > div {
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr) auto !important;
  }
  #root .n9-react-native-nav {
    justify-self: center !important;
  }
  #root .n9-react-desktop-menu > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 11px !important;
  }
}

/* v2.3.48.38: nav dropdown hub anchor labels updated for Predictions/Odds on desktop, tablet, and mobile. */

/* v2.3.48.41: clean mobile-safe search results page only. */
.n9-search-page {
  width: min(1120px, calc(100% - 36px));
  margin: 0 auto;
  padding: clamp(28px, 5vw, 52px) 0 clamp(54px, 8vw, 92px);
}
.n9-search-hero-card,
.n9-search-empty-card,
.n9-search-results-section {
  position: relative;
  border: 1px solid rgba(45, 212, 191, .18);
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(2, 12, 23, .94), rgba(5, 18, 32, .92));
  box-shadow: 0 22px 70px rgba(2, 6, 23, .35);
  overflow: hidden;
}
.n9-search-hero-card,
.n9-search-empty-card { padding: clamp(24px, 4vw, 42px); }
.n9-search-hero-card::before,
.n9-search-empty-card::before {
  content: "";
  position: absolute;
  inset: -1px auto auto -1px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(16, 185, 129, .20), transparent 68%);
  pointer-events: none;
}
.n9-search-kicker,
.n9-search-empty-badge,
.n9-search-section-head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #34d399;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.n9-search-hero-card h1,
.n9-search-empty-card h2 {
  position: relative;
  margin: 10px 0 12px;
  max-width: 820px;
  color: #f8fafc;
  font-size: clamp(30px, 4.8vw, 58px);
  font-weight: 950;
  letter-spacing: -.055em;
  line-height: 1.02;
  overflow-wrap: anywhere;
}
.n9-search-empty-card h2 { font-size: clamp(28px, 4.2vw, 46px); }
.n9-search-hero-card p,
.n9-search-empty-card p {
  position: relative;
  max-width: 780px;
  margin: 0 0 22px;
  color: #9fb0c9;
  font-size: 16px;
  line-height: 1.75;
}
.n9-search-page-form {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: min(100%, 680px);
  margin-top: 22px;
}
.n9-search-page-form input[type="search"] {
  width: 100%;
  min-width: 0;
  height: 56px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 18px;
  background: rgba(15, 23, 42, .92);
  color: #f8fafc;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 800;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}
.n9-search-page-form input[type="search"]::placeholder { color: #64748b; }
.n9-search-page-form input[type="search"]:focus {
  border-color: rgba(45, 212, 191, .62);
  box-shadow: 0 0 0 4px rgba(45, 212, 191, .10);
}
.n9-search-page-form button {
  height: 56px;
  min-width: 124px;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, #10b981, #22d3b6);
  color: #021018;
  padding: 0 22px;
  font-size: 15px;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 16px 36px rgba(16, 185, 129, .18);
}
.n9-search-page-form button:hover { filter: brightness(1.05); }
.n9-search-results-section { margin-top: 24px; padding: clamp(20px, 3vw, 32px); }
.n9-search-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  color: #e2e8f0;
}
.n9-search-section-head strong {
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 900;
  opacity: .8;
  overflow-wrap: anywhere;
}
.n9-search-results-grid { margin-top: 0; }
.n9-search-empty-card { margin-top: 24px; }
.n9-search-page-form--compact { margin-top: 18px; }
.n9-search-quick-links {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.n9-search-quick-links a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  border: 1px solid rgba(45, 212, 191, .22);
  border-radius: 999px;
  background: rgba(13, 74, 68, .44);
  color: #d7fff6;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}
.n9-search-quick-links a:hover { background: rgba(16, 185, 129, .20); color: #fff; }
html[data-n9-theme="light"] .n9-search-hero-card,
html[data-n9-theme="light"] .n9-search-empty-card,
html[data-n9-theme="light"] .n9-search-results-section {
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(237,249,246,.90));
  border-color: rgba(15, 118, 110, .18);
  box-shadow: 0 22px 64px rgba(15, 23, 42, .08);
}
html[data-n9-theme="light"] .n9-search-hero-card h1,
html[data-n9-theme="light"] .n9-search-empty-card h2 { color: #0f172a; }
html[data-n9-theme="light"] .n9-search-hero-card p,
html[data-n9-theme="light"] .n9-search-empty-card p { color: #475569; }
html[data-n9-theme="light"] .n9-search-page-form input[type="search"] {
  background: #fff;
  color: #0f172a;
  border-color: #cbd5e1;
}
html[data-n9-theme="light"] .n9-search-section-head strong { color: #475569; }
@media (max-width: 700px) {
  .n9-search-page {
    width: min(100% - 24px, 460px);
    padding-top: 24px;
  }
  .n9-search-hero-card,
  .n9-search-empty-card,
  .n9-search-results-section {
    border-radius: 24px;
  }
  .n9-search-hero-card,
  .n9-search-empty-card { padding: 22px; }
  .n9-search-hero-card h1,
  .n9-search-empty-card h2 {
    font-size: clamp(28px, 9vw, 38px);
    letter-spacing: -.045em;
    line-height: 1.08;
  }
  .n9-search-hero-card p,
  .n9-search-empty-card p {
    font-size: 14px;
    line-height: 1.65;
  }
  .n9-search-page-form {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    width: 100%;
  }
  .n9-search-page-form input[type="search"] {
    height: 52px;
    border-radius: 16px;
    padding-inline: 14px;
    font-size: 15px;
  }
  .n9-search-page-form button {
    height: 52px;
    min-width: 104px;
    border-radius: 16px;
    padding-inline: 16px;
    font-size: 14px;
  }
  .n9-search-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .n9-search-quick-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .n9-search-quick-links a {
    justify-content: center;
    text-align: center;
    min-height: 44px;
    padding-inline: 10px;
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .n9-search-page-form { grid-template-columns: 1fr; }
  .n9-search-page-form button { width: 100%; }
  .n9-search-quick-links { grid-template-columns: 1fr; }
}


/* v2.3.48.41: search results mobile scroll/responsiveness repair only. */
body.search {
  overflow-x: hidden !important;
}
body.search .n9-search-page,
body.search .n9-search-page * {
  box-sizing: border-box;
}
body.search .n9-search-page {
  isolation: isolate;
  min-height: auto !important;
  overflow: visible !important;
}
body.search .n9-search-hero-card,
body.search .n9-search-empty-card,
body.search .n9-search-results-section {
  max-width: 100%;
  overflow: visible !important;
}
body.search .n9-search-results-grid {
  width: 100%;
  min-width: 0;
}
body.search .n9-search-results-grid .n9-post-card,
body.search .n9-search-results-grid .n9-post-card-body,
body.search .n9-search-results-grid .n9-post-title,
body.search .n9-search-results-grid .n9-post-excerpt {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.search .navigation.pagination,
body.search .nav-links {
  max-width: 100%;
}
body.search .nav-links {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}
body.search:not(.n9-drawer-open) .n9-mobile-drawer-shell:not(.is-open),
body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-layer:not(.is-open) {
  pointer-events: none !important;
}
@media (max-width: 700px) {
  body.search {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }
  body.search .n9-search-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 14px 56px !important;
  }
  body.search .n9-search-hero-card,
  body.search .n9-search-empty-card,
  body.search .n9-search-results-section {
    width: 100% !important;
    border-radius: 22px !important;
    transform: none !important;
  }
  body.search .n9-search-hero-card,
  body.search .n9-search-empty-card {
    padding: 22px 18px !important;
  }
  body.search .n9-search-results-section {
    padding: 18px !important;
    margin-top: 18px !important;
  }
  body.search .n9-search-hero-card h1,
  body.search .n9-search-empty-card h2 {
    font-size: clamp(26px, 8vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    margin-bottom: 10px !important;
  }
  body.search .n9-search-page-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }
  body.search .n9-search-page-form input[type="search"] {
    min-width: 0 !important;
    height: 50px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
  }
  body.search .n9-search-page-form button {
    height: 50px !important;
    min-width: 94px !important;
    border-radius: 15px !important;
    padding-inline: 14px !important;
  }
  body.search .n9-search-results-grid,
  body.search .n9-post-grid.n9-search-results-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  body.search .n9-search-results-grid .n9-post-card {
    width: 100% !important;
    display: block !important;
    border-radius: 18px !important;
    transform: none !important;
  }
  body.search .n9-search-results-grid .n9-post-card:hover {
    transform: none !important;
  }
  body.search .n9-search-results-grid .n9-post-card-body {
    padding: 17px !important;
  }
  body.search .n9-search-results-grid .n9-post-title {
    font-size: 20px !important;
    line-height: 1.22 !important;
  }
  body.search .n9-search-results-grid .n9-post-excerpt {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
  body.search .n9-search-quick-links {
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
  }
}
@media (max-width: 380px) {
  body.search .n9-search-page { padding-inline: 12px !important; }
  body.search .n9-search-page-form { grid-template-columns: 1fr !important; }
  body.search .n9-search-page-form button { width: 100% !important; }
  body.search .n9-search-quick-links { grid-template-columns: 1fr !important; }
}

/* v2.3.48.45: tablet/iPad navigation responsiveness only.
   Keeps existing mobile (<768px) and desktop (>1180px, non-touch) behavior untouched. */
@media (min-width: 768px) and (max-width: 1180px),
       (min-width: 1181px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) {
  /* Standard WordPress pages: use the proven mobile drawer layout on tablets/iPad. */
  .n9-site-header .n9-exchange-mainbar {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 70px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .n9-site-header .n9-mainbar-primary-nav,
  .n9-site-header .n9-desktop-primary-nav,
  .n9-site-header .n9-mainbar-actions,
  .n9-site-header .n9-desktop-header-actions {
    display: none !important;
  }

  .n9-site-header .n9-mobile-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-self: end !important;
    gap: 10px !important;
  }

  .n9-site-header .n9-brand-logo-only img {
    max-width: 178px !important;
    max-height: 42px !important;
    height: 40px !important;
  }

  .n9-site-header .n9-header-ticker-top {
    display: block !important;
  }

  .n9-site-header .n9-header-ticker-container--with-actions {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .n9-site-header .n9-header-ticker-top .n9-global-ticker {
    max-width: none !important;
  }

  .n9-site-header .n9-header-top-actions {
    display: none !important;
  }

  .n9-mobile-drawer-shell {
    display: block !important;
  }

  .n9-mobile-drawer {
    width: min(86vw, 560px) !important;
    max-width: 560px !important;
  }

  /* React home page: override Tailwind lg desktop classes only in tablet/iPad range. */
  #root .n9-react-native-main .max-w-\[1440px\],
  .n9-react-native-header .n9-react-native-main .max-w-\[1440px\] {
    gap: 18px !important;
  }

  #root .n9-react-native-nav,
  #root .n9-react-native-actions,
  .n9-react-native-header .n9-react-native-nav,
  .n9-react-native-header .n9-react-native-actions {
    display: none !important;
  }

  #root .n9-react-native-main .lg\:hidden,
  .n9-react-native-header .n9-react-native-main .lg\:hidden {
    display: flex !important;
  }

  #root .n9-react-mobile-drawer-layer,
  .n9-react-mobile-drawer-layer {
    display: block !important;
  }

  #root .n9-react-mobile-drawer-panel,
  .n9-react-mobile-drawer-panel {
    width: min(86vw, 560px) !important;
    max-width: 560px !important;
  }

  #root .n9-react-native-top,
  .n9-react-native-header .n9-react-native-top {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  #root .n9-react-native-main,
  .n9-react-native-header .n9-react-native-main {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  #root .n9-home-logo img,
  .n9-react-native-header .n9-home-logo img {
    max-width: 178px !important;
    max-height: 42px !important;
    height: 40px !important;
  }

  /* Keep tablet drawer content comfortable without changing phone drawer rules. */
  .n9-mobile-drawer-body,
  .n9-react-mobile-drawer-body {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .n9-react-mobile-menu>li>.sub-menu,
  .n9-php-mobile-menu>li>.sub-menu,
  .n9-drawer-menu>li>.sub-menu,
  .n9-mobile-submenu-scroll {
    max-height: min(46dvh, 380px) !important;
  }
}


/* v2.3.48.45 - Apply compact drawer typography to ALL non-desktop headers.
   Covers homepage React drawer and all PHP/WordPress page drawers without touching desktop. */
@media (max-width: 1180px) {
  .n9-mobile-drawer,
  .n9-mobile-drawer *,
  .n9-mobile-drawer-shell,
  .n9-mobile-drawer-shell *,
  .n9-react-mobile-drawer-clean,
  .n9-react-mobile-drawer-clean *,
  .n9-mobile-drawer-section--primary,
  .n9-mobile-drawer-section--primary *,
  .n9-mobile-drawer-section--menu,
  .n9-mobile-drawer-section--menu *,
  .n9-php-mobile-menu-suite,
  .n9-php-mobile-menu-suite *,
  .n9-react-mobile-menu-suite,
  .n9-react-mobile-menu-suite *,
  .n9-php-mobile-menu,
  .n9-php-mobile-menu *,
  .n9-react-mobile-menu,
  .n9-react-mobile-menu *,
  .n9-drawer-menu,
  .n9-drawer-menu * {
    font-family: "Plus Jakarta Sans", Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    letter-spacing: -0.01em !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
  }

  .n9-mobile-drawer-section h2,
  .n9-mobile-drawer-section--primary h2,
  .n9-mobile-drawer-section--menu h2,
  .n9-react-mobile-tree-head,
  .n9-react-mobile-tree-head small,
  .n9-mobile-menu-eyebrow,
  .n9-mobile-drawer [class*="eyebrow"] {
    font-size: 9.5px !important;
    line-height: 1.08 !important;
    letter-spacing: .13em !important;
    font-weight: 840 !important;
  }

  .n9-php-mobile-quick-grid,
  .n9-react-mobile-quick-grid,
  .n9-mobile-category-grid,
  .n9-mobile-drawer-section--primary .n9-php-mobile-quick-grid,
  .n9-mobile-drawer-section--primary .n9-react-mobile-quick-grid {
    gap: 9px !important;
  }

  .n9-php-mobile-quick-grid a,
  .n9-react-mobile-quick-grid a,
  .n9-mobile-category-grid a,
  .n9-mobile-drawer-section--primary .n9-php-mobile-quick-grid a,
  .n9-mobile-drawer-section--primary .n9-react-mobile-quick-grid a,
  .n9-react-mobile-drawer-clean .n9-react-mobile-quick-grid a {
    min-height: 44px !important;
    padding: 9px 11px !important;
    border-radius: 999px !important;
    font-size: 11.8px !important;
    line-height: 1.15 !important;
    font-weight: 790 !important;
    letter-spacing: -0.012em !important;
  }

  .n9-php-mobile-menu,
  .n9-react-mobile-menu,
  .n9-drawer-menu,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu {
    gap: 8px !important;
  }

  .n9-php-mobile-menu > li > a,
  .n9-react-mobile-menu > li > a,
  .n9-drawer-menu > li > a,
  .n9-php-mobile-menu .n9-react-mobile-menu-parent,
  .n9-react-mobile-menu .n9-react-mobile-menu-parent,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu > li > a,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu > li > a,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu .n9-react-mobile-menu-parent,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu .n9-react-mobile-menu-parent,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > a,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu .n9-react-mobile-menu-parent {
    min-height: 50px !important;
    padding: 12px 42px 12px 16px !important;
    border-radius: 17px !important;
    font-size: 14px !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
    letter-spacing: -0.018em !important;
  }

  .n9-php-mobile-menu > li > .sub-menu,
  .n9-react-mobile-menu > li > .sub-menu,
  .n9-drawer-menu > li > .sub-menu,
  .n9-mobile-submenu-scroll,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu > li > .sub-menu,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu > li > .sub-menu,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > .sub-menu {
    gap: 6px !important;
    margin: 8px 0 5px 16px !important;
    padding: 0 6px 0 10px !important;
  }

  .n9-php-mobile-menu .sub-menu a,
  .n9-react-mobile-menu .sub-menu a,
  .n9-drawer-menu .sub-menu a,
  .n9-mobile-submenu-scroll a,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu .sub-menu a,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu .sub-menu a,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu .sub-menu a {
    min-height: 38px !important;
    padding: 8px 11px !important;
    border-radius: 13px !important;
    font-size: 11.5px !important;
    line-height: 1.18 !important;
    font-weight: 730 !important;
    letter-spacing: -0.01em !important;
  }

  .n9-php-mobile-menu .n9-react-mobile-view-all a,
  .n9-react-mobile-menu .n9-react-mobile-view-all a,
  .n9-drawer-menu .n9-react-mobile-view-all a,
  .n9-mobile-submenu-scroll .n9-react-mobile-view-all a {
    font-weight: 780 !important;
  }

  .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent svg,
  .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent svg,
  .n9-drawer-menu > li > a svg,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent svg {
    right: 15px !important;
    width: 16px !important;
    height: 16px !important;
  }
}

@media (max-width: 640px) {
  .n9-php-mobile-quick-grid a,
  .n9-react-mobile-quick-grid a,
  .n9-mobile-category-grid a,
  .n9-mobile-drawer-section--primary .n9-php-mobile-quick-grid a,
  .n9-mobile-drawer-section--primary .n9-react-mobile-quick-grid a,
  .n9-react-mobile-drawer-clean .n9-react-mobile-quick-grid a {
    min-height: 42px !important;
    font-size: 11.5px !important;
  }

  .n9-php-mobile-menu > li > a,
  .n9-react-mobile-menu > li > a,
  .n9-drawer-menu > li > a,
  .n9-php-mobile-menu .n9-react-mobile-menu-parent,
  .n9-react-mobile-menu .n9-react-mobile-menu-parent,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu > li > a,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu > li > a,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu .n9-react-mobile-menu-parent,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu .n9-react-mobile-menu-parent,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > a,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu .n9-react-mobile-menu-parent {
    min-height: 48px !important;
    padding: 11px 40px 11px 15px !important;
    font-size: 13.6px !important;
    border-radius: 16px !important;
  }

  .n9-php-mobile-menu .sub-menu a,
  .n9-react-mobile-menu .sub-menu a,
  .n9-drawer-menu .sub-menu a,
  .n9-mobile-submenu-scroll a,
  .n9-mobile-drawer-section--primary .n9-php-mobile-menu .sub-menu a,
  .n9-mobile-drawer-section--primary .n9-react-mobile-menu .sub-menu a,
  .n9-react-mobile-drawer-clean .n9-react-mobile-menu .sub-menu a {
    min-height: 37px !important;
    padding: 8px 10px !important;
    font-size: 11.2px !important;
  }
}


/* v2.3.48.46 - Strong compact drawer typography for ALL mobile/tablet/iPad menus.
   Applies to React home drawer and PHP drawers only; desktop navigation is untouched. */
@media (max-width: 1180px) {
  body .n9-react-mobile-menu-suite,
  body .n9-php-mobile-menu-suite,
  body .n9-react-mobile-menu-suite *,
  body .n9-php-mobile-menu-suite *,
  body .n9-mobile-drawer .n9-react-mobile-menu-suite *,
  body .n9-react-mobile-drawer-clean .n9-react-mobile-menu-suite * {
    font-family: "Plus Jakarta Sans", Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-optical-sizing: auto !important;
    letter-spacing: -0.012em !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
  }

  body .n9-mobile-drawer-section h2,
  body .n9-react-mobile-tree-head,
  body .n9-react-mobile-tree-head span,
  body .n9-react-mobile-tree-head small,
  body .n9-php-mobile-menu-suite [class*="head"],
  body .n9-react-mobile-menu-suite [class*="head"] {
    font-size: 8.5px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
  }

  body .n9-react-mobile-quick-grid,
  body .n9-php-mobile-quick-grid {
    gap: 7px !important;
  }

  body .n9-react-mobile-quick-grid > a,
  body .n9-php-mobile-quick-grid > a,
  body .n9-mobile-category-grid > a {
    min-height: 38px !important;
    padding: 8px 9px !important;
    border-radius: 999px !important;
    font-size: 10.4px !important;
    line-height: 1.12 !important;
    font-weight: 760 !important;
    letter-spacing: -0.012em !important;
  }

  body .n9-react-mobile-menu,
  body .n9-php-mobile-menu,
  body .n9-drawer-menu {
    gap: 6px !important;
  }

  body .n9-react-mobile-menu > li,
  body .n9-php-mobile-menu > li,
  body .n9-drawer-menu > li {
    border-radius: 14px !important;
  }

  body .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-react-mobile-menu > li > a,
  body .n9-php-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-php-mobile-menu > li > a,
  body .n9-drawer-menu > li > a,
  body .n9-mobile-drawer .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-mobile-drawer .n9-react-mobile-menu > li > a,
  body .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > a {
    min-height: 42px !important;
    padding: 9px 38px 9px 13px !important;
    border-radius: 14px !important;
    font-size: 12.2px !important;
    line-height: 1.12 !important;
    font-weight: 760 !important;
    letter-spacing: -0.018em !important;
  }

  body .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent > span,
  body .n9-react-mobile-menu > li > a > span,
  body .n9-php-mobile-menu > li > button.n9-react-mobile-menu-parent > span,
  body .n9-php-mobile-menu > li > a > span,
  body .n9-drawer-menu > li > a > span {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }

  body .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent svg,
  body .n9-php-mobile-menu > li > button.n9-react-mobile-menu-parent svg,
  body .n9-drawer-menu > li > a svg {
    right: 13px !important;
    width: 13px !important;
    height: 13px !important;
  }

  body .n9-react-mobile-menu > li > .sub-menu,
  body .n9-php-mobile-menu > li > .sub-menu,
  body .n9-drawer-menu > li > .sub-menu,
  body .n9-mobile-submenu-scroll {
    gap: 5px !important;
    margin: 7px 0 4px 13px !important;
    padding: 0 5px 0 8px !important;
  }

  body .n9-react-mobile-menu .sub-menu a,
  body .n9-php-mobile-menu .sub-menu a,
  body .n9-drawer-menu .sub-menu a,
  body .n9-mobile-submenu-scroll a {
    min-height: 33px !important;
    padding: 7px 9px !important;
    border-radius: 11px !important;
    font-size: 10.4px !important;
    line-height: 1.15 !important;
    font-weight: 690 !important;
    letter-spacing: -0.008em !important;
  }

  body .n9-react-mobile-menu .sub-menu a span,
  body .n9-php-mobile-menu .sub-menu a span,
  body .n9-drawer-menu .sub-menu a span,
  body .n9-mobile-submenu-scroll a span {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }

  body .n9-react-mobile-menu .n9-react-mobile-view-all a,
  body .n9-php-mobile-menu .n9-react-mobile-view-all a,
  body .n9-drawer-menu .n9-react-mobile-view-all a,
  body .n9-mobile-submenu-scroll .n9-react-mobile-view-all a {
    font-size: 10.6px !important;
    font-weight: 740 !important;
  }
}

@media (max-width: 640px) {
  body .n9-react-mobile-quick-grid > a,
  body .n9-php-mobile-quick-grid > a,
  body .n9-mobile-category-grid > a {
    min-height: 36px !important;
    padding: 7px 8px !important;
    font-size: 10px !important;
  }

  body .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-react-mobile-menu > li > a,
  body .n9-php-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-php-mobile-menu > li > a,
  body .n9-drawer-menu > li > a,
  body .n9-mobile-drawer .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-mobile-drawer .n9-react-mobile-menu > li > a,
  body .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > button.n9-react-mobile-menu-parent,
  body .n9-react-mobile-drawer-clean .n9-react-mobile-menu > li > a {
    min-height: 40px !important;
    padding: 8px 36px 8px 12px !important;
    border-radius: 13px !important;
    font-size: 11.6px !important;
    line-height: 1.1 !important;
    font-weight: 740 !important;
  }

  body .n9-react-mobile-menu .sub-menu a,
  body .n9-php-mobile-menu .sub-menu a,
  body .n9-drawer-menu .sub-menu a,
  body .n9-mobile-submenu-scroll a {
    min-height: 31px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    font-size: 9.9px !important;
    line-height: 1.12 !important;
    font-weight: 680 !important;
  }
}

/* v2.3.48.49: mobile search and page-scroll jump repair only.
   Keeps design/data/nav untouched; prevents stale mobile drawer offsets from
   making search pages open mid-page or normal pages auto-jump while scrolling. */
@media (max-width: 1180px) {
  html:not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32):not(.n9-drawer-open),
  body:not(.n9-drawer-open):not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32) {
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: auto !important;
  }

  body:not(.n9-drawer-open):not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32) {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
  }

  body.search:not(.n9-drawer-open):not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32),
  body.search:not(.n9-drawer-open):not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32) #page,
  body.search:not(.n9-drawer-open):not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32) .site,
  body.search:not(.n9-drawer-open):not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32) main.n9-search-page {
    min-height: 0 !important;
    height: auto !important;
    transform: none !important;
    translate: none !important;
  }

  body.search .n9-search-page {
    scroll-margin-top: 0 !important;
  }
}


/* v2.3.48.49: mobile search no-results blank-gap fix only.
   The no-results search screen now uses one compact card instead of rendering
   a second hero/search panel above it. This prevents iOS/Android mobile
   browsers from preserving/focusing a hidden upper search area and showing a
   large white gap. Other pages, data, nav, drawer, and scroll fixes untouched. */
body.search.search-no-results .n9-search-page--single-card {
  padding-top: clamp(18px, 4vw, 36px) !important;
}
body.search.search-no-results .n9-search-empty-card--standalone,
body.search.search-no-results .n9-search-page--single-card > .n9-search-empty-card:first-child {
  margin-top: 0 !important;
}
@media (max-width: 700px) {
  html body.search.search-no-results {
    background: linear-gradient(180deg, #07110c 0%, #020617 52%, #020403 100%) !important;
  }
  body.search.search-no-results .n9-search-page--single-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: max(12px, env(safe-area-inset-top)) 14px 56px !important;
    margin: 0 auto !important;
  }
  body.search.search-no-results .n9-search-hero-card {
    display: none !important;
  }
  body.search.search-no-results .n9-search-empty-card,
  body.search.search-no-results .n9-search-empty-card--standalone {
    margin-top: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(2, 12, 23, .96), rgba(5, 18, 32, .94)) !important;
  }
  body.search.search-no-results .n9-search-empty-card h2 {
    font-size: clamp(24px, 7.4vw, 32px) !important;
  }
  body.search.search-no-results .n9-search-page-form--compact {
    margin-top: 16px !important;
  }
  body.search.search-no-results .n9-site-footer.n9-market-footer,
  html[data-n9-theme="light"] body.search.search-no-results .n9-site-footer.n9-market-footer {
    background: #0b1120 !important;
  }
}


/* v2.3.48.51: mobile no-results search input/blank-gap hardening only.
   Keeps nav, drawer design, data, APIs, footer and normal page scroll untouched. */
@media (max-width: 1180px) {
  body.search.search-no-results:not(.n9-drawer-open) .n9-mobile-drawer-shell[aria-hidden="true"],
  body.search.search-no-results:not(.n9-drawer-open) .n9-mobile-drawer-shell:not([aria-hidden="false"]):not(.is-open),
  body.search.search-no-results:not(.n9-drawer-open) .n9-react-mobile-drawer-layer[aria-hidden="true"],
  body.search.search-no-results:not(.n9-drawer-open) .n9-react-mobile-drawer-layer.pointer-events-none {
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  body.search.search-no-results:not(.n9-drawer-open) .n9-mobile-drawer-overlay,
  body.search.search-no-results:not(.n9-drawer-open) .n9-react-mobile-drawer-overlay {
    pointer-events: none !important;
    opacity: 0 !important;
  }

  body.search.search-no-results .n9-search-page,
  body.search.search-no-results .n9-search-empty-card,
  body.search.search-no-results .n9-search-page-form,
  body.search.search-no-results .n9-search-page-form input[type="search"],
  body.search.search-no-results .n9-search-page-form button,
  body.search.search-no-results .n9-search-quick-links a {
    pointer-events: auto !important;
  }

  body.search.search-no-results .n9-search-page-form input[type="search"] {
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: manipulation !important;
    position: relative !important;
    z-index: 5 !important;
  }
}

@media (max-width: 700px) {
  html body.search.search-no-results,
  html body.search.search-no-results #page,
  html body.search.search-no-results .site {
    background: linear-gradient(180deg, #07110c 0%, #020617 48%, #020403 100%) !important;
  }

  body.search.search-no-results .n9-search-page--single-card {
    transform: none !important;
    translate: none !important;
    margin-top: 0 !important;
    padding-top: 12px !important;
  }
}


/* v2.3.48.51: final mobile no-results search repair only.
   Scope is the WordPress search no-results screen on mobile/tablet. It removes
   the blank mobile viewport gap and keeps the search input editable after a
   second search without changing desktop, APIs, predictions, odds, nav, drawer
   design, footer, or normal page scrolling. */
html.n9-search-no-results-page,
html.n9-search-no-results-page body,
html.n9-search-no-results-page #page,
html.n9-search-no-results-page .site,
html.n9-search-no-results-page body.search.search-no-results {
  background: #020617 !important;
  background-color: #020617 !important;
}
@media (max-width: 1180px) {
  body.search.search-no-results:not(.n9-drawer-open) .n9-mobile-drawer-shell[aria-hidden="true"],
  body.search.search-no-results:not(.n9-drawer-open) .n9-react-mobile-drawer-layer[aria-hidden="true"],
  body.search.search-no-results:not(.n9-drawer-open) .n9-react-mobile-drawer-layer.pointer-events-none {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  body.search.search-no-results .n9-search-page,
  body.search.search-no-results .n9-search-empty-card,
  body.search.search-no-results .n9-search-page-form,
  body.search.search-no-results .n9-search-page-form label,
  body.search.search-no-results .n9-search-page-form input[type="search"],
  body.search.search-no-results .n9-search-page-form button,
  body.search.search-no-results .n9-search-quick-links,
  body.search.search-no-results .n9-search-quick-links a {
    pointer-events: auto !important;
    visibility: visible !important;
  }
  body.search.search-no-results .n9-search-page-form input[type="search"] {
    position: relative !important;
    z-index: 20 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: auto !important;
  }
}
@media (max-width: 700px) {
  html.n9-search-no-results-page,
  html.n9-search-no-results-page body {
    min-height: 100svh !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html.n9-search-no-results-page body.search.search-no-results {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100svh !important;
    height: auto !important;
    overflow-y: auto !important;
    overscroll-behavior-y: none !important;
    touch-action: auto !important;
  }
  html.n9-search-no-results-page body.search.search-no-results #page,
  html.n9-search-no-results-page body.search.search-no-results .site {
    min-height: 100svh !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
    translate: none !important;
  }
  html.n9-search-no-results-page body.search.search-no-results main.n9-search-page--single-card {
    position: relative !important;
    z-index: 30 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 12px 14px 56px !important;
    overflow: visible !important;
    transform: none !important;
    translate: none !important;
    opacity: 1 !important;
  }
  html.n9-search-no-results-page body.search.search-no-results .n9-search-empty-card--standalone {
    position: relative !important;
    z-index: 40 !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(2, 12, 23, .98), rgba(5, 18, 32, .96)) !important;
    border-color: rgba(45, 212, 191, .20) !important;
  }
  html.n9-search-no-results-page body.search.search-no-results .n9-search-page-form,
  html.n9-search-no-results-page body.search.search-no-results .n9-search-page-form--compact {
    position: relative !important;
    z-index: 50 !important;
  }
  html.n9-search-no-results-page body.search.search-no-results .n9-search-page-form input[type="search"] {
    cursor: text !important;
    pointer-events: auto !important;
  }
}


/* v2.3.48.53: mobile blank-gap/search-tap repair only.
   Scope: mobile/tablet search/archive blank spaces and hidden blockers. Desktop,
   APIs, predictions, odds, footer design and navigation design are untouched. */
@media (max-width: 1180px) {
  body:not(.n9-drawer-open) .n9-mobile-drawer-shell[aria-hidden="true"],
  body:not(.n9-drawer-open) .n9-react-mobile-drawer-layer[aria-hidden="true"],
  body:not(.n9-drawer-open) .n9-react-mobile-drawer-layer.pointer-events-none,
  body:not(.n9-drawer-open) .n9-mobile-drawer-overlay,
  body:not(.n9-drawer-open) .n9-react-mobile-drawer-overlay,
  body:not(.n9-drawer-open) .n9-search-suggestions:not(.is-open) {
    pointer-events: none !important;
  }

  body.search.search-no-results .n9-search-page,
  body.search.search-no-results .n9-search-empty-card,
  body.search.search-no-results .n9-search-page-form,
  body.search.search-no-results .n9-search-page-form input[type="search"],
  body.search.search-no-results .n9-search-page-form button,
  body.search.search-no-results .n9-search-quick-links,
  body.search.search-no-results .n9-search-quick-links a {
    pointer-events: auto !important;
  }

  body.search.search-no-results .n9-search-page-form input[type="search"] {
    position: relative !important;
    z-index: 999999 !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: auto !important;
    -webkit-touch-callout: default !important;
  }
}

@media (max-width: 700px) {
  html.n9-search-no-results-page,
  html.n9-search-no-results-page body.search.search-no-results {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 100dvh !important;
    height: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: auto !important;
  }

  html.n9-search-no-results-page body.search.search-no-results #page,
  html.n9-search-no-results-page body.search.search-no-results .site {
    min-height: 100dvh !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
    translate: none !important;
  }

  html.n9-search-no-results-page body.search.search-no-results main.n9-search-page--single-card {
    clear: both !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 12px 14px 48px !important;
    transform: none !important;
    translate: none !important;
    scroll-margin-top: 0 !important;
  }

  html.n9-search-no-results-page body.search.search-no-results .n9-search-empty-card--standalone {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  body.search.search-no-results .n9-ad-slot:empty,
  body.search.search-no-results .google-auto-placed:empty,
  body.search.search-no-results ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* v2.3.48.53: mobile-only blank auto-ad gap collapse. */
@media (max-width: 1180px) {
  .n9-ad-slot[data-n9-collapsed-gap="1"],
  .google-auto-placed[data-n9-collapsed-gap="1"],
  ins.adsbygoogle[data-n9-collapsed-gap="1"],
  ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* v2.3.48.53: mobile search re-edit fix only.
   Keeps desktop, data/API logic, navbar design, drawer design, predictions, odds and footer untouched. */
@media (max-width: 1180px) {
  body.search:not(.n9-drawer-open) .n9-mobile-drawer-shell[aria-hidden="true"],
  body.search:not(.n9-drawer-open) .n9-mobile-drawer-shell:not(.is-open):not([aria-hidden="false"]),
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-layer[aria-hidden="true"],
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-layer.pointer-events-none:not(.is-open),
  body.search:not(.n9-drawer-open) .n9-mobile-drawer-overlay,
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-overlay,
  body.search:not(.n9-drawer-open) .n9-search-suggestions:not(.is-open) {
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  body.search:not(.n9-drawer-open) .n9-mobile-drawer-shell[aria-hidden="true"],
  body.search:not(.n9-drawer-open) .n9-mobile-drawer-shell:not(.is-open):not([aria-hidden="false"]),
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-layer[aria-hidden="true"],
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-layer.pointer-events-none:not(.is-open) {
    display: none !important;
  }

  body.search main.n9-search-page {
    position: relative !important;
    z-index: 20 !important;
    pointer-events: auto !important;
  }

  body.search .n9-search-page-form,
  body.search .n9-search-page-form label,
  body.search .n9-search-page-form input[type="search"],
  body.search .n9-search-page-form button {
    pointer-events: auto !important;
    visibility: visible !important;
  }

  body.search .n9-search-page-form input[type="search"] {
    position: relative !important;
    z-index: 999999 !important;
    cursor: text !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: auto !important;
    -webkit-touch-callout: default !important;
  }

  body.search .n9-search-page-form input[type="search"]::-webkit-search-cancel-button,
  body.search .n9-search-page-form input[type="search"]::-webkit-search-decoration {
    pointer-events: auto !important;
  }
}

/* v2.3.48.55: mobile search re-edit + clear-X fix only.
   Scope: WordPress search results/no-results page on mobile/tablet. It does not
   change desktop, API/data, predictions, odds, navbar, drawer design, footer, or
   normal page layouts. */
.n9-search-input-wrap {
  position: relative;
  display: block;
  min-width: 0;
  width: 100%;
}
.n9-search-clear {
  display: none;
}
@media (max-width: 1180px) {
  body.search .n9-search-page-form {
    align-items: center !important;
  }
  body.search .n9-search-input-wrap {
    position: relative !important;
    z-index: 1000000 !important;
    pointer-events: auto !important;
    touch-action: auto !important;
  }
  body.search .n9-search-page-form input[type="search"] {
    position: relative !important;
    z-index: 1 !important;
    pointer-events: auto !important;
    cursor: text !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: auto !important;
    padding-right: 48px !important;
  }
  body.search .n9-search-page-form input[type="search"]::-webkit-search-cancel-button,
  body.search .n9-search-page-form input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: none !important;
  }
  body.search .n9-search-input-wrap:not(.is-empty) .n9-search-clear {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    z-index: 3 !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #60a5fa !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  body.search .n9-search-input-wrap:not(.is-empty) .n9-search-clear:active,
  body.search .n9-search-input-wrap:not(.is-empty) .n9-search-clear:focus-visible {
    background: rgba(96, 165, 250, .10) !important;
    outline: none !important;
  }
  body.search:not(.n9-drawer-open) .n9-mobile-drawer-shell[aria-hidden="true"],
  body.search:not(.n9-drawer-open) .n9-mobile-drawer-shell:not(.is-open):not([aria-hidden="false"]),
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-layer[aria-hidden="true"],
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-layer.pointer-events-none:not(.is-open),
  body.search:not(.n9-drawer-open) .n9-mobile-drawer-overlay,
  body.search:not(.n9-drawer-open) .n9-react-mobile-drawer-overlay,
  body.search:not(.n9-drawer-open) .n9-search-suggestions:not(.is-open) {
    pointer-events: none !important;
  }
}

/* v2.3.48.55: match the working homepage mobile search across all PHP pages.
   Mobile/tablet only; desktop search/header and site data are untouched. */
@media (max-width: 1180px) {
  .n9-search-form .n9-search-input-wrap,
  .n9-search-page-form .n9-search-input-wrap,
  .n9-mobile-search .n9-search-input-wrap,
  .n9-header-search .n9-search-input-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    z-index: 20 !important;
    pointer-events: auto !important;
    touch-action: auto !important;
  }

  .n9-search-form .n9-search-input-wrap input[type="search"],
  .n9-search-page-form .n9-search-input-wrap input[type="search"],
  .n9-mobile-search .n9-search-input-wrap input[type="search"],
  .n9-header-search .n9-search-input-wrap input[type="search"] {
    width: 100% !important;
    pointer-events: auto !important;
    cursor: text !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: auto !important;
    -webkit-touch-callout: default !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 48px !important;
  }

  .n9-search-form .n9-search-input-wrap input[type="search"]::-webkit-search-cancel-button,
  .n9-search-page-form .n9-search-input-wrap input[type="search"]::-webkit-search-cancel-button,
  .n9-mobile-search .n9-search-input-wrap input[type="search"]::-webkit-search-cancel-button,
  .n9-header-search .n9-search-input-wrap input[type="search"]::-webkit-search-cancel-button,
  .n9-search-form .n9-search-input-wrap input[type="search"]::-webkit-search-decoration,
  .n9-search-page-form .n9-search-input-wrap input[type="search"]::-webkit-search-decoration,
  .n9-mobile-search .n9-search-input-wrap input[type="search"]::-webkit-search-decoration,
  .n9-header-search .n9-search-input-wrap input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: none !important;
  }

  .n9-mobile-drawer .n9-mobile-search .n9-search-form label,
  .n9-mobile-drawer .n9-mobile-search .n9-search-form .n9-search-input-wrap {
    display: block !important;
    width: 100% !important;
    flex: 1 1 auto !important;
  }

  .n9-search-form .n9-search-clear,
  .n9-search-page-form .n9-search-clear,
  .n9-mobile-search .n9-search-clear,
  .n9-header-search .n9-search-clear {
    display: none !important;
  }

  .n9-search-form .n9-search-input-wrap:not(.is-empty) .n9-search-clear,
  .n9-search-page-form .n9-search-input-wrap:not(.is-empty) .n9-search-clear,
  .n9-mobile-search .n9-search-input-wrap:not(.is-empty) .n9-search-clear,
  .n9-header-search .n9-search-input-wrap:not(.is-empty) .n9-search-clear,
  .n9-mobile-drawer .n9-mobile-search .n9-search-form .n9-search-input-wrap:not(.is-empty) .n9-search-clear {
    position: absolute !important;
    top: 50% !important;
    right: 10px !important;
    z-index: 5 !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #60a5fa !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .n9-search-form .n9-search-input-wrap:not(.is-empty) .n9-search-clear:active,
  .n9-search-form .n9-search-input-wrap:not(.is-empty) .n9-search-clear:focus-visible,
  .n9-search-page-form .n9-search-input-wrap:not(.is-empty) .n9-search-clear:active,
  .n9-search-page-form .n9-search-input-wrap:not(.is-empty) .n9-search-clear:focus-visible,
  .n9-mobile-search .n9-search-input-wrap:not(.is-empty) .n9-search-clear:active,
  .n9-mobile-search .n9-search-input-wrap:not(.is-empty) .n9-search-clear:focus-visible {
    background: rgba(96, 165, 250, .10) !important;
    outline: none !important;
  }

  body:not(.n9-drawer-open) .n9-mobile-drawer-shell[aria-hidden="true"],
  body:not(.n9-drawer-open) .n9-mobile-drawer-shell:not(.is-open):not([aria-hidden="false"]),
  body:not(.n9-drawer-open) .n9-react-mobile-drawer-layer[aria-hidden="true"],
  body:not(.n9-drawer-open) .n9-react-mobile-drawer-layer.pointer-events-none:not(.is-open),
  body:not(.n9-drawer-open) .n9-search-suggestions:not(.is-open) {
    pointer-events: none !important;
  }
}


/* v2.3.48.56: mobile drawer search submit stability only.
   Keeps the working home search behavior and prevents drawer AJAX suggestion
   panels from blocking the drawer input on PHP pages such as Betting Tips. */
@media (max-width: 1180px) {
  .n9-mobile-drawer .n9-mobile-search .n9-search-suggestions {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  .n9-mobile-drawer .n9-mobile-search input[type="search"] {
    pointer-events: auto !important;
    cursor: text !important;
    -webkit-user-select: text !important;
    user-select: text !important;
    touch-action: auto !important;
  }
}


/* v2.3.48.57: flatten homepage guide/read-more section only.
   Removes the extra gradient card/container from the homepage content block
   without changing other read-more sections, APIs, menus, footer or desktop nav. */
.n9-homepage-readmore-section.n9-home-intel-section {
  padding: clamp(8px, 2vw, 18px) 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.n9-homepage-readmore-section.n9-home-intel-section::before,
.n9-homepage-readmore-section.n9-home-intel-section::after {
  display: none !important;
  content: none !important;
}
.n9-homepage-readmore-section .n9-home-intel-shell {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.n9-homepage-readmore-section .n9-home-intel-heading {
  margin-bottom: 18px !important;
}
.n9-homepage-readmore-section .n9-home-intel-heading h2 {
  max-width: 1040px !important;
  font-size: clamp(30px, 2.45vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}
.n9-homepage-readmore-section .n9-home-intel-content {
  max-width: 1120px !important;
  font-size: clamp(16px, 1.08vw, 18px) !important;
  line-height: 1.82 !important;
}
.n9-homepage-readmore-section .n9-home-intel-content::after {
  height: 72px !important;
}
.n9-homepage-readmore-section .n9-home-intel-actions {
  margin-top: 22px !important;
}
.n9-homepage-readmore-section .n9-readmore-toggle {
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
}
html[data-n9-theme="light"] .n9-homepage-readmore-section.n9-home-intel-section {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-n9-theme="light"] .n9-homepage-readmore-section .n9-home-intel-shell {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-n9-theme="light"] .n9-homepage-readmore-section .n9-home-intel-content {
  color: #475569 !important;
}
@media (max-width: 900px) {
  .n9-homepage-readmore-section.n9-home-intel-section {
    padding: 8px 0 14px !important;
  }
  .n9-homepage-readmore-section .n9-home-intel-heading {
    gap: 0 !important;
    margin-bottom: 16px !important;
  }
  .n9-homepage-readmore-section .n9-home-intel-heading h2 {
    max-width: 100% !important;
    font-size: clamp(27px, 7.2vw, 34px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.045em !important;
  }
  .n9-homepage-readmore-section .n9-home-intel-content {
    font-size: 16px !important;
    line-height: 1.72 !important;
    -webkit-line-clamp: 4;
  }
  .n9-homepage-readmore-section .n9-home-intel-content::after {
    height: 78px !important;
  }
  .n9-homepage-readmore-section .n9-home-intel-actions {
    margin-top: 20px !important;
  }
  .n9-homepage-readmore-section .n9-readmore-toggle {
    width: 100% !important;
    min-height: 56px !important;
    justify-content: center !important;
    border-radius: 16px !important;
  }
}

/* v2.3.48.59: clean homepage guide/read-more text flow only.
   Removes the remaining inner text-container feel and the white fade block
   from the homepage guide section without changing other sections. */
.n9-homepage-readmore-section .n9-home-intel-content {
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.n9-homepage-readmore-section .n9-home-intel-content::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}
.n9-homepage-readmore-section .n9-home-intel-content > *,
.n9-homepage-readmore-section .n9-home-intel-content p,
.n9-homepage-readmore-section .n9-home-intel-content ul,
.n9-homepage-readmore-section .n9-home-intel-content ol,
.n9-homepage-readmore-section .n9-home-intel-content .wp-block-group,
.n9-homepage-readmore-section .n9-home-intel-content .wp-block-columns,
.n9-homepage-readmore-section .n9-home-intel-content .wp-block-column,
.n9-homepage-readmore-section .n9-home-intel-content .elementor,
.n9-homepage-readmore-section .n9-home-intel-content .elementor-section,
.n9-homepage-readmore-section .n9-home-intel-content .elementor-container,
.n9-homepage-readmore-section .n9-home-intel-content .elementor-widget-container {
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.n9-homepage-readmore-section:not(.is-expanded) .n9-home-intel-content {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  max-height: 9.2em !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0,0,0,0) 100%) !important;
  mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0,0,0,0) 100%) !important;
}
.n9-homepage-readmore-section.is-expanded .n9-home-intel-content {
  max-height: none !important;
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.n9-homepage-readmore-section .n9-home-intel-content p {
  margin: 0 0 18px !important;
}
.n9-homepage-readmore-section .n9-home-intel-content p:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 900px) {
  .n9-homepage-readmore-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .n9-homepage-readmore-section .n9-home-intel-heading h2 {
    font-size: clamp(26px, 7vw, 32px) !important;
    line-height: 1.08 !important;
  }
  .n9-homepage-readmore-section .n9-home-intel-content {
    width: 100% !important;
    max-width: none !important;
    font-size: 15.5px !important;
    line-height: 1.72 !important;
  }
  .n9-homepage-readmore-section:not(.is-expanded) .n9-home-intel-content {
    max-height: 8.75em !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0,0,0,0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0,0,0,0) 100%) !important;
  }
  .n9-homepage-readmore-section .n9-home-intel-content p {
    margin-bottom: 16px !important;
  }
}

/* v2.3.48.59: apply the cleaned flat read-more/guide section style sitewide.
   Targets only NaijaScore9 read-more sections so menus, data, APIs, footer and layouts stay untouched. */
.n9-home-intel-section[data-n9-readmore],
.n9-context-intel-section[data-n9-readmore] {
  padding: clamp(8px, 2vw, 18px) 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.n9-home-intel-section[data-n9-readmore]::before,
.n9-home-intel-section[data-n9-readmore]::after,
.n9-context-intel-section[data-n9-readmore]::before,
.n9-context-intel-section[data-n9-readmore]::after {
  display: none !important;
  content: none !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-shell,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-shell {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-heading,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-heading {
  display: block !important;
  margin-bottom: 18px !important;
  text-align: left !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-heading h2,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-heading h2 {
  max-width: min(100%, 1180px) !important;
  margin: 8px 0 0 !important;
  font-size: clamp(28px, 2.35vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.045em !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content {
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: clamp(16px, 1.06vw, 18px) !important;
  line-height: 1.82 !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content::after,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content > *,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content p,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content ul,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content ol,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content .wp-block-group,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content .wp-block-columns,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content .wp-block-column,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content .elementor,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content .elementor-section,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content .elementor-container,
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content .elementor-widget-container,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content > *,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content p,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content ul,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content ol,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content .wp-block-group,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content .wp-block-columns,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content .wp-block-column,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content .elementor,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content .elementor-section,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content .elementor-container,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content .elementor-widget-container {
  max-width: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.n9-home-intel-section[data-n9-readmore]:not(.is-expanded) .n9-home-intel-content,
.n9-context-intel-section[data-n9-readmore]:not(.is-expanded) .n9-home-intel-content {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  max-height: 9.2em !important;
  overflow: hidden !important;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0,0,0,0) 100%) !important;
  mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0,0,0,0) 100%) !important;
}
.n9-home-intel-section[data-n9-readmore].is-expanded .n9-home-intel-content,
.n9-context-intel-section[data-n9-readmore].is-expanded .n9-home-intel-content {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content p,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content p {
  margin: 0 0 18px !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-content p:last-child,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-content p:last-child {
  margin-bottom: 0 !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-home-intel-actions,
.n9-context-intel-section[data-n9-readmore] .n9-home-intel-actions {
  margin-top: 22px !important;
}
.n9-home-intel-section[data-n9-readmore] .n9-readmore-toggle,
.n9-context-intel-section[data-n9-readmore] .n9-readmore-toggle {
  min-height: 48px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
}
html[data-n9-theme="light"] .n9-home-intel-section[data-n9-readmore],
html[data-n9-theme="light"] .n9-context-intel-section[data-n9-readmore],
html[data-n9-theme="light"] .n9-home-intel-section[data-n9-readmore] .n9-home-intel-shell,
html[data-n9-theme="light"] .n9-context-intel-section[data-n9-readmore] .n9-home-intel-shell,
html[data-n9-theme="dark"] .n9-home-intel-section[data-n9-readmore],
html[data-n9-theme="dark"] .n9-context-intel-section[data-n9-readmore],
html[data-n9-theme="dark"] .n9-home-intel-section[data-n9-readmore] .n9-home-intel-shell,
html[data-n9-theme="dark"] .n9-context-intel-section[data-n9-readmore] .n9-home-intel-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 900px) {
  .n9-home-intel-section[data-n9-readmore],
  .n9-context-intel-section[data-n9-readmore] {
    padding: 8px 0 14px !important;
  }
  .n9-home-intel-section[data-n9-readmore] .n9-home-intel-heading,
  .n9-context-intel-section[data-n9-readmore] .n9-home-intel-heading {
    gap: 0 !important;
    margin-bottom: 16px !important;
  }
  .n9-home-intel-section[data-n9-readmore] .n9-home-intel-heading h2,
  .n9-context-intel-section[data-n9-readmore] .n9-home-intel-heading h2 {
    max-width: 100% !important;
    font-size: clamp(25px, 6.8vw, 32px) !important;
    line-height: 1.08 !important;
  }
  .n9-home-intel-section[data-n9-readmore] .n9-home-intel-content,
  .n9-context-intel-section[data-n9-readmore] .n9-home-intel-content {
    width: 100% !important;
    max-width: none !important;
    font-size: 15.5px !important;
    line-height: 1.72 !important;
  }
  .n9-home-intel-section[data-n9-readmore]:not(.is-expanded) .n9-home-intel-content,
  .n9-context-intel-section[data-n9-readmore]:not(.is-expanded) .n9-home-intel-content {
    max-height: 8.75em !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0,0,0,0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 64%, rgba(0,0,0,0) 100%) !important;
  }
  .n9-home-intel-section[data-n9-readmore] .n9-readmore-toggle,
  .n9-context-intel-section[data-n9-readmore] .n9-readmore-toggle {
    width: 100% !important;
    min-height: 56px !important;
    justify-content: center !important;
    border-radius: 16px !important;
  }
}

/* v2.3.48.63: smooth limited sticky behavior for single market sidebar voting block only. */
@media (min-width: 1181px) {
  .single-n9_market .n9-prediction-sidebar {
    align-self: stretch !important;
  }
  .single-n9_market .n9-prediction-sidebar .n9-market-sticky-vote-zone {
    position: relative !important;
    min-height: clamp(700px, calc(100dvh + 260px), 980px) !important;
    overflow: visible !important;
    z-index: 2 !important;
  }
  .single-n9_market .n9-prediction-sidebar .n9-market-sticky-vote {
    position: sticky !important;
    top: 108px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    z-index: 3 !important;
    will-change: transform !important;
  }
  .single-n9_market .n9-prediction-sidebar .n9-market-sticky-vote .n9-trade-panel,
  .single-n9_market .n9-prediction-sidebar .n9-market-sticky-vote .n9-share-panel {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    margin: 0 !important;
  }
  .single-n9_market .n9-prediction-sidebar > .n9-sidebar {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 1180px) {
  .single-n9_market .n9-prediction-sidebar .n9-market-sticky-vote-zone {
    min-height: 0 !important;
  }
  .single-n9_market .n9-prediction-sidebar .n9-market-sticky-vote {
    position: static !important;
    display: contents !important;
  }
}

/* v2.3.48.63: redesign only the single /markets/ above-the-fold hero section. */
.single-n9_market .n9-market-detail-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px) !important;
  align-items: center !important;
  gap: clamp(26px, 4.5vw, 60px) !important;
  padding: clamp(30px, 5vw, 62px) !important;
  border-radius: 34px !important;
  border: 1px solid rgba(45, 212, 191, 0.18) !important;
  background:
    radial-gradient(circle at 6% 0%, color-mix(in srgb, var(--n9-market-color) 24%, transparent), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(59, 130, 246, 0.13), transparent 34%),
    linear-gradient(135deg, rgba(2, 6, 23, 0.98), rgba(8, 16, 34, 0.96) 55%, rgba(2, 6, 23, 0.98)) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.28) !important;
  overflow: hidden !important;
}
.single-n9_market .n9-market-detail-hero::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.055), transparent 42%),
    radial-gradient(circle at 70% 120%, color-mix(in srgb, var(--n9-market-color) 12%, transparent), transparent 34%);
  pointer-events: none;
}
.single-n9_market .n9-market-detail-hero > * {
  position: relative;
  z-index: 1;
}
.single-n9_market .n9-market-detail-copy h1 {
  max-width: 940px !important;
  margin: 18px 0 16px !important;
  color: #f8fafc !important;
  font-size: clamp(38px, 5.3vw, 72px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.066em !important;
}
.single-n9_market .n9-market-detail-copy .n9-prediction-deck {
  max-width: 850px !important;
  color: #a9bbd4 !important;
  font-size: clamp(16px, 1.35vw, 20px) !important;
  line-height: 1.72 !important;
}
.single-n9_market .n9-market-hero-kicker {
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}
.single-n9_market .n9-market-hero-kicker .n9-market-category {
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--n9-market-color) 12%, rgba(15, 23, 42, 0.72)) !important;
  border: 1px solid color-mix(in srgb, var(--n9-market-color) 26%, transparent) !important;
}
.single-n9_market .n9-market-hero-kicker .n9-market-status {
  min-height: 28px !important;
  padding: 6px 10px !important;
}
.single-n9_market .n9-market-hero-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 24px !important;
  color: #9aaec9 !important;
}
.single-n9_market .n9-market-hero-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.58) !important;
  color: #9aaec9 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
.single-n9_market .n9-market-hero-meta a {
  color: inherit !important;
  text-decoration: none !important;
}
.single-n9_market .n9-market-signal-card {
  width: 100% !important;
  min-height: 0 !important;
  padding: 22px !important;
  border: 1px solid color-mix(in srgb, var(--n9-market-color) 26%, rgba(148, 163, 184, 0.16)) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(2, 6, 23, 0.92)),
    color-mix(in srgb, var(--n9-market-color) 8%, transparent) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}
.single-n9_market .n9-market-signal-eyebrow {
  display: inline-flex !important;
  margin-bottom: 14px !important;
  color: var(--n9-market-color) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.single-n9_market .n9-market-signal-main {
  display: grid !important;
  gap: 6px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  border: 1px solid color-mix(in srgb, var(--n9-market-color) 28%, rgba(255, 255, 255, 0.08)) !important;
  background:
    radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--n9-market-color) 16%, transparent), transparent 45%),
    rgba(255, 255, 255, 0.045) !important;
}
.single-n9_market .n9-market-signal-main strong {
  color: var(--n9-market-color) !important;
  font: 950 clamp(42px, 5vw, 62px) / 0.92 "Space Grotesk", sans-serif !important;
  letter-spacing: -0.06em !important;
}
.single-n9_market .n9-market-signal-main span {
  color: #a9bbd4 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
}
.single-n9_market .n9-market-signal-split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}
.single-n9_market .n9-market-signal-split > div {
  display: grid !important;
  gap: 5px !important;
  padding: 15px 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}
.single-n9_market .n9-market-signal-split span {
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
.single-n9_market .n9-market-signal-split strong {
  font: 900 24px / 1 "JetBrains Mono", monospace !important;
}
.single-n9_market .n9-market-signal-split .is-yes {
  border-color: rgba(52, 211, 153, 0.28) !important;
  background: rgba(16, 185, 129, 0.11) !important;
  color: #34d399 !important;
}
.single-n9_market .n9-market-signal-split .is-no {
  border-color: rgba(251, 113, 133, 0.28) !important;
  background: rgba(244, 63, 94, 0.10) !important;
  color: #fb7185 !important;
}
.single-n9_market .n9-market-signal-details {
  display: grid !important;
  gap: 0 !important;
  margin-top: 16px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
}
.single-n9_market .n9-market-signal-details > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
}
.single-n9_market .n9-market-signal-details span {
  color: #8da3c0 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}
.single-n9_market .n9-market-signal-details strong {
  color: #f8fafc !important;
  font: 900 18px / 1 "JetBrains Mono", monospace !important;
}
.single-n9_market .n9-market-signal-countdown {
  margin: 14px 0 0 !important;
  color: #9fb4d4 !important;
  font-size: 11px !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-detail-hero {
  border-color: #dbe4ee !important;
  background:
    radial-gradient(circle at 5% 0%, color-mix(in srgb, var(--n9-market-color) 18%, transparent), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(59, 130, 246, 0.10), transparent 36%),
    linear-gradient(135deg, #ffffff, #f4fbff 52%, #edf6ff) !important;
  box-shadow: 0 26px 82px rgba(15, 23, 42, 0.08) !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-detail-hero::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.62), transparent 48%) !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-detail-copy h1 {
  color: #0f172a !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-detail-copy .n9-prediction-deck {
  color: #475569 !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-hero-meta span {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(15, 23, 42, 0.10) !important;
  color: #64748b !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-card {
  border-color: rgba(15, 23, 42, 0.10) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-main {
  background: linear-gradient(135deg, color-mix(in srgb, var(--n9-market-color) 11%, #fff), #ffffff) !important;
  border-color: color-mix(in srgb, var(--n9-market-color) 22%, #dbe4ee) !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-main span,
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-countdown,
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-details span {
  color: #64748b !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-details strong {
  color: #0f172a !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-split > div {
  background: #ffffff !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-split .is-yes {
  background: rgba(16, 185, 129, 0.10) !important;
}
html[data-n9-theme="light"] .single-n9_market .n9-market-signal-split .is-no {
  background: rgba(244, 63, 94, 0.09) !important;
}
@media (max-width: 980px) {
  .single-n9_market .n9-market-detail-hero {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .single-n9_market .n9-market-signal-card {
    max-width: 520px !important;
  }
}
@media (max-width: 640px) {
  .single-n9_market .n9-market-detail-hero {
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }
  .single-n9_market .n9-market-detail-copy h1 {
    font-size: clamp(32px, 10vw, 42px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.055em !important;
  }
  .single-n9_market .n9-market-detail-copy .n9-prediction-deck {
    font-size: 15.5px !important;
    line-height: 1.65 !important;
  }
  .single-n9_market .n9-market-hero-meta {
    gap: 7px !important;
  }
  .single-n9_market .n9-market-hero-meta span {
    width: auto !important;
    min-height: 32px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
  }
  .single-n9_market .n9-market-signal-card {
    padding: 16px !important;
    border-radius: 24px !important;
  }
  .single-n9_market .n9-market-signal-main {
    padding: 18px !important;
    border-radius: 20px !important;
  }
  .single-n9_market .n9-market-signal-main strong {
    font-size: 42px !important;
  }
  .single-n9_market .n9-market-signal-split {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .single-n9_market .n9-market-signal-split > div {
    padding: 13px 11px !important;
    border-radius: 16px !important;
  }
}


/* v2.3.48.64 Advertise With Us page - scoped only to the new page template */
.page-template-template-advertise-with-us .n9-site-main,
.page-template-template-advertise-with-us .site-main{overflow:visible!important}
.n9-advertise-page{position:relative;overflow:hidden;background:linear-gradient(180deg,#f6fbf9 0%,#eef7f4 42%,#f8fafc 100%);color:#08111f;padding:0 0 70px}
html[data-n9-theme="dark"] .n9-advertise-page{background:radial-gradient(circle at 14% 8%,rgba(16,185,129,.16),transparent 30%),linear-gradient(180deg,#020617 0%,#06120f 46%,#020617 100%);color:#f8fafc}
.n9-advertise-shell{width:min(1360px,calc(100% - 48px));margin:0 auto}
.n9-advertise-hero{position:relative;padding:92px 0 54px;isolation:isolate}
.n9-advertise-hero__glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 10%,rgba(16,185,129,.26),transparent 28%),radial-gradient(circle at 12% 20%,rgba(14,165,233,.13),transparent 36%);opacity:.9}
.n9-advertise-hero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:34px;align-items:center;padding:42px;border:1px solid rgba(15,23,42,.09);border-radius:38px;background:rgba(255,255,255,.78);box-shadow:0 28px 90px rgba(15,23,42,.10);backdrop-filter:blur(16px)}
html[data-n9-theme="dark"] .n9-advertise-hero__grid{background:rgba(2,6,23,.78);border-color:rgba(45,212,191,.16);box-shadow:0 30px 100px rgba(0,0,0,.34)}
.n9-advertise-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;color:#10b981;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.n9-advertise-kicker:before{content:"";width:8px;height:8px;border-radius:99px;background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,.11)}
.n9-advertise-hero__copy h1{max-width:890px;margin:0;color:#071126;font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:clamp(46px,6.2vw,92px);line-height:.94;letter-spacing:-.075em;font-weight:900}
html[data-n9-theme="dark"] .n9-advertise-hero__copy h1{color:#f8fafc}
.n9-advertise-hero__copy p{max-width:760px;margin:26px 0 0;color:#526179;font-size:clamp(18px,2vw,24px);line-height:1.55;font-weight:650}
html[data-n9-theme="dark"] .n9-advertise-hero__copy p{color:#a8b7cc}
.n9-advertise-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.n9-advertise-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 22px;border-radius:18px;text-decoration:none!important;font-size:14px;font-weight:950;line-height:1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.n9-advertise-button:hover{transform:translateY(-2px)}.n9-advertise-button .n9-icon{width:18px;height:18px}.n9-advertise-button--primary{background:linear-gradient(135deg,#10b981,#22d3a6);color:#04130f!important;box-shadow:0 18px 42px rgba(16,185,129,.28)}.n9-advertise-button--primary:hover{box-shadow:0 20px 54px rgba(16,185,129,.36)}.n9-advertise-button--ghost{background:rgba(255,255,255,.62);border:1px solid rgba(15,23,42,.12);color:#0f172a!important}html[data-n9-theme="dark"] .n9-advertise-button--ghost{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.18);color:#e2e8f0!important}
.n9-advertise-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.n9-advertise-trust-row span{display:inline-flex;align-items:center;min-height:36px;padding:9px 12px;border-radius:999px;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.18);color:#047857;font-size:12px;font-weight:900}html[data-n9-theme="dark"] .n9-advertise-trust-row span{background:rgba(16,185,129,.12);border-color:rgba(45,212,191,.22);color:#5eead4}
.n9-advertise-hero-card{align-self:stretch;display:flex}.n9-advertise-signal-card{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:340px;padding:30px;border-radius:32px;background:linear-gradient(180deg,#071126 0%,#0f1b34 100%);border:1px solid rgba(45,212,191,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 28px 70px rgba(2,6,23,.20);color:#f8fafc;overflow:hidden;position:relative}.n9-advertise-signal-card:before{content:"";position:absolute;inset:auto -60px -70px auto;width:220px;height:220px;border-radius:50%;background:rgba(16,185,129,.20);filter:blur(20px)}.n9-advertise-signal-card__top{position:relative;z-index:1}.n9-advertise-signal-card__top span{display:block;color:#7dd3fc;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.n9-advertise-signal-card__top strong{display:block;margin-top:14px;color:#34d399;font-family:"Space Grotesk",sans-serif;font-size:clamp(42px,5vw,68px);line-height:.9;letter-spacing:-.06em}.n9-advertise-meter{position:relative;z-index:1;height:12px;padding:3px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.n9-advertise-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#10b981,#7dd3fc);box-shadow:0 0 28px rgba(16,185,129,.48)}.n9-advertise-mini-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.n9-advertise-mini-grid div{padding:18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.n9-advertise-mini-grid span{display:block;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.n9-advertise-mini-grid strong{display:block;margin-top:7px;color:#f8fafc;font-size:14px;line-height:1.25;font-weight:950}
.n9-advertise-section{padding:48px 0}.n9-advertise-section--compact{padding-top:24px}.n9-advertise-section-head{max-width:790px}.n9-advertise-section-head h2{margin:0;color:#071126;font-family:"Space Grotesk","Plus Jakarta Sans",sans-serif;font-size:clamp(34px,4.1vw,58px);line-height:1;letter-spacing:-.06em;font-weight:900}html[data-n9-theme="dark"] .n9-advertise-section-head h2{color:#f8fafc}.n9-advertise-section-head p{margin:18px 0 0;color:#5b687d;font-size:18px;line-height:1.65;font-weight:600}html[data-n9-theme="dark"] .n9-advertise-section-head p{color:#a7b4c8}.n9-advertise-card-grid{display:grid;gap:18px;margin-top:28px}.n9-advertise-card-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.n9-advertise-feature-card{padding:26px;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.09);box-shadow:0 20px 54px rgba(15,23,42,.08)}html[data-n9-theme="dark"] .n9-advertise-feature-card{background:rgba(15,23,42,.68);border-color:rgba(148,163,184,.13);box-shadow:0 20px 54px rgba(0,0,0,.24)}.n9-advertise-feature-card>span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:16px;background:rgba(16,185,129,.12);color:#10b981}.n9-advertise-feature-card .n9-icon{width:22px;height:22px}.n9-advertise-feature-card h3{margin:22px 0 10px;color:#071126;font-size:22px;line-height:1.15;font-weight:950;letter-spacing:-.025em}html[data-n9-theme="dark"] .n9-advertise-feature-card h3{color:#f8fafc}.n9-advertise-feature-card p{margin:0;color:#5c6a80;font-size:16px;line-height:1.6;font-weight:600}html[data-n9-theme="dark"] .n9-advertise-feature-card p{color:#a8b4c7}
.n9-advertise-split{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:26px;align-items:start}.n9-advertise-section-head--sticky{position:sticky;top:118px}.n9-advertise-format-list{display:grid;gap:14px}.n9-advertise-format-card{padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(240,253,250,.78));border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 46px rgba(15,23,42,.07)}html[data-n9-theme="dark"] .n9-advertise-format-card{background:linear-gradient(135deg,rgba(15,23,42,.84),rgba(6,78,59,.22));border-color:rgba(45,212,191,.14);box-shadow:0 18px 46px rgba(0,0,0,.22)}.n9-advertise-format-card strong{display:block;color:#071126;font-size:22px;letter-spacing:-.025em;font-weight:950}html[data-n9-theme="dark"] .n9-advertise-format-card strong{color:#f8fafc}.n9-advertise-format-card p{margin:9px 0 0;color:#5d6a7f;font-size:16px;line-height:1.58;font-weight:600}html[data-n9-theme="dark"] .n9-advertise-format-card p{color:#a9b5c8}
.n9-advertise-process{padding-top:36px}.n9-advertise-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}.n9-advertise-steps div{padding:26px;border-radius:28px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 48px rgba(15,23,42,.07)}html[data-n9-theme="dark"] .n9-advertise-steps div{background:rgba(15,23,42,.70);border-color:rgba(148,163,184,.13);box-shadow:0 16px 48px rgba(0,0,0,.22)}.n9-advertise-steps span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#0f172a;color:#5eead4;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:950}html[data-n9-theme="dark"] .n9-advertise-steps span{background:#020617}.n9-advertise-steps strong{display:block;margin-top:18px;color:#071126;font-size:20px;font-weight:950;letter-spacing:-.025em}html[data-n9-theme="dark"] .n9-advertise-steps strong{color:#f8fafc}.n9-advertise-steps p{margin:8px 0 0;color:#5d6a7f;font-size:15.5px;line-height:1.58;font-weight:600}html[data-n9-theme="dark"] .n9-advertise-steps p{color:#a9b5c8}
.n9-advertise-editor-content{margin-top:16px;padding:30px;border-radius:28px;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08)}html[data-n9-theme="dark"] .n9-advertise-editor-content{background:rgba(15,23,42,.58);border-color:rgba(148,163,184,.12)}.n9-advertise-editor-content:empty{display:none}.n9-advertise-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:34px;border-radius:34px;background:linear-gradient(135deg,#06140f,#0f172a);color:#f8fafc;box-shadow:0 28px 82px rgba(2,6,23,.25);overflow:hidden;position:relative}.n9-advertise-cta:before{content:"";position:absolute;inset:-80px -80px auto auto;width:240px;height:240px;border-radius:50%;background:rgba(16,185,129,.22);filter:blur(18px)}.n9-advertise-cta>div,.n9-advertise-cta>a{position:relative;z-index:1}.n9-advertise-cta h2{margin:0;color:#fff;font-family:"Space Grotesk",sans-serif;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.055em;font-weight:950}.n9-advertise-cta p{max-width:760px;margin:14px 0 0;color:#b6c4d7;font-size:17px;line-height:1.6;font-weight:600}.n9-footer-advertise-link a{font-weight:900!important;color:#dbeafe!important}html[data-n9-theme="light"] .n9-footer-advertise-link a{color:#0f172a!important}.n9-footer-advertise-link a:hover{color:#34d399!important}
@media(max-width:980px){.n9-advertise-shell{width:min(100% - 32px,760px)}.n9-advertise-hero{padding:46px 0 30px}.n9-advertise-hero__grid{grid-template-columns:1fr;padding:28px;border-radius:30px}.n9-advertise-signal-card{min-height:auto}.n9-advertise-card-grid--three,.n9-advertise-steps,.n9-advertise-split{grid-template-columns:1fr}.n9-advertise-section-head--sticky{position:static}.n9-advertise-cta{flex-direction:column;align-items:flex-start}.n9-advertise-cta .n9-advertise-button{width:100%}}
@media(max-width:560px){.n9-advertise-page{padding-bottom:44px}.n9-advertise-shell{width:calc(100% - 24px)}.n9-advertise-hero__grid{padding:22px;border-radius:26px}.n9-advertise-hero__copy h1{font-size:clamp(40px,12vw,58px);line-height:.98}.n9-advertise-hero__copy p{font-size:17px;line-height:1.55;margin-top:18px}.n9-advertise-actions{gap:10px;margin-top:24px}.n9-advertise-button{width:100%;min-height:50px}.n9-advertise-trust-row span{font-size:11px}.n9-advertise-mini-grid{grid-template-columns:1fr}.n9-advertise-section{padding:34px 0}.n9-advertise-section-head h2{font-size:clamp(31px,9.5vw,42px);line-height:1.04}.n9-advertise-section-head p{font-size:16px}.n9-advertise-feature-card,.n9-advertise-format-card,.n9-advertise-steps div{padding:22px;border-radius:24px}.n9-advertise-cta{padding:24px;border-radius:26px}.n9-advertise-cta p{font-size:15.5px}.n9-advertise-editor-content{padding:22px;border-radius:24px}}


/* v2.3.48.83: prevent sidebar/widget overlap on tool, guide, analysis and comparison single pages only. */
body.single-n9_tool .n9-seo-single .n9-prediction-sidebar,
body.single-n9_guide .n9-seo-single .n9-prediction-sidebar,
body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar,
body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar{
  position:relative!important;
  align-self:start!important;
  overflow:visible!important;
  gap:22px!important;
  isolation:isolate!important;
}
body.single-n9_tool .n9-seo-single .n9-prediction-sidebar > .n9-trade-panel,
body.single-n9_tool .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
body.single-n9_guide .n9-seo-single .n9-prediction-sidebar > .n9-trade-panel,
body.single-n9_guide .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar > .n9-trade-panel,
body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar > .n9-trade-panel,
body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar > .n9-sidebar{
  position:static!important;
  top:auto!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
  clear:both!important;
  margin:0!important;
}
body.single-n9_tool .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
body.single-n9_guide .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar > .n9-sidebar{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
body.single-n9_tool .n9-seo-single .n9-prediction-sidebar > *,
body.single-n9_tool .n9-seo-single .n9-prediction-sidebar .n9-sidebar > *,
body.single-n9_guide .n9-seo-single .n9-prediction-sidebar > *,
body.single-n9_guide .n9-seo-single .n9-prediction-sidebar .n9-sidebar > *,
body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar > *,
body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar .n9-sidebar > *,
body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar > *,
body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar .n9-sidebar > *{
  position:relative!important;
  z-index:1!important;
  float:none!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.single-n9_tool .n9-seo-single .n9-seo-quality-panel,
body.single-n9_guide .n9-seo-single .n9-seo-quality-panel,
body.single-n9_analysis .n9-seo-single .n9-seo-quality-panel,
body.single-n9_comparison .n9-seo-single .n9-seo-quality-panel{
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}
body.single-n9_tool .n9-seo-single .n9-prediction-summary,
body.single-n9_guide .n9-seo-single .n9-prediction-summary,
body.single-n9_analysis .n9-seo-single .n9-prediction-summary,
body.single-n9_comparison .n9-seo-single .n9-prediction-summary{
  min-width:0!important;
  overflow:hidden!important;
}
body.single-n9_tool .n9-seo-single .n9-prediction-summary strong,
body.single-n9_guide .n9-seo-single .n9-prediction-summary strong,
body.single-n9_analysis .n9-seo-single .n9-prediction-summary strong,
body.single-n9_comparison .n9-seo-single .n9-prediction-summary strong{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  font-size:clamp(15px,2.4vw,22px)!important;
  line-height:1.25!important;
}
@media(max-width:1180px){
  body.single-n9_tool .n9-seo-single .n9-prediction-sidebar,
  body.single-n9_guide .n9-seo-single .n9-prediction-sidebar,
  body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar,
  body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
  }
  body.single-n9_tool .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
  body.single-n9_guide .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
  body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar > .n9-sidebar,
  body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar > .n9-sidebar{
    grid-column:1/-1!important;
  }
}
@media(max-width:640px){
  body.single-n9_tool .n9-seo-single .n9-prediction-sidebar,
  body.single-n9_guide .n9-seo-single .n9-prediction-sidebar,
  body.single-n9_analysis .n9-seo-single .n9-prediction-sidebar,
  body.single-n9_comparison .n9-seo-single .n9-prediction-sidebar{
    display:flex!important;
    flex-direction:column!important;
  }
}

/* v2.3.48.83: smooth limited sidebar snapshot behavior for tool, guide, analysis and comparison single pages only. */
@media (min-width: 1181px) {
  body.single-n9_tool .n9-seo-single .n9-seo-resource-sidebar,
  body.single-n9_guide .n9-seo-single .n9-seo-resource-sidebar,
  body.single-n9_analysis .n9-seo-single .n9-seo-resource-sidebar,
  body.single-n9_comparison .n9-seo-single .n9-seo-resource-sidebar {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    overflow: visible !important;
  }
  body.single-n9_tool .n9-seo-single .n9-seo-sticky-zone,
  body.single-n9_guide .n9-seo-single .n9-seo-sticky-zone,
  body.single-n9_analysis .n9-seo-single .n9-seo-sticky-zone,
  body.single-n9_comparison .n9-seo-single .n9-seo-sticky-zone {
    position: relative !important;
    min-height: clamp(640px, calc(100dvh + 240px), 940px) !important;
    overflow: visible !important;
    z-index: 2 !important;
  }
  body.single-n9_tool .n9-seo-single .n9-seo-sticky-card,
  body.single-n9_guide .n9-seo-single .n9-seo-sticky-card,
  body.single-n9_analysis .n9-seo-single .n9-seo-sticky-card,
  body.single-n9_comparison .n9-seo-single .n9-seo-sticky-card {
    position: sticky !important;
    top: 108px !important;
    z-index: 3 !important;
    will-change: transform !important;
  }
  body.single-n9_tool .n9-seo-single .n9-seo-sticky-card .n9-trade-panel,
  body.single-n9_guide .n9-seo-single .n9-seo-sticky-card .n9-trade-panel,
  body.single-n9_analysis .n9-seo-single .n9-seo-sticky-card .n9-trade-panel,
  body.single-n9_comparison .n9-seo-single .n9-seo-sticky-card .n9-trade-panel {
    position: relative !important;
    top: auto !important;
    margin: 0 !important;
    z-index: 1 !important;
  }
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-card,
body.single-n9_guide .n9-seo-single .n9-seo-resource-card,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-card,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-card {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(22px, 3vw, 30px) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(236,253,245,.66) 46%, rgba(239,246,255,.82)) !important;
  border: 1px solid rgba(15,23,42,.10) !important;
  box-shadow: 0 24px 72px rgba(15,23,42,.10) !important;
}
html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-seo-resource-card,
html[data-n9-theme="dark"] body.single-n9_guide .n9-seo-single .n9-seo-resource-card,
html[data-n9-theme="dark"] body.single-n9_analysis .n9-seo-single .n9-seo-resource-card,
html[data-n9-theme="dark"] body.single-n9_comparison .n9-seo-single .n9-seo-resource-card {
  background: linear-gradient(145deg, rgba(2,6,23,.96), rgba(6,78,59,.48) 48%, rgba(15,23,42,.92)) !important;
  border-color: rgba(45,212,191,.22) !important;
  box-shadow: 0 26px 78px rgba(0,0,0,.28) !important;
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-card::before,
body.single-n9_guide .n9-seo-single .n9-seo-resource-card::before,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-card::before,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-card::before {
  content: "";
  position: absolute;
  inset: -90px -80px auto auto;
  width: 210px;
  height: 210px;
  border-radius: 999px;
  background: rgba(20,184,166,.22);
  filter: blur(18px);
  pointer-events: none;
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-card > *,
body.single-n9_guide .n9-seo-single .n9-seo-resource-card > *,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-card > *,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-card > * {
  position: relative;
  z-index: 1;
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-kicker,
body.single-n9_guide .n9-seo-single .n9-seo-resource-kicker,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-kicker,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  color: #10b981;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-card h2,
body.single-n9_guide .n9-seo-single .n9-seo-resource-card h2,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-card h2,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-card h2 {
  margin: 0 0 10px !important;
  color: #071126 !important;
  font: 900 clamp(22px, 2.2vw, 30px)/1.08 "Space Grotesk", sans-serif !important;
  letter-spacing: -.04em !important;
}
html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-seo-resource-card h2,
html[data-n9-theme="dark"] body.single-n9_guide .n9-seo-single .n9-seo-resource-card h2,
html[data-n9-theme="dark"] body.single-n9_analysis .n9-seo-single .n9-seo-resource-card h2,
html[data-n9-theme="dark"] body.single-n9_comparison .n9-seo-single .n9-seo-resource-card h2 { color: #f8fafc !important; }
body.single-n9_tool .n9-seo-single .n9-seo-resource-card p,
body.single-n9_guide .n9-seo-single .n9-seo-resource-card p,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-card p,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-card p {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 0 16px !important;
}
html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-seo-resource-card p,
html[data-n9-theme="dark"] body.single-n9_guide .n9-seo-single .n9-seo-resource-card p,
html[data-n9-theme="dark"] body.single-n9_analysis .n9-seo-single .n9-seo-resource-card p,
html[data-n9-theme="dark"] body.single-n9_comparison .n9-seo-single .n9-seo-resource-card p { color: #a9b5c8 !important; }
body.single-n9_tool .n9-seo-single .n9-seo-resource-list,
body.single-n9_guide .n9-seo-single .n9-seo-resource-list,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-list,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-list {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-list div,
body.single-n9_guide .n9-seo-single .n9-seo-resource-list div,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-list div,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-list div {
  padding: 13px 14px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.72);
}
html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-seo-resource-list div,
html[data-n9-theme="dark"] body.single-n9_guide .n9-seo-single .n9-seo-resource-list div,
html[data-n9-theme="dark"] body.single-n9_analysis .n9-seo-single .n9-seo-resource-list div,
html[data-n9-theme="dark"] body.single-n9_comparison .n9-seo-single .n9-seo-resource-list div {
  background: rgba(15,23,42,.72);
  border-color: rgba(148,163,184,.16);
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-list span,
body.single-n9_guide .n9-seo-single .n9-seo-resource-list span,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-list span,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-list span {
  display: block;
  margin-bottom: 5px;
  color: #10b981;
  font: 900 10px/1.2 "JetBrains Mono", monospace;
  letter-spacing: .10em;
  text-transform: uppercase;
}
body.single-n9_tool .n9-seo-single .n9-seo-resource-list strong,
body.single-n9_guide .n9-seo-single .n9-seo-resource-list strong,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-list strong,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-list strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-seo-resource-list strong,
html[data-n9-theme="dark"] body.single-n9_guide .n9-seo-single .n9-seo-resource-list strong,
html[data-n9-theme="dark"] body.single-n9_analysis .n9-seo-single .n9-seo-resource-list strong,
html[data-n9-theme="dark"] body.single-n9_comparison .n9-seo-single .n9-seo-resource-list strong { color: #e5edf7; }
body.single-n9_tool .n9-seo-single .n9-seo-resource-note,
body.single-n9_guide .n9-seo-single .n9-seo-resource-note,
body.single-n9_analysis .n9-seo-single .n9-seo-resource-note,
body.single-n9_comparison .n9-seo-single .n9-seo-resource-note {
  margin-top: 14px !important;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(16,185,129,.10);
  border: 1px solid rgba(16,185,129,.18);
  color: #047857 !important;
}
html[data-n9-theme="dark"] body.single-n9_tool .n9-seo-single .n9-seo-resource-note,
html[data-n9-theme="dark"] body.single-n9_guide .n9-seo-single .n9-seo-resource-note,
html[data-n9-theme="dark"] body.single-n9_analysis .n9-seo-single .n9-seo-resource-note,
html[data-n9-theme="dark"] body.single-n9_comparison .n9-seo-single .n9-seo-resource-note { color: #8cf7d1 !important; }
@media (max-width: 1180px) {
  body.single-n9_tool .n9-seo-single .n9-seo-sticky-zone,
  body.single-n9_guide .n9-seo-single .n9-seo-sticky-zone,
  body.single-n9_analysis .n9-seo-single .n9-seo-sticky-zone,
  body.single-n9_comparison .n9-seo-single .n9-seo-sticky-zone {
    min-height: 0 !important;
  }
  body.single-n9_tool .n9-seo-single .n9-seo-sticky-card,
  body.single-n9_guide .n9-seo-single .n9-seo-sticky-card,
  body.single-n9_analysis .n9-seo-single .n9-seo-sticky-card,
  body.single-n9_comparison .n9-seo-single .n9-seo-sticky-card {
    position: static !important;
  }
}