:root{--n9-bg:#040806;--n9-panel:#020617;--n9-panel-soft:rgba(2,6,23,.72);--n9-border:#172033;--n9-text:#e2e8f0;--n9-muted:#94a3b8;--n9-accent:#10b981;--n9-accent-hover:#34d399;--n9-radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#07110c 0%,var(--n9-bg) 42%,#020403 100%);color:var(--n9-text);font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit}
img{max-width:100%;height:auto}
.n9-container{width:min(1440px,calc(100% - 32px));margin-inline:auto}
.n9-dashboard-page{background:#040806}
.n9-react-root{min-height:100vh}
.n9-noscript{max-width:760px;margin:80px auto;padding:24px;border:1px solid var(--n9-border);border-radius:18px;background:var(--n9-panel);text-align:center}
.admin-bar #root header.sticky{top:32px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;display:block;top:8px;left:8px;z-index:100000;background:#fff;color:#111;padding:12px 18px}

/* Standard WordPress header */
.n9-site-header{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(30,41,59,.72)}
.admin-bar .n9-site-header{top:32px}
.n9-header-inner{min-height:78px;display:flex;align-items:center;gap:28px}
.n9-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}
.n9-brand img{width:auto;max-width:150px;max-height:46px;object-fit:contain}
.n9-brand-mark{display:inline-grid;place-items:center;min-width:38px;height:34px;padding:0 8px;border-radius:7px;background:var(--n9-accent);color:#03120c;font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:800;box-shadow:0 8px 28px rgba(16,185,129,.18)}
.n9-brand-copy{display:flex;flex-direction:column;line-height:1.15}.n9-brand-copy strong{font-family:"Space Grotesk",sans-serif;font-size:20px}.n9-brand-copy small{margin-top:4px;color:var(--n9-muted);font-size:10px}
.n9-primary-nav{margin-left:auto}.n9-menu,.n9-menu ul,.n9-footer-menu{list-style:none;margin:0;padding:0}.n9-menu{display:flex;align-items:center;gap:4px}.n9-menu>li{position:relative}.n9-menu a{display:block;padding:10px 12px;text-decoration:none;color:#cbd5e1;font-size:13px;font-weight:700;border-radius:10px}.n9-menu a:hover,.n9-menu .current-menu-item>a{background:#0f172a;color:#fff}.n9-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:8px;background:#020617;border:1px solid var(--n9-border);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.45)}.n9-menu li:hover>.sub-menu{display:block}
.n9-search-form{display:flex;align-items:stretch;gap:7px}.n9-search-form label{display:flex}.n9-search-form input{min-width:180px;border:1px solid #263248;background:#0f172a;color:#e2e8f0;border-radius:10px;padding:9px 12px;outline:none}.n9-search-form input:focus{border-color:rgba(16,185,129,.65);box-shadow:0 0 0 3px rgba(16,185,129,.08)}.n9-search-form button,.n9-button{border:0;border-radius:10px;background:var(--n9-accent);color:#02120b;padding:9px 14px;font-weight:800;cursor:pointer;text-decoration:none}.n9-search-form button:hover,.n9-button:hover{background:var(--n9-accent-hover)}

/* Content templates */
.n9-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;padding-block:48px 72px}.n9-singular-wrap{max-width:1000px;padding-block:48px 72px}.n9-content-column{min-width:0}.n9-page-heading{margin-bottom:28px;padding:28px 30px;border:1px solid var(--n9-border);border-radius:var(--n9-radius);background:rgba(2,6,23,.55)}.n9-page-heading h1{margin:0 0 8px;font-family:"Space Grotesk",sans-serif;font-size:clamp(28px,4vw,44px);letter-spacing:-.035em}.n9-page-heading p,.n9-page-heading div{margin:0;color:var(--n9-muted);line-height:1.7}.n9-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.n9-post-card{overflow:hidden;border:1px solid var(--n9-border);border-radius:20px;background:rgba(2,6,23,.62);transition:.25s ease}.n9-post-card:hover{transform:translateY(-3px);border-color:#334155;background:rgba(2,6,23,.9);box-shadow:0 20px 60px rgba(0,0,0,.24)}.n9-post-thumb{display:block;aspect-ratio:16/9;overflow:hidden}.n9-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.n9-post-card:hover .n9-post-thumb img{transform:scale(1.035)}.n9-post-card-body{padding:22px}.n9-post-meta{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.n9-post-title{margin:9px 0 12px;font-family:"Space Grotesk",sans-serif;font-size:21px;line-height:1.3}.n9-post-title a{text-decoration:none}.n9-post-title a:hover{color:#6ee7b7}.n9-post-excerpt{color:#94a3b8;font-size:14px;line-height:1.7}.n9-post-excerpt p{margin:0}.n9-read-more{display:inline-block;margin-top:16px;color:#34d399;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.n9-sidebar{display:flex;flex-direction:column;gap:18px}.n9-widget{padding:22px;border:1px solid var(--n9-border);border-radius:18px;background:rgba(2,6,23,.62);color:#94a3b8}.n9-widget+.n9-widget{margin-top:18px}.widget-title{margin:0 0 14px;color:#e2e8f0;font-family:"Space Grotesk",sans-serif;font-size:16px}.n9-widget ul{margin:0;padding-left:18px}.n9-widget li+li{margin-top:8px}.n9-widget a{text-decoration:none;color:#cbd5e1}.n9-widget a:hover{color:#6ee7b7}.n9-widget p:last-child{margin-bottom:0}.n9-article{padding:clamp(24px,5vw,54px);border:1px solid var(--n9-border);border-radius:28px;background:rgba(2,6,23,.7);box-shadow:0 30px 100px rgba(0,0,0,.18)}.n9-article-header h1{margin:8px 0 0;font-family:"Space Grotesk",sans-serif;font-size:clamp(32px,5vw,58px);line-height:1.05;letter-spacing:-.045em}.n9-featured-image{margin:32px 0;border-radius:20px;overflow:hidden}.n9-entry-content{color:#cbd5e1;font-size:17px;line-height:1.82}.n9-entry-content h2,.n9-entry-content h3,.n9-entry-content h4{font-family:"Space Grotesk",sans-serif;color:#f1f5f9;line-height:1.2}.n9-entry-content h2{margin-top:2em;font-size:32px}.n9-entry-content h3{margin-top:1.7em;font-size:24px}.n9-entry-content a{color:#34d399}.n9-entry-content blockquote{margin:30px 0;padding:8px 0 8px 24px;border-left:3px solid #10b981;color:#cbd5e1;font-size:20px}.n9-entry-content pre{overflow:auto;padding:18px;background:#020617;border:1px solid var(--n9-border);border-radius:14px}.n9-entry-content table{width:100%;border-collapse:collapse}.n9-entry-content th,.n9-entry-content td{padding:12px;border:1px solid #263248}.n9-entry-footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--n9-border);color:#94a3b8}.n9-empty,.n9-error-page{padding:60px 30px;border:1px solid var(--n9-border);border-radius:26px;background:rgba(2,6,23,.62);text-align:center}.n9-error-page{max-width:760px;margin:70px auto}.n9-error-page>span{display:block;color:#10b981;font:800 90px/1 "JetBrains Mono",monospace}.n9-error-page h1{font:800 40px/1.2 "Space Grotesk",sans-serif}.n9-error-page .n9-search-form{justify-content:center;margin:24px auto}.n9-error-page .n9-button{display:inline-block;margin-top:8px}.navigation.pagination{margin-top:28px}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.page-numbers{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--n9-border);border-radius:10px;background:#020617;text-decoration:none}.page-numbers.current,.page-numbers:hover{background:#10b981;color:#03120c;border-color:#10b981}

/* Comments */
.n9-comments{margin-top:24px;padding:28px;border:1px solid var(--n9-border);border-radius:22px;background:rgba(2,6,23,.62)}.n9-comments h2,.comment-reply-title{font-family:"Space Grotesk",sans-serif}.comment-list{padding-left:22px}.comment-body{margin-bottom:18px;padding:18px;border:1px solid #1e293b;border-radius:14px}.comment-meta{font-size:12px;color:#94a3b8}.comment-content{line-height:1.7}.comment-form input:not([type=submit]),.comment-form textarea{width:100%;padding:12px;border:1px solid #263248;border-radius:10px;background:#0f172a;color:#e2e8f0}.comment-form .submit{border:0;border-radius:10px;padding:11px 18px;background:#10b981;color:#02120b;font-weight:800}

/* Standard footer */
.n9-site-footer{padding:54px 0 30px;border-top:1px solid rgba(30,41,59,.75);background:rgba(2,6,23,.62)}.n9-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:34px}.n9-footer-grid .n9-widget{height:100%}.n9-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#64748b;font-size:12px}.n9-footer-bottom strong{color:#94a3b8}.n9-footer-bottom p{margin:5px 0 0}.n9-footer-menu{display:flex;align-items:center;gap:18px}.n9-footer-menu a{text-decoration:none;color:#94a3b8;font-weight:700}.n9-footer-menu a:hover{color:#fff}

/* Widgets injected into the exact React design */
.n9-wordpress-widgets .widget,.n9-footer-widgets .widget{color:#94a3b8;font-size:12px}.n9-wordpress-widgets .widget-title,.n9-footer-widgets .widget-title{margin:0 0 12px;color:#e2e8f0;font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:800}.n9-wordpress-widgets .widget ul,.n9-footer-widgets .widget ul{margin:0;padding-left:18px}.n9-wordpress-widgets .widget a,.n9-footer-widgets .widget a{color:#cbd5e1;text-decoration:none}.n9-wordpress-widgets .widget a:hover,.n9-footer-widgets .widget a:hover{color:#6ee7b7}.n9-footer-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.n9-footer-widgets .widget{padding:18px;border:1px solid #172033;border-radius:16px;background:rgba(15,23,42,.35)}

@media(max-width:1100px){.n9-header-inner{flex-wrap:wrap;padding-block:12px}.n9-primary-nav{order:3;width:100%;overflow:auto}.n9-menu{width:max-content}.n9-main-layout{grid-template-columns:1fr}.n9-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:782px){.admin-bar #root header.sticky,.admin-bar .n9-site-header{top:46px}.n9-post-grid,.n9-footer-grid,.n9-footer-widgets,.n9-sidebar{grid-template-columns:1fr}.n9-header-inner>.n9-search-form{display:none}.n9-main-layout{padding-top:28px}.n9-article{padding:24px}.n9-footer-bottom{align-items:flex-start;flex-direction:column}.n9-footer-menu{flex-wrap:wrap}}
@media(max-width:600px){.n9-container{width:min(100% - 22px,1440px)}.n9-brand-copy small{display:none}.n9-page-heading{padding:22px}.n9-error-page>span{font-size:68px}}

/* Account actions and global appearance switch */
.n9-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.n9-appearance-toggle,.n9-account-button,.n9-logout-button,.n9-register-button,.n9-login-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:11px;border:1px solid #263248;text-decoration:none;font:800 12px/1 "Plus Jakarta Sans",sans-serif;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}
.n9-appearance-toggle{background:#0f172a;color:#cbd5e1;cursor:pointer}
.n9-appearance-toggle:hover,.n9-account-button:hover,.n9-login-button:hover{background:#172033;color:#fff;border-color:#334155}
.n9-register-button{background:linear-gradient(90deg,#10b981,#14b8a6);border-color:transparent;color:#022c22;box-shadow:0 10px 28px rgba(16,185,129,.14)}
.n9-register-button:hover{background:linear-gradient(90deg,#34d399,#2dd4bf);color:#022c22;transform:translateY(-1px)}
.n9-header-actions .is-disabled,.n9-header-actions button:disabled{opacity:.68;cursor:not-allowed;transform:none!important;box-shadow:none}
.n9-account-button,.n9-login-button{background:#0f172a;color:#e2e8f0}
.n9-logout-button{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.28);color:#fb7185}
.n9-logout-button:hover{background:rgba(244,63,94,.18);border-color:rgba(244,63,94,.4)}
.n9-mode-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.n9-mode-icon-moon{display:none}
html[data-n9-theme="light"] .n9-mode-icon-sun{display:none}
html[data-n9-theme="light"] .n9-mode-icon-moon{display:block}

/* Standard WordPress templates in light mode */
html[data-n9-theme="light"]{--n9-bg:#f8fafc;--n9-panel:#fff;--n9-panel-soft:rgba(255,255,255,.82);--n9-border:#dbe4ee;--n9-text:#0f172a;--n9-muted:#64748b;color-scheme:light}
html[data-n9-theme="light"] body{background:linear-gradient(180deg,#e8f1ed 0%,#f8fafc 42%,#fff 100%);color:#0f172a}
html[data-n9-theme="light"] body.n9-dashboard-page{background:#f8fafc}
html[data-n9-theme="light"] .n9-site-header{background:rgba(255,255,255,.9);border-bottom-color:rgba(203,213,225,.82);box-shadow:0 12px 36px rgba(15,23,42,.05)}
html[data-n9-theme="light"] .n9-brand-copy strong{color:#0f172a}
html[data-n9-theme="light"] .n9-menu a{color:#475569}
html[data-n9-theme="light"] .n9-menu a:hover,html[data-n9-theme="light"] .n9-menu .current-menu-item>a{background:#eef2f7;color:#0f172a}
html[data-n9-theme="light"] .n9-menu .sub-menu{background:#fff;border-color:#dbe4ee;box-shadow:0 24px 60px rgba(15,23,42,.14)}
html[data-n9-theme="light"] .n9-search-form input{background:#fff;border-color:#cbd5e1;color:#0f172a}
html[data-n9-theme="light"] .n9-appearance-toggle,html[data-n9-theme="light"] .n9-account-button,html[data-n9-theme="light"] .n9-login-button{background:#fff;border-color:#cbd5e1;color:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.04)}
html[data-n9-theme="light"] .n9-appearance-toggle:hover,html[data-n9-theme="light"] .n9-account-button:hover,html[data-n9-theme="light"] .n9-login-button:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}
html[data-n9-theme="light"] .n9-page-heading,html[data-n9-theme="light"] .n9-post-card,html[data-n9-theme="light"] .n9-widget,html[data-n9-theme="light"] .n9-article,html[data-n9-theme="light"] .n9-empty,html[data-n9-theme="light"] .n9-error-page,html[data-n9-theme="light"] .n9-comments{background:rgba(255,255,255,.86);border-color:#dbe4ee;box-shadow:0 18px 55px rgba(15,23,42,.05)}
html[data-n9-theme="light"] .n9-post-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 20px 60px rgba(15,23,42,.09)}
html[data-n9-theme="light"] .n9-post-title,html[data-n9-theme="light"] .widget-title,html[data-n9-theme="light"] .n9-entry-content h2,html[data-n9-theme="light"] .n9-entry-content h3,html[data-n9-theme="light"] .n9-entry-content h4{color:#0f172a}
html[data-n9-theme="light"] .n9-post-excerpt,html[data-n9-theme="light"] .n9-widget,html[data-n9-theme="light"] .n9-entry-content,html[data-n9-theme="light"] .n9-entry-footer{color:#475569}
html[data-n9-theme="light"] .n9-widget a{color:#334155}
html[data-n9-theme="light"] .n9-entry-content pre,html[data-n9-theme="light"] .page-numbers{background:#f8fafc;border-color:#dbe4ee;color:#0f172a}
html[data-n9-theme="light"] .comment-body{border-color:#dbe4ee}
html[data-n9-theme="light"] .comment-form input:not([type=submit]),html[data-n9-theme="light"] .comment-form textarea{background:#fff;border-color:#cbd5e1;color:#0f172a}
html[data-n9-theme="light"] .n9-site-footer{background:rgba(255,255,255,.72);border-top-color:#dbe4ee}

@media(max-width:1260px){.n9-header-inner{gap:16px}.n9-header-inner>.n9-search-form{display:none}}
@media(max-width:1100px){.n9-header-actions{margin-left:auto}.n9-primary-nav{order:4}.n9-header-inner>.n9-search-form{display:none}}
@media(max-width:640px){.n9-header-actions{width:100%;justify-content:flex-end}.n9-appearance-toggle span{display:none}.n9-appearance-toggle{width:40px;padding-inline:0}.n9-account-button,.n9-logout-button,.n9-register-button,.n9-login-button{padding-inline:10px}}

/* =========================================================
   v2.1 unified exchange header, logo-only identity and drawer
   ========================================================= */
@keyframes n9TickerPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.86)}}
@keyframes n9GlobalTickerLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.n9-exchange-header-inner{min-height:82px;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:18px}
.n9-brand-logo-only{display:inline-flex;align-items:center;min-width:0}
.n9-brand-logo-only img{display:block;width:auto;max-width:190px;max-height:48px;object-fit:contain}
.n9-global-ticker{min-width:0;max-width:560px;justify-self:center;display:flex;align-items:stretch;min-height:42px;overflow:hidden;border:1px solid rgba(38,50,72,.92);border-radius:999px;background:rgba(15,23,42,.68);font-family:"JetBrains Mono",monospace;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.n9-global-ticker-label{position:relative;z-index:3;display:flex;align-items:center;gap:8px;flex:none;padding:0 14px;background:rgba(15,23,42,.98);border-right:1px solid rgba(51,65,85,.72);box-shadow:12px 0 22px rgba(2,6,23,.82);color:#34d399;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.n9-global-ticker-label i{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.08);animation:n9TickerPulse 2s ease-in-out infinite}
.n9-global-ticker-viewport{position:relative;min-width:0;overflow:hidden;flex:1;padding-inline:14px;mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.n9-global-ticker-track{display:flex;width:max-content;will-change:transform;animation:n9GlobalTickerLoop 30s linear infinite}
.n9-global-ticker:hover .n9-global-ticker-track,.n9-global-ticker:focus-within .n9-global-ticker-track{animation-play-state:paused}
.n9-global-ticker-group{display:flex;align-items:center;gap:20px;flex:none;padding-right:20px;white-space:nowrap;color:#94a3b8;font-size:11px}
.n9-global-ticker-item{display:inline-flex;align-items:center;gap:7px;flex:none}
.n9-global-ticker-item strong{display:inline-flex;align-items:center;gap:2px;font-size:10px}.n9-global-ticker-item strong.is-up{color:#10b981}.n9-global-ticker-item strong.is-down{color:#f43f5e}.n9-global-ticker-item .n9-icon{width:12px;height:12px}
.n9-global-ticker-separator{color:#475569;flex:none}
.n9-desktop-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content}
.n9-header-search .n9-search-form input{width:190px;min-width:0;height:42px}
.n9-header-balance{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 12px;border:1px solid #263248;border-radius:13px;background:#0f172a;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.n9-header-balance-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(16,185,129,.12);color:#34d399;flex:none}.n9-header-balance-icon .n9-icon{width:17px;height:17px}
.n9-header-balance>span:last-child,.n9-mobile-balance-card [data-n9-balance]{display:flex;flex-direction:column;line-height:1.15}.n9-header-balance small,.n9-mobile-balance-card small{color:#64748b;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.n9-header-balance strong,.n9-mobile-balance-card strong{margin-top:4px;color:#34d399;font:800 13px "JetBrains Mono",monospace}
.n9-header-icon-button,.n9-menu-toggle{display:inline-grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #263248;border-radius:13px;background:#0f172a;color:#cbd5e1;cursor:pointer;transition:.2s ease}.n9-header-icon-button:hover,.n9-menu-toggle:hover{background:#172033;border-color:#334155;color:#fff}.n9-header-icon-button .n9-icon,.n9-menu-toggle .n9-icon{width:21px;height:21px}.n9-header-icon-button .n9-mode-icon{width:22px;height:22px}
.n9-appearance-toggle.n9-header-icon-button{padding:0;min-height:46px;min-width:46px}
.n9-mobile-header-actions{display:none;align-items:center;gap:8px;margin-left:auto}
.n9-mobile-drawer-shell{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden}.n9-mobile-drawer-shell.is-open{pointer-events:auto;visibility:visible}
.n9-mobile-drawer-overlay{position:absolute;inset:0;border:0;background:rgba(2,6,23,.72);backdrop-filter:blur(5px);opacity:0;transition:opacity .28s ease;cursor:pointer}.n9-mobile-drawer-shell.is-open .n9-mobile-drawer-overlay{opacity:1}
.n9-mobile-drawer{position:absolute;right:0;top:0;display:flex;flex-direction:column;width:min(92vw,400px);height:100%;background:#020617;border-left:1px solid #1e293b;box-shadow:-28px 0 90px rgba(0,0,0,.48);transform:translateX(104%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.n9-mobile-drawer-shell.is-open .n9-mobile-drawer{transform:translateX(0)}
.n9-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid #1e293b}.n9-mobile-drawer-head .n9-brand-logo-only img{max-width:175px;max-height:42px}
.n9-mobile-drawer-body{flex:1;overflow-y:auto;padding:16px}.n9-mobile-search .n9-search-form{width:100%}.n9-mobile-search .n9-search-form label{flex:1}.n9-mobile-search .n9-search-form input{width:100%;min-width:0;height:46px}.n9-mobile-search .n9-search-form button{height:46px}
.n9-mobile-balance-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:14px;border:1px solid #1e293b;border-radius:17px;background:rgba(15,23,42,.72)}
.n9-mobile-drawer-section{margin-top:24px}.n9-mobile-drawer-section h2{margin:0 0 12px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.n9-mobile-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.n9-mobile-category-grid a{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 11px;border:1px solid #1e293b;border-radius:13px;background:rgba(15,23,42,.62);color:#cbd5e1;font-size:11px;font-weight:800;text-decoration:none;transition:.2s ease}.n9-mobile-category-grid a:hover{border-color:color-mix(in srgb,var(--n9-category-color) 52%,#334155);background:rgba(30,41,59,.8);color:#fff}.n9-mobile-category-grid a .n9-icon{width:17px;height:17px;color:var(--n9-category-color);flex:none}
.n9-drawer-menu,.n9-drawer-menu ul{list-style:none;margin:0;padding:0}.n9-drawer-menu>li+li{margin-top:5px}.n9-drawer-menu a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:12px;color:#cbd5e1;font-size:12px;font-weight:800;text-decoration:none}.n9-drawer-menu a:hover,.n9-drawer-menu .current-menu-item>a{background:#0f172a;border-color:#1e293b;color:#fff}.n9-drawer-menu .sub-menu{margin:4px 0 4px 14px}.n9-drawer-menu .sub-menu a{min-height:38px;color:#94a3b8;font-size:11px}
.n9-mobile-drawer-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px;border-top:1px solid #1e293b;background:rgba(2,6,23,.96)}.n9-mobile-drawer-footer .n9-register-button,.n9-mobile-drawer-footer .n9-login-button{width:100%;min-height:46px}
body.n9-drawer-open{overflow:hidden}
html[data-n9-theme="light"] .n9-global-ticker{background:rgba(255,255,255,.78);border-color:#dbe4ee}.n9-global-ticker-label{}
html[data-n9-theme="light"] .n9-global-ticker-label{background:rgba(248,250,252,.98);border-right-color:#dbe4ee;box-shadow:12px 0 22px rgba(148,163,184,.22)}
html[data-n9-theme="light"] .n9-global-ticker-group{color:#64748b}
html[data-n9-theme="light"] .n9-header-balance,html[data-n9-theme="light"] .n9-header-icon-button,html[data-n9-theme="light"] .n9-menu-toggle{background:#fff;border-color:#cbd5e1;color:#334155;box-shadow:0 8px 24px rgba(15,23,42,.04)}
html[data-n9-theme="light"] .n9-mobile-drawer{background:#fff;border-left-color:#dbe4ee}.n9-mobile-drawer{}
html[data-n9-theme="light"] .n9-mobile-drawer-head,html[data-n9-theme="light"] .n9-mobile-drawer-footer{border-color:#dbe4ee;background:rgba(255,255,255,.96)}
html[data-n9-theme="light"] .n9-mobile-balance-card,html[data-n9-theme="light"] .n9-mobile-category-grid a,html[data-n9-theme="light"] .n9-drawer-menu a:hover,html[data-n9-theme="light"] .n9-drawer-menu .current-menu-item>a{background:#f8fafc;border-color:#dbe4ee;color:#0f172a}
html[data-n9-theme="light"] .n9-drawer-menu a{color:#334155}
@media(max-width:1320px){.n9-global-ticker{max-width:430px}.n9-header-search{display:none}}
@media(max-width:1080px){.n9-exchange-header-inner{grid-template-columns:auto 1fr}.n9-global-ticker,.n9-desktop-header-actions{display:none}.n9-mobile-header-actions{display:flex;justify-self:end}.n9-site-header{min-height:72px}.n9-brand-logo-only img{max-width:170px;max-height:44px}}
@media(max-width:600px){.n9-exchange-header-inner{min-height:68px;gap:10px}.n9-brand-logo-only img{max-width:148px;max-height:39px}.n9-header-icon-button,.n9-menu-toggle,.n9-appearance-toggle.n9-header-icon-button{width:43px;height:43px;min-width:43px;min-height:43px}.n9-mobile-category-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.n9-global-ticker-track{animation:none}.n9-mobile-drawer,.n9-mobile-drawer-overlay{transition:none}}
@media(max-width:1180px) and (min-width:1081px){.n9-exchange-header-inner{grid-template-columns:auto 1fr}.n9-global-ticker{display:none}.n9-desktop-header-actions{justify-self:end}}


/* v2.1.1: hard logo containment for high-resolution custom logos. */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
.n9-react-root,#root,.n9-app{width:100%;max-width:100%;overflow-x:clip}
.n9-brand-logo-only,.n9-home-logo{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:190px!important;height:48px!important;max-height:48px!important;overflow:hidden!important;flex:0 0 auto!important}
.n9-brand-logo-only img,.n9-home-logo img,.n9-site-logo-image{display:block!important;width:auto!important;height:44px!important;max-width:190px!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important}
.n9-mobile-drawer .n9-brand-logo-only,.n9-home-logo--drawer{max-width:175px!important;height:42px!important;max-height:42px!important}
.n9-mobile-drawer .n9-brand-logo-only img,.n9-site-logo-image--drawer{height:40px!important;max-width:175px!important;max-height:40px!important}
@media(max-width:640px){.n9-brand-logo-only,.n9-home-logo{max-width:150px!important;height:42px!important;max-height:42px!important}.n9-brand-logo-only img,.n9-home-logo img,.n9-site-logo-image{height:38px!important;max-width:150px!important;max-height:38px!important}.n9-mobile-drawer .n9-brand-logo-only,.n9-home-logo--drawer{max-width:160px!important}.n9-mobile-drawer .n9-brand-logo-only img,.n9-site-logo-image--drawer{max-width:160px!important}}

/* =========================================================
   v2.1.3 market-directory footer
   Polymarket-inspired information architecture, adapted to
   the NaijaScore9 visual system and WordPress widget builder.
   ========================================================= */
.n9-site-footer.n9-market-footer,
.n9-dashboard-market-footer{
	position:relative;
	margin:0;
	padding:58px 0 28px;
	border-top:1px solid rgba(51,65,85,.58);
	background:#11161c;
	color:#e5e7eb;
}
.n9-dashboard-market-footer{padding-inline:16px}
.n9-market-footer-inner,
.n9-dashboard-market-footer-inner{
	width:min(var(--n9-container,1440px),calc(100% - 32px));
	margin-inline:auto;
}
.n9-dashboard-market-footer-inner{width:min(1440px,100%)}
.n9-market-footer-brand-row,
.n9-dashboard-market-footer-brand{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:28px;
	margin-bottom:44px;
}
.n9-market-footer-brand,
.n9-dashboard-market-footer-brand{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:11px;
}
.n9-market-footer-logo,
.n9-dashboard-market-footer-logo{
	display:inline-flex;
	align-items:center;
	max-width:240px;
	text-decoration:none;
	color:#f8fafc;
	font:800 30px/1 var(--n9-heading-font,"Space Grotesk",sans-serif);
	letter-spacing:-.035em;
}
.n9-market-footer-logo img,
.n9-dashboard-market-footer-logo img{
	display:block;
	width:auto;
	max-width:220px;
	max-height:54px;
	object-fit:contain;
}
.n9-market-footer-tagline,
.n9-dashboard-market-footer-brand>p{
	margin:0;
	color:#f8fafc;
	font:700 17px/1.45 var(--n9-heading-font,"Space Grotesk",sans-serif);
	letter-spacing:-.015em;
}
.n9-market-footer-directory,
.n9-dashboard-footer-directory{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
	align-items:start;
	gap:42px 54px;
	margin:0 0 52px;
}
.n9-market-footer-column{min-width:0}
.n9-market-footer-directory .n9-widget,
.n9-market-footer-directory .widget,
.n9-dashboard-footer-directory .n9-widget,
.n9-dashboard-footer-directory .widget{
	min-width:0;
	height:auto;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	color:#8291a5;
	font-size:14px;
	line-height:1.7;
}
.n9-market-footer-directory .widget-title,
.n9-dashboard-footer-directory .widget-title{
	margin:0 0 17px!important;
	color:#8291a5!important;
	font:700 14px/1.4 var(--n9-heading-font,"Space Grotesk",sans-serif)!important;
	letter-spacing:-.01em;
	text-transform:none;
}
.n9-market-footer-directory p,
.n9-dashboard-footer-directory p{
	margin:0;
	max-width:430px;
	color:#8291a5;
	font-size:14px;
	line-height:1.75;
}
.n9-market-footer-directory ul,
.n9-dashboard-footer-directory ul,
.n9-market-footer-directory .menu,
.n9-dashboard-footer-directory .menu{
	display:grid;
	gap:9px;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
}
.n9-market-footer-directory li,
.n9-dashboard-footer-directory li{
	margin:0!important;
	padding:0!important;
}
.n9-market-footer-directory a,
.n9-dashboard-footer-directory a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:2px 0;
	color:#f1f5f9!important;
	font-size:14px;
	font-weight:650;
	line-height:1.45;
	text-decoration:none!important;
	transition:color .18s ease,transform .18s ease;
}
.n9-market-footer-directory a:hover,
.n9-market-footer-directory a:focus-visible,
.n9-dashboard-footer-directory a:hover,
.n9-dashboard-footer-directory a:focus-visible{
	color:#34d399!important;
	transform:translateX(2px);
}
.n9-market-footer-directory .sub-menu,
.n9-dashboard-footer-directory .sub-menu{
	margin-top:6px!important;
	padding-left:12px!important;
}
.n9-market-footer-newsletter{
	margin:0 0 38px;
	padding:24px 0;
	border:0;
	border-top:1px solid rgba(51,65,85,.42);
	border-bottom:1px solid rgba(51,65,85,.42);
	border-radius:0;
	background:transparent;
}
.n9-market-footer-utility,
.n9-dashboard-footer-utility{
	display:grid;
	grid-template-columns:minmax(180px,1fr) minmax(420px,2.4fr) minmax(150px,1fr);
	align-items:center;
	gap:26px;
	padding-top:26px;
	border-top:1px solid rgba(51,65,85,.46);
}
.n9-market-footer-social,
.n9-dashboard-footer-social{
	display:flex;
	align-items:center;
	gap:14px;
	min-height:36px;
}
.n9-market-footer-social a,
.n9-dashboard-footer-social a{
	display:inline-grid;
	place-items:center;
	width:26px;
	height:26px;
	color:#cbd5e1;
	text-decoration:none;
	transition:color .18s ease,transform .18s ease;
}
.n9-market-footer-social a:hover,
.n9-market-footer-social a:focus-visible,
.n9-dashboard-footer-social a:hover,
.n9-dashboard-footer-social a:focus-visible{
	color:#34d399;
	transform:translateY(-2px);
}
.n9-market-footer-social .n9-icon,
.n9-dashboard-footer-social svg{width:20px;height:20px}
.n9-market-footer-legal,
.n9-dashboard-footer-legal{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:13px;
	min-width:0;
	color:#64748b;
	font-size:12px;
	line-height:1.5;
}
.n9-market-footer-legal strong,
.n9-dashboard-footer-legal strong{
	color:#f1f5f9;
	font-weight:750;
	white-space:nowrap;
}
.n9-market-footer-legal .n9-footer-menu,
.n9-dashboard-footer-legal nav{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0;
	min-width:0;
	margin:0;
	padding:0;
	list-style:none;
	flex-wrap:wrap;
}
.n9-market-footer-legal .n9-footer-menu li,
.n9-dashboard-footer-legal nav a{display:flex;align-items:center}
.n9-market-footer-legal .n9-footer-menu li:not(:first-child)::before,
.n9-dashboard-footer-legal nav a:not(:first-child)::before{
	content:"·";
	margin:0 10px;
	color:#475569;
}
.n9-market-footer-legal a,
.n9-dashboard-footer-legal a{
	color:#8291a5;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	white-space:nowrap;
}
.n9-market-footer-legal a:hover,
.n9-dashboard-footer-legal a:hover{color:#e2e8f0}
.n9-market-footer-language,
.n9-dashboard-footer-language{
	display:inline-flex;
	align-items:center;
	justify-self:end;
	gap:8px;
	padding:7px 0;
	border:0;
	background:transparent;
	color:#f1f5f9;
	font:650 13px/1 var(--n9-body-font,"Plus Jakarta Sans",sans-serif);
	cursor:default;
}
.n9-market-footer-language .n9-icon:first-child,
.n9-dashboard-footer-language svg:first-child{width:19px;height:19px}
.n9-market-footer-language .n9-icon:last-child,
.n9-dashboard-footer-language svg:last-child{width:15px;height:15px;color:#94a3b8}
.n9-market-footer-summary,
.n9-dashboard-footer-summary{
	margin:22px 0 0;
	color:#64748b;
	font-size:12px;
	line-height:1.65;
}
.n9-market-footer-disclaimer,
.n9-dashboard-footer-disclaimer{
	margin:10px 0 0;
	max-width:100%;
	color:#526176;
	font-size:11px;
	line-height:1.65;
}
@media (min-width:1180px){
	.n9-dashboard-footer-directory:has(> :nth-child(3):last-child),
	.n9-market-footer-dashboard-widgets:has(> :nth-child(3):last-child){
		grid-template-columns:minmax(270px,1.25fr) minmax(230px,1fr) minmax(230px,1fr);
	}
	.n9-dashboard-footer-directory:has(> :nth-child(4)),
	.n9-market-footer-dashboard-widgets:has(> :nth-child(4)){
		grid-template-columns:repeat(4,minmax(180px,1fr));
	}
}
@media(max-width:980px){
	.n9-market-footer-utility,
	.n9-dashboard-footer-utility{grid-template-columns:1fr auto}
	.n9-market-footer-legal,
	.n9-dashboard-footer-legal{grid-column:1/-1;grid-row:1;justify-content:flex-start;flex-wrap:wrap}
	.n9-market-footer-social,
	.n9-dashboard-footer-social{grid-column:1;grid-row:2}
	.n9-market-footer-language,
	.n9-dashboard-footer-language{grid-column:2;grid-row:2}
}
@media(max-width:640px){
	.n9-site-footer.n9-market-footer,
	.n9-dashboard-market-footer{padding-top:38px;padding-bottom:24px}
	.n9-market-footer-inner,
	.n9-dashboard-market-footer-inner{width:min(100%,calc(100% - 24px))}
	.n9-market-footer-brand-row,
	.n9-dashboard-market-footer-brand{margin-bottom:32px}
	.n9-market-footer-logo img,
	.n9-dashboard-market-footer-logo img{max-width:180px;max-height:46px}
	.n9-market-footer-tagline,
	.n9-dashboard-market-footer-brand>p{font-size:15px}
	.n9-market-footer-directory,
	.n9-dashboard-footer-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;margin-bottom:38px}
	.n9-market-footer-directory .n9-widget:first-child,
	.n9-dashboard-footer-directory .n9-widget:first-child{grid-column:1/-1}
	.n9-market-footer-utility,
	.n9-dashboard-footer-utility{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
	.n9-market-footer-legal,
	.n9-dashboard-footer-legal{display:block}
	.n9-market-footer-legal strong,
	.n9-dashboard-footer-legal strong{display:block;margin-bottom:9px}
	.n9-market-footer-legal .n9-footer-menu,
	.n9-dashboard-footer-legal nav{justify-content:flex-start;gap:10px 16px}
	.n9-market-footer-legal .n9-footer-menu li:not(:first-child)::before,
	.n9-dashboard-footer-legal nav a:not(:first-child)::before{display:none}
	.n9-market-footer-language,
	.n9-dashboard-footer-language{justify-self:auto}
}
@media(max-width:430px){
	.n9-market-footer-directory,
	.n9-dashboard-footer-directory{grid-template-columns:1fr}
	.n9-market-footer-directory .n9-widget:first-child,
	.n9-dashboard-footer-directory .n9-widget:first-child{grid-column:auto}
}
html[data-n9-theme="light"] .n9-site-footer.n9-market-footer,
html[data-n9-theme="light"] .n9-dashboard-market-footer{
	background:#f7f9fb;
	border-top-color:#dbe4ee;
	color:#0f172a;
}
html[data-n9-theme="light"] .n9-market-footer-tagline,
html[data-n9-theme="light"] .n9-dashboard-market-footer-brand>p,
html[data-n9-theme="light"] .n9-market-footer-directory a,
html[data-n9-theme="light"] .n9-dashboard-footer-directory a,
html[data-n9-theme="light"] .n9-market-footer-legal strong,
html[data-n9-theme="light"] .n9-dashboard-footer-legal strong,
html[data-n9-theme="light"] .n9-market-footer-language,
html[data-n9-theme="light"] .n9-dashboard-footer-language{color:#0f172a!important}
html[data-n9-theme="light"] .n9-market-footer-directory .n9-widget,
html[data-n9-theme="light"] .n9-dashboard-footer-directory .n9-widget,
html[data-n9-theme="light"] .n9-market-footer-directory p,
html[data-n9-theme="light"] .n9-dashboard-footer-directory p,
html[data-n9-theme="light"] .n9-market-footer-directory .widget-title,
html[data-n9-theme="light"] .n9-dashboard-footer-directory .widget-title{color:#64748b!important}
html[data-n9-theme="light"] .n9-market-footer-utility,
html[data-n9-theme="light"] .n9-dashboard-footer-utility,
html[data-n9-theme="light"] .n9-market-footer-newsletter{border-color:#dbe4ee}
html[data-n9-theme="light"] .n9-market-footer-social a,
html[data-n9-theme="light"] .n9-dashboard-footer-social a{color:#475569}
html[data-n9-theme="light"] .n9-market-footer-summary,
html[data-n9-theme="light"] .n9-dashboard-footer-summary{color:#64748b}
html[data-n9-theme="light"] .n9-market-footer-disclaimer,
html[data-n9-theme="light"] .n9-dashboard-footer-disclaimer{color:#7c8a9d}

/* =========================================================
   v2.3.12: Keep header/navbar and footer dark in light mode.
   The appearance toggle changes page/content areas only.
   ========================================================= */
html[data-n9-theme="light"] .n9-site-header,
html[data-n9-theme="light"] .n9-site-header.is-sticky,
html[data-n9-theme="light"] .n9-topbar {
  background: rgba(2, 6, 23, 0.92) !important;
  border-color: rgba(30, 41, 59, 0.82) !important;
  box-shadow: 0 10px 32px rgba(2, 6, 23, 0.18) !important;
  color: #e2e8f0 !important;
}
html[data-n9-theme="light"] .n9-site-header .n9-brand-copy strong,
html[data-n9-theme="light"] .n9-site-header .n9-brand-copy small,
html[data-n9-theme="light"] .n9-site-header .n9-menu a,
html[data-n9-theme="light"] .n9-site-header .n9-topbar-menu a {
  color: #cbd5e1 !important;
}
html[data-n9-theme="light"] .n9-site-header .n9-menu a:hover,
html[data-n9-theme="light"] .n9-site-header .n9-menu .current-menu-item > a {
  background: #0f172a !important;
  color: #ffffff !important;
}
html[data-n9-theme="light"] .n9-site-header .n9-menu .sub-menu {
  background: #020617 !important;
  border-color: #172033 !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.45) !important;
}
html[data-n9-theme="light"] .n9-site-header .n9-search-form input,
html[data-n9-theme="light"] .n9-site-header .n9-header-balance,
html[data-n9-theme="light"] .n9-site-header .n9-header-icon-button,
html[data-n9-theme="light"] .n9-site-header .n9-menu-toggle,
html[data-n9-theme="light"] .n9-site-header .n9-appearance-toggle,
html[data-n9-theme="light"] .n9-site-header .n9-login-button {
  background: #0f172a !important;
  border-color: #1e293b !important;
  color: #cbd5e1 !important;
  box-shadow: none !important;
}
html[data-n9-theme="light"] .n9-site-header .n9-header-balance small,
html[data-n9-theme="light"] .n9-site-header .n9-header-icon-button svg,
html[data-n9-theme="light"] .n9-site-header .n9-appearance-toggle svg,
html[data-n9-theme="light"] .n9-site-header .n9-menu-toggle svg {
  color: #94a3b8 !important;
  stroke: currentColor !important;
}
html[data-n9-theme="light"] .n9-site-header .n9-search-form input::placeholder { color: #64748b !important; }
html[data-n9-theme="light"] .n9-global-ticker,
html[data-n9-theme="light"] .n9-site-header .n9-global-ticker {
  background: rgba(15, 23, 42, .62) !important;
  border-color: rgba(30, 41, 59, .85) !important;
}
html[data-n9-theme="light"] .n9-global-ticker-label,
html[data-n9-theme="light"] .n9-site-header .n9-global-ticker-label {
  background: rgba(15, 23, 42, .98) !important;
  border-right-color: rgba(51, 65, 85, .72) !important;
  box-shadow: 12px 0 22px rgba(2, 6, 23, .82) !important;
  color: #10b981 !important;
}
html[data-n9-theme="light"] .n9-global-ticker-group,
html[data-n9-theme="light"] .n9-site-header .n9-global-ticker-group { color: #94a3b8 !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 {
  background: #020617 !important;
  border-color: #172033 !important;
  color: #e2e8f0 !important;
}
html[data-n9-theme="light"] .n9-mobile-balance-card,
html[data-n9-theme="light"] .n9-mobile-category-grid a,
html[data-n9-theme="light"] .n9-drawer-menu a:hover,
html[data-n9-theme="light"] .n9-drawer-menu .current-menu-item > a {
  background: #0f172a !important;
  border-color: #1e293b !important;
  color: #e2e8f0 !important;
}
html[data-n9-theme="light"] .n9-drawer-menu a { color: #cbd5e1 !important; }

html[data-n9-theme="light"] .n9-site-footer,
html[data-n9-theme="light"] .n9-site-footer.n9-market-footer,
html[data-n9-theme="light"] .n9-dashboard-market-footer {
  background: #11161d !important;
  border-top-color: #172033 !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
}
html[data-n9-theme="light"] .n9-market-footer-logo span,
html[data-n9-theme="light"] .n9-dashboard-market-footer-logo span,
html[data-n9-theme="light"] .n9-market-footer-tagline,
html[data-n9-theme="light"] .n9-dashboard-market-footer-brand > p,
html[data-n9-theme="light"] .n9-market-footer-legal strong,
html[data-n9-theme="light"] .n9-dashboard-footer-legal strong,
html[data-n9-theme="light"] .n9-market-footer-directory .widget-title,
html[data-n9-theme="light"] .n9-dashboard-footer-directory .widget-title {
  color: #e2e8f0 !important;
}
html[data-n9-theme="light"] .n9-market-footer-directory .n9-widget,
html[data-n9-theme="light"] .n9-dashboard-footer-directory .n9-widget,
html[data-n9-theme="light"] .n9-market-footer-directory .widget,
html[data-n9-theme="light"] .n9-dashboard-footer-directory .widget {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
}
html[data-n9-theme="light"] .n9-market-footer-directory p,
html[data-n9-theme="light"] .n9-dashboard-footer-directory p,
html[data-n9-theme="light"] .n9-market-footer-summary,
html[data-n9-theme="light"] .n9-dashboard-footer-summary,
html[data-n9-theme="light"] .n9-market-footer-disclaimer,
html[data-n9-theme="light"] .n9-dashboard-footer-disclaimer {
  color: #64748b !important;
}
html[data-n9-theme="light"] .n9-market-footer-directory a,
html[data-n9-theme="light"] .n9-dashboard-footer-directory a,
html[data-n9-theme="light"] .n9-market-footer-legal a,
html[data-n9-theme="light"] .n9-dashboard-footer-legal a,
html[data-n9-theme="light"] .n9-footer-menu a {
  color: #94a3b8 !important;
}
html[data-n9-theme="light"] .n9-market-footer-directory a:hover,
html[data-n9-theme="light"] .n9-dashboard-footer-directory a:hover,
html[data-n9-theme="light"] .n9-market-footer-legal a:hover,
html[data-n9-theme="light"] .n9-dashboard-footer-legal a:hover,
html[data-n9-theme="light"] .n9-footer-menu a:hover { color: #e2e8f0 !important; }
html[data-n9-theme="light"] .n9-market-footer-utility,
html[data-n9-theme="light"] .n9-dashboard-footer-utility,
html[data-n9-theme="light"] .n9-market-footer-newsletter {
  border-color: #172033 !important;
}
html[data-n9-theme="light"] .n9-market-footer-language,
html[data-n9-theme="light"] .n9-dashboard-footer-language,
html[data-n9-theme="light"] .n9-market-footer-social a,
html[data-n9-theme="light"] .n9-dashboard-footer-social a {
  background: transparent !important;
  border-color: transparent !important;
  color: #e2e8f0 !important;
}

/* =========================================================
   v2.3.13 footer polish
   Tighter spacing, premium dark footer in both modes, cleaner
   column rhythm, better link hierarchy and responsive balance.
   ========================================================= */
.n9-site-footer.n9-market-footer,
.n9-dashboard-market-footer{
  padding:48px 0 24px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(16,185,129,.09), transparent 32%),
    radial-gradient(circle at 90% 18%, rgba(59,130,246,.05), transparent 34%),
    linear-gradient(180deg,#111820 0%,#0c1218 100%) !important;
  border-top:1px solid rgba(51,65,85,.62) !important;
  color:#94a3b8 !important;
}
.n9-market-footer-inner,
.n9-dashboard-market-footer-inner{
  width:min(1320px,calc(100% - clamp(32px,6vw,96px))) !important;
  margin-inline:auto !important;
}
.n9-market-footer-brand-row,
.n9-dashboard-market-footer-brand{
  margin-bottom:26px !important;
}
.n9-market-footer-brand,
.n9-dashboard-market-footer-brand{
  gap:12px !important;
}
.n9-market-footer-logo,
.n9-dashboard-market-footer-logo{
  max-width:210px !important;
}
.n9-market-footer-logo img,
.n9-dashboard-market-footer-logo img{
  max-width:190px !important;
  max-height:48px !important;
}
.n9-market-footer-tagline,
.n9-dashboard-market-footer-brand > p{
  margin:0 !important;
  max-width:520px !important;
  color:#f8fafc !important;
  font-size:16px !important;
  line-height:1.45 !important;
}
.n9-market-footer-directory,
.n9-dashboard-footer-directory{
  display:grid !important;
  align-items:start !important;
  gap:28px clamp(48px,8vw,118px) !important;
  margin:0 0 40px !important;
}
.n9-market-footer-directory.n9-footer-columns-1,
.n9-dashboard-footer-directory:has(> :only-child){
  grid-template-columns:minmax(0,620px) !important;
}
.n9-market-footer-directory.n9-footer-columns-2,
.n9-dashboard-footer-directory:has(> :nth-child(2):last-child){
  grid-template-columns:minmax(300px,1.2fr) minmax(220px,.8fr) !important;
}
.n9-market-footer-directory.n9-footer-columns-3,
.n9-dashboard-footer-directory:has(> :nth-child(3):last-child){
  grid-template-columns:minmax(340px,1.25fr) minmax(190px,.7fr) minmax(220px,.82fr) !important;
}
.n9-market-footer-directory.n9-footer-columns-4,
.n9-dashboard-footer-directory:has(> :nth-child(4):last-child){
  grid-template-columns:minmax(330px,1.25fr) repeat(3,minmax(160px,.7fr)) !important;
}
.n9-market-footer-directory.n9-footer-columns-5,
.n9-dashboard-footer-directory:has(> :nth-child(5):last-child){
  grid-template-columns:minmax(320px,1.2fr) repeat(4,minmax(150px,.68fr)) !important;
}
.n9-market-footer-directory .n9-widget,
.n9-market-footer-directory .widget,
.n9-dashboard-footer-directory .n9-widget,
.n9-dashboard-footer-directory .widget{
  color:#8392a8 !important;
  font-size:14px !important;
  line-height:1.72 !important;
}
.n9-market-footer-directory .widget-title,
.n9-dashboard-footer-directory .widget-title{
  margin:0 0 10px !important;
  color:#9fb1c7 !important;
  font-size:14px !important;
  line-height:1.25 !important;
  letter-spacing:-.01em !important;
}
.n9-market-footer-directory p,
.n9-dashboard-footer-directory p{
  max-width:455px !important;
  color:#8392a8 !important;
  font-size:14px !important;
  line-height:1.72 !important;
}
.n9-market-footer-directory ul,
.n9-dashboard-footer-directory ul,
.n9-market-footer-directory .menu,
.n9-dashboard-footer-directory .menu{
  gap:10px !important;
}
.n9-market-footer-directory a,
.n9-dashboard-footer-directory a{
  color:#9fb1c7 !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.35 !important;
}
.n9-market-footer-directory a:hover,
.n9-market-footer-directory a:focus-visible,
.n9-dashboard-footer-directory a:hover,
.n9-dashboard-footer-directory a:focus-visible{
  color:#10b981 !important;
  transform:translateX(3px) !important;
}
.n9-market-footer-newsletter{
  margin:0 0 30px !important;
  padding:22px 0 !important;
  border-top:1px solid rgba(51,65,85,.45) !important;
  border-bottom:1px solid rgba(51,65,85,.35) !important;
}
.n9-market-footer-utility,
.n9-dashboard-footer-utility{
  grid-template-columns:minmax(130px,.65fr) minmax(420px,2fr) minmax(140px,.65fr) !important;
  gap:22px !important;
  padding:22px 0 !important;
  border-top:1px solid rgba(51,65,85,.48) !important;
  border-bottom:1px solid rgba(51,65,85,.24) !important;
}
.n9-market-footer-social,
.n9-dashboard-footer-social{
  gap:10px !important;
}
.n9-market-footer-social a,
.n9-dashboard-footer-social a{
  width:34px !important;
  height:34px !important;
  border:1px solid rgba(51,65,85,.72) !important;
  border-radius:12px !important;
  background:rgba(15,23,42,.58) !important;
  color:#94a3b8 !important;
}
.n9-market-footer-social a:hover,
.n9-dashboard-footer-social a:hover{
  border-color:rgba(16,185,129,.45) !important;
  background:rgba(16,185,129,.08) !important;
  color:#34d399 !important;
}
.n9-market-footer-legal,
.n9-dashboard-footer-legal{
  gap:12px !important;
  color:#64748b !important;
}
.n9-market-footer-legal strong,
.n9-dashboard-footer-legal strong{
  color:#f8fafc !important;
}
.n9-market-footer-legal a,
.n9-dashboard-footer-legal a{
  color:#94a3b8 !important;
  font-size:12px !important;
}
.n9-market-footer-legal a:hover,
.n9-dashboard-footer-legal a:hover{
  color:#e2e8f0 !important;
}
.n9-market-footer-language,
.n9-dashboard-footer-language{
  padding:8px 10px !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#f1f5f9 !important;
}
.n9-market-footer-language:hover,
.n9-dashboard-footer-language:hover{
  background:rgba(15,23,42,.5) !important;
  border-color:rgba(51,65,85,.45) !important;
}
.n9-market-footer-summary,
.n9-dashboard-footer-summary{
  margin:18px 0 0 !important;
  max-width:1000px !important;
  color:#718096 !important;
  font-size:12px !important;
  line-height:1.65 !important;
}
.n9-market-footer-disclaimer,
.n9-dashboard-footer-disclaimer{
  margin:8px 0 0 !important;
  max-width:1180px !important;
  color:#56657a !important;
  font-size:11px !important;
  line-height:1.65 !important;
}
html[data-n9-theme="light"] .n9-site-footer.n9-market-footer,
html[data-n9-theme="light"] .n9-dashboard-market-footer{
  background:
    radial-gradient(circle at 10% 0%, rgba(16,185,129,.09), transparent 32%),
    radial-gradient(circle at 90% 18%, rgba(59,130,246,.05), transparent 34%),
    linear-gradient(180deg,#111820 0%,#0c1218 100%) !important;
  border-top-color:rgba(51,65,85,.62) !important;
  color:#94a3b8 !important;
}
html[data-n9-theme="light"] .n9-market-footer-utility,
html[data-n9-theme="light"] .n9-dashboard-footer-utility,
html[data-n9-theme="light"] .n9-market-footer-newsletter{
  border-color:rgba(51,65,85,.48) !important;
}
@media(max-width:980px){
  .n9-market-footer-inner,
  .n9-dashboard-market-footer-inner{width:min(100%,calc(100% - 36px)) !important;}
  .n9-market-footer-directory,
  .n9-dashboard-footer-directory,
  .n9-market-footer-directory.n9-footer-columns-3,
  .n9-market-footer-directory.n9-footer-columns-4,
  .n9-market-footer-directory.n9-footer-columns-5,
  .n9-dashboard-footer-directory:has(> :nth-child(3):last-child),
  .n9-dashboard-footer-directory:has(> :nth-child(4):last-child),
  .n9-dashboard-footer-directory:has(> :nth-child(5):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:30px 26px !important;
  }
  .n9-market-footer-directory .n9-widget:first-child,
  .n9-dashboard-footer-directory .n9-widget:first-child,
  .n9-market-footer-directory .widget:first-child,
  .n9-dashboard-footer-directory .widget:first-child{grid-column:1/-1 !important;}
}
@media(max-width:640px){
  .n9-site-footer.n9-market-footer,
  .n9-dashboard-market-footer{padding:36px 0 22px !important;}
  .n9-market-footer-brand-row,
  .n9-dashboard-market-footer-brand{margin-bottom:22px !important;}
  .n9-market-footer-directory,
  .n9-dashboard-footer-directory,
  .n9-market-footer-directory.n9-footer-columns-2,
  .n9-market-footer-directory.n9-footer-columns-3,
  .n9-market-footer-directory.n9-footer-columns-4,
  .n9-market-footer-directory.n9-footer-columns-5,
  .n9-dashboard-footer-directory:has(> :nth-child(2):last-child),
  .n9-dashboard-footer-directory:has(> :nth-child(3):last-child),
  .n9-dashboard-footer-directory:has(> :nth-child(4):last-child),
  .n9-dashboard-footer-directory:has(> :nth-child(5):last-child){
    grid-template-columns:1fr !important;
    gap:24px !important;
    margin-bottom:32px !important;
  }
  .n9-market-footer-utility,
  .n9-dashboard-footer-utility{padding:20px 0 !important;}
  .n9-market-footer-legal .n9-footer-menu,
  .n9-dashboard-footer-legal nav{gap:8px 14px !important;}
}

/* v2.3.48.9 - editable football predictions/odds navigation */
.n9-exchange-header-inner{grid-template-columns:auto minmax(220px,420px) minmax(330px,auto) auto;gap:14px;}
.n9-desktop-primary-nav{justify-self:center;min-width:0;display:flex;align-items:center;justify-content:center;}
.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;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.01em;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;}
.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);border-color:rgba(45,212,191,.32);color:#f8fafc;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.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;min-width:250px;max-width:310px;margin:0;padding:9px;list-style:none;background:#020617;border:1px solid rgba(45,212,191,.18);border-radius:18px;box-shadow:0 24px 70px rgba(2,6,23,.62),inset 0 1px 0 rgba(255,255,255,.04);opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,visibility .18s ease,transform .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::before{content:"";position:absolute;left:18px;top:-7px;width:12px;height:12px;background:#020617;border-left:1px solid rgba(45,212,191,.18);border-top:1px solid rgba(45,212,191,.18);transform:rotate(45deg);}
.n9-primary-menu>li:nth-last-child(-n+2)>.sub-menu::before{left:auto;right:18px;}
.n9-primary-menu .sub-menu li{position:relative;}
.n9-primary-menu .sub-menu li+li{margin-top:4px;}
.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;text-decoration:none;font-size:11px;font-weight:850;line-height:1.2;white-space:normal;transition:background .16s ease,color .16s ease,transform .16s ease;}
.n9-primary-menu .sub-menu a:hover,.n9-primary-menu .sub-menu .current-menu-item>a{background:rgba(16,185,129,.1);color:#f8fafc;transform:translateX(2px);}
.n9-primary-menu .sub-menu a::after{content:"›";color:#10b981;font-weight:900;opacity:.7;}
html[data-n9-theme="light"] .n9-site-header .n9-primary-menu>li>a{color:#cbd5e1!important;}
html[data-n9-theme="light"] .n9-site-header .n9-primary-menu>li>a:hover,html[data-n9-theme="light"] .n9-site-header .n9-primary-menu>li:focus-within>a,html[data-n9-theme="light"] .n9-site-header .n9-primary-menu>.current-menu-item>a,html[data-n9-theme="light"] .n9-site-header .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;}
html[data-n9-theme="light"] .n9-site-header .n9-primary-menu .sub-menu{background:#020617!important;border-color:rgba(45,212,191,.18)!important;box-shadow:0 24px 70px rgba(2,6,23,.62)!important;}
html[data-n9-theme="light"] .n9-site-header .n9-primary-menu .sub-menu::before{background:#020617!important;border-color:rgba(45,212,191,.18)!important;}
html[data-n9-theme="light"] .n9-site-header .n9-primary-menu .sub-menu a{color:#94a3b8!important;}
html[data-n9-theme="light"] .n9-site-header .n9-primary-menu .sub-menu a:hover,html[data-n9-theme="light"] .n9-site-header .n9-primary-menu .sub-menu .current-menu-item>a{background:rgba(16,185,129,.1)!important;color:#f8fafc!important;}
.n9-mobile-drawer-section:first-of-type{margin-top:18px;}
.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);}
.n9-drawer-menu .sub-menu a{min-height:38px;padding:8px 10px;border-radius:10px;font-size:11px;color:#94a3b8;}
@media(max-width:1540px){.n9-header-search{display:none}.n9-exchange-header-inner{grid-template-columns:auto minmax(210px,390px) minmax(320px,auto) auto}.n9-primary-menu>li>a{padding-inline:10px;font-size:11px}.n9-global-ticker{max-width:400px}}
@media(max-width:1320px){.n9-exchange-header-inner{grid-template-columns:auto minmax(330px,auto) auto}.n9-global-ticker{display:none}.n9-desktop-primary-nav{justify-self:center}.n9-desktop-header-actions{justify-self:end}}
@media(max-width:1080px){.n9-desktop-primary-nav{display:none!important}.n9-exchange-header-inner{grid-template-columns:auto 1fr}.n9-global-ticker,.n9-desktop-header-actions{display:none}.n9-mobile-header-actions{display:flex;justify-self:end}}

/* v2.3.48.10 - two-row exchange header: ticker/balance top, menu below */
.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-brand-logo-only{justify-self:start!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-global-ticker-label{background:rgba(15,23,42,.98)!important;color:#34d399!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-site-header .n9-desktop-header-actions--top .n9-header-balance-icon{width:38px!important;height:38px!important;border-radius:12px!important;}
.n9-site-header .n9-desktop-header-actions--top .n9-header-balance small{font-size:10px!important;color:#94a3b8!important;}
.n9-site-header .n9-desktop-header-actions--top .n9-header-balance strong{font-size:16px!important;color:#34d399!important;}
.n9-exchange-header-navrow{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding-top:0!important;padding-bottom:14px!important;}
.n9-exchange-header-navrow .n9-desktop-primary-nav{display:flex!important;justify-self:start!important;min-width:0!important;max-width:100%!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{position:relative!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-exchange-header-navrow .n9-primary-menu .sub-menu{z-index:1001!important;background:#020617!important;border-color:rgba(45,212,191,.22)!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;min-width:0!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-mobile-drawer-section:first-of-type{margin-top:18px!important}.n9-drawer-menu>li+li{margin-top:7px!important}.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.11: safer separated header menu row for standard templates */
.n9-site-header .n9-exchange-header-navrow{background:#0b1120!important;border-top:1px solid rgba(16,185,129,.08)!important;}
.n9-site-header .n9-exchange-header-navrow .n9-primary-menu>li>a::after{margin-left:6px;color:#94a3b8;}
.n9-site-header .n9-exchange-header-navrow .n9-primary-menu>li.menu-item-has-children>a::after{content:'⌄';}
.n9-drawer-menu>li.menu-item-has-children>a::after{content:'›';float:right;color:#64748b;font-size:17px;line-height:1;}


/* =========================================================
   v2.3.48.15 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.16 homepage header fixes */
@keyframes n9HomeTickerSlide{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
#root .n9-home-ticker-fixed .n9-ticker-viewport,.n9-react-home-header .n9-home-ticker-fixed .n9-ticker-viewport{overflow:hidden!important;mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)!important;}
#root .n9-home-ticker-track-fixed,.n9-react-home-header .n9-home-ticker-track-fixed{display:flex!important;width:max-content!important;min-width:max-content!important;animation:n9HomeTickerSlide var(--n9-home-ticker-duration,32s) linear infinite!important;animation-play-state:running!important;will-change:transform!important;}
#root .n9-home-ticker-track-fixed .n9-ticker-group,.n9-react-home-header .n9-home-ticker-track-fixed .n9-ticker-group{display:flex!important;align-items:center!important;flex:0 0 auto!important;white-space:nowrap!important;gap:20px!important;padding-right:24px!important;}
#root .n9-app-force-light{background-image:linear-gradient(to bottom,#dce8e2 0%,#eef5f1 44%,#f8fafc 100%)!important;color:#0f172a!important;}
#root .n9-app-force-dark{color:#f1f5f9!important;}
#root .n9-theme-toggle.is-light-active{background:#f8fafc!important;color:#0f172a!important;border-color:#cbd5e1!important;}
#root .n9-search-form input[type="search"],#root .n9-react-mainbar-search input[type="search"]{pointer-events:auto!important;}

/* v2.3.48.20 - apply homepage-style market topbar to all WordPress pages */
.n9-site-header[data-n9-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-header-ticker-top{display:block!important;max-height:58px;overflow:hidden;background:#0b1120!important;border-bottom:1px solid rgba(31,41,55,.58)!important;transition:max-height .28s ease,opacity .22s ease,padding .24s ease,transform .24s ease;}
.n9-site-header.is-top-market-hidden .n9-header-ticker-top{max-height:0!important;opacity:0!important;pointer-events:none!important;transform:translateY(-8px)!important;border-bottom-color:transparent!important;}
.n9-site-header .n9-header-ticker-container--with-actions{display:flex!important;align-items:center!important;gap:14px!important;min-height:48px!important;padding-top:7px!important;padding-bottom:7px!important;}
.n9-site-header .n9-header-ticker-top .n9-global-ticker{display:flex!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:34px!important;max-height:34px!important;justify-self:auto!important;background:rgba(15,23,42,.72)!important;border-color:rgba(45,55,80,.96)!important;}
.n9-site-header .n9-header-ticker-top .n9-global-ticker-label{min-width:134px!important;padding-inline:16px!important;background:rgba(15,23,42,.98)!important;color:#34d399!important;}
.n9-site-header .n9-header-ticker-top .n9-global-ticker-track{animation-name:n9HeaderTickerMarquee!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-duration:30s!important;animation-play-state:running!important;}
.n9-site-header .n9-header-ticker-top .n9-global-ticker:hover .n9-global-ticker-track,.n9-site-header .n9-header-ticker-top .n9-global-ticker:focus-within .n9-global-ticker-track{animation-play-state:running!important;}
.n9-site-header .n9-header-top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;min-width:max-content!important;}
.n9-site-header .n9-header-balance--top{display:flex!important;align-items:center!important;gap:10px!important;min-height:34px!important;max-height:38px!important;padding:5px 10px!important;border-radius:14px!important;background:#0f172a!important;border:1px solid #263248!important;color:#dbeafe!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;}
.n9-site-header .n9-header-balance--top .n9-header-balance-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:10px!important;background:rgba(16,185,129,.12)!important;color:#34d399!important;}
.n9-site-header .n9-header-balance--top small{display:block!important;margin:0 0 2px!important;color:#94a3b8!important;font-size:9px!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:900!important;}
.n9-site-header .n9-header-balance--top strong{display:block!important;color:#34d399!important;font-size:13px!important;line-height:1.05!important;font-family:"JetBrains Mono",monospace!important;font-weight:950!important;}
.n9-site-header .n9-header-icon-button--top{display:inline-grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:14px!important;background:#0f172a!important;border:1px solid #263248!important;color:#cbd5e1!important;}
.n9-site-header .n9-header-icon-button--top:hover{background:#111c31!important;color:#f8fafc!important;border-color:rgba(45,212,191,.35)!important;}
.n9-site-header .n9-exchange-mainbar{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;padding-top:8px!important;padding-bottom:10px!important;}
.n9-site-header .n9-mainbar-primary-nav{justify-self:start!important;}
.n9-site-header .n9-mainbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:0!important;}
.n9-site-header .n9-mainbar-actions .n9-header-search{display:block!important;max-width:310px!important;min-width:220px!important;}
.n9-site-header .n9-mainbar-actions .n9-search-form input{height:44px!important;background:#0f172a!important;border-color:#263248!important;color:#e2e8f0!important;border-radius:14px!important;}
.n9-site-header .n9-mainbar-actions .n9-register-button,.n9-site-header .n9-mainbar-actions .n9-login-button{min-height:44px!important;white-space:nowrap!important;}
html[data-n9-theme="light"] .n9-site-header[data-n9-header],html[data-n9-theme="light"] .n9-site-header .n9-header-ticker-top,html[data-n9-theme="light"] .n9-site-header .n9-exchange-mainbar{background:#0b1120!important;color:#e2e8f0!important;}
html[data-n9-theme="light"] .n9-site-header .n9-header-ticker-top .n9-global-ticker,html[data-n9-theme="light"] .n9-site-header .n9-header-balance--top,html[data-n9-theme="light"] .n9-site-header .n9-header-icon-button--top,html[data-n9-theme="light"] .n9-site-header .n9-mainbar-actions .n9-search-form input{background:#0f172a!important;border-color:#263248!important;color:#dbeafe!important;}
html[data-n9-theme="light"] .n9-site-header .n9-header-icon-button--top[aria-pressed="true"],html[data-n9-theme="light"] .n9-site-header .n9-appearance-toggle.is-light-active{background:#f8fafc!important;color:#0f172a!important;border-color:#e2e8f0!important;}
@media(max-width:1540px){.n9-site-header .n9-mainbar-actions .n9-header-search{max-width:250px!important;min-width:190px!important}.n9-site-header .n9-exchange-mainbar{grid-template-columns:minmax(140px,180px) minmax(0,auto) auto!important;gap:14px!important}.n9-site-header .n9-primary-menu>li>a{padding-inline:12px!important;font-size:11.5px!important}}
@media(max-width:1320px) and (min-width:1081px){.n9-site-header .n9-header-balance--top span:last-child{display:none!important}.n9-site-header .n9-header-balance--top{padding:4px!important}.n9-site-header .n9-mainbar-actions .n9-header-search{display:none!important}.n9-site-header .n9-exchange-mainbar{grid-template-columns:minmax(140px,180px) minmax(0,1fr) auto!important}.n9-site-header .n9-mainbar-primary-nav{justify-self:center!important}}
@media(max-width:1080px){.n9-site-header .n9-header-ticker-top{display:block!important;max-height:48px!important}.n9-site-header.is-top-market-hidden .n9-header-ticker-top{max-height:0!important}.n9-site-header .n9-header-ticker-container--with-actions{min-height:44px!important;padding:6px 14px!important}.n9-site-header .n9-header-ticker-top .n9-global-ticker{display:flex!important;min-height:36px!important;max-height:36px!important}.n9-site-header .n9-header-ticker-top .n9-global-ticker-label{min-width:118px!important;padding-inline:13px!important}.n9-site-header .n9-header-top-actions{display:none!important}.n9-site-header .n9-exchange-mainbar{display:grid!important;grid-template-columns:auto 1fr!important;min-height:64px!important;padding:9px 20px!important}.n9-site-header .n9-mainbar-primary-nav,.n9-site-header .n9-mainbar-actions{display:none!important}.n9-site-header .n9-mobile-header-actions{display:flex!important;justify-self:end!important}}
@media(max-width:520px){.n9-site-header .n9-header-ticker-container--with-actions{padding-inline:14px!important}.n9-site-header .n9-header-ticker-top .n9-global-ticker{border-radius:20px!important}.n9-site-header .n9-brand-logo-only img{max-width:166px!important;height:38px!important}}

/* v2.3.48.23 mobile drawer polish across non-home pages. */
@media (max-width: 767px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; }
  .n9-mobile-drawer-shell .n9-mobile-drawer-overlay {
    background: rgba(2, 6, 23, .42) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
  }
  html[data-n9-theme="light"] .n9-mobile-drawer-shell .n9-mobile-drawer-overlay {
    background: rgba(15, 23, 42, .16) !important;
  }
  .n9-mobile-drawer {
    background:
      radial-gradient(circle at 24px 10px, rgba(16, 185, 129, .18), transparent 32%),
      linear-gradient(180deg, #07111f 0%, #07101d 48%, #050b15 100%) !important;
    color: #e2e8f0 !important;
    border-left: 1px solid rgba(45, 212, 191, .18) !important;
    box-shadow: -12px 0 34px rgba(2, 6, 23, .34) !important;
  }
  html[data-n9-theme="light"] .n9-mobile-drawer {
    box-shadow: -10px 0 24px rgba(15, 23, 42, .16) !important;
  }
  .n9-mobile-drawer-body { padding: 18px 16px !important; }
  .n9-mobile-drawer input[type="search"] {
    min-height: 50px !important;
    border-radius: 18px !important;
    background: rgba(15, 23, 42, .88) !important;
    border-color: rgba(71, 85, 105, .72) !important;
    color: #e2e8f0 !important;
  }
  .n9-mobile-balance-card {
    border-radius: 22px !important;
    background: linear-gradient(135deg, rgba(15,23,42,.94), rgba(2,6,23,.78)) !important;
    border-color: rgba(45, 212, 191, .18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  .n9-mobile-drawer-section:first-of-type {
    margin-top: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .n9-mobile-drawer-section h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 12px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }
  .n9-drawer-menu {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .n9-drawer-menu > li {
    border: 1px solid rgba(51, 65, 85, .78) !important;
    border-radius: 20px !important;
    background: rgba(15, 23, 42, .58) !important;
    overflow: hidden !important;
  }
  .n9-drawer-menu > li.is-open {
    border-color: rgba(45, 212, 191, .34) !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .78)) !important;
  }
  .n9-drawer-menu > li > a {
    width: 100% !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 15px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #f8fafc !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }
  .n9-drawer-menu > li.menu-item-has-children > a::after {
    content: "⌄" !important;
    margin-left: auto !important;
    color: #34d399 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    transition: transform .2s ease !important;
  }
  .n9-drawer-menu > li.menu-item-has-children.is-open > a::after { transform: rotate(180deg) !important; }
  .n9-drawer-menu .sub-menu {
    display: none !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 12px 14px !important;
    border-left: 0 !important;
    list-style: none !important;
  }
  .n9-drawer-menu > li.is-open > .sub-menu { display: grid !important; }
  .n9-drawer-menu .sub-menu a {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(30, 41, 59, .76) !important;
    background: rgba(2, 6, 23, .60) !important;
    color: #cbd5e1 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
  }
  .n9-mobile-category-grid { display: none !important; }
}

/* v2.3.48.24: mobile drawer scroll repair and safer mobile accordion state. */
@media (max-width: 767px) {
  .n9-mobile-drawer-shell,
  .n9-react-mobile-drawer-layer {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    touch-action: none !important;
  }

  .n9-mobile-drawer,
  .n9-react-mobile-drawer-panel {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 2 !important;
    overscroll-behavior: contain !important;
  }

  .n9-mobile-drawer-head,
  .n9-mobile-drawer-footer,
  .n9-react-mobile-drawer-panel > div:first-child,
  .n9-react-mobile-drawer-panel > div:last-child {
    flex: 0 0 auto !important;
  }

  .n9-mobile-drawer-body,
  .n9-react-mobile-drawer-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;
    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;
    scrollbar-gutter: stable both-edges !important;
  }

  .n9-react-mobile-drawer-panel > .overflow-y-auto,
  .n9-react-mobile-drawer-panel > [class*="overflow-y-auto"] {
    padding-bottom: 112px !important;
  }

  .n9-mobile-drawer-body {
    padding-bottom: 28px !important;
  }

  .n9-react-mobile-menu > li > .sub-menu {
    display: none !important;
  }
  .n9-react-mobile-menu > li.is-open > .sub-menu {
    display: grid !important;
  }
  .n9-react-mobile-menu > li.has-submenu > a::after {
    content: "⌄" !important;
    transform: rotate(0deg) !important;
    transition: transform .2s ease !important;
  }
  .n9-react-mobile-menu > li.has-submenu.is-open > a::after {
    transform: rotate(180deg) !important;
  }

  html[data-n9-theme="light"] .n9-react-mobile-drawer-layer,
  html[data-n9-theme="light"] .n9-mobile-drawer-shell {
    background: transparent !important;
  }
}

/* v2.3.48.25: mobile drawer submenu internal scroll for expanded Predictions/Odds/Tools. */
@media (max-width: 767px) {
  .n9-mobile-drawer,
  .n9-react-mobile-drawer-panel {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  .n9-mobile-drawer-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"] {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior-y: contain !important;
    min-height: 0 !important;
  }

  .n9-react-mobile-menu--accordion > li > .sub-menu,
  .n9-react-mobile-menu > li > .sub-menu,
  .n9-drawer-menu > li > .sub-menu {
    max-height: min(46dvh, 360px) !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-right: 4px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45, 212, 191, .72) rgba(15, 23, 42, .65) !important;
  }

  .n9-react-mobile-menu--accordion > li > .sub-menu::-webkit-scrollbar,
  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar,
  .n9-drawer-menu > li > .sub-menu::-webkit-scrollbar {
    width: 5px !important;
  }
  .n9-react-mobile-menu--accordion > li > .sub-menu::-webkit-scrollbar-thumb,
  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar-thumb,
  .n9-drawer-menu > li > .sub-menu::-webkit-scrollbar-thumb {
    background: rgba(45, 212, 191, .72) !important;
    border-radius: 999px !important;
  }
  .n9-react-mobile-menu--accordion > li > .sub-menu::-webkit-scrollbar-track,
  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar-track,
  .n9-drawer-menu > li > .sub-menu::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, .65) !important;
    border-radius: 999px !important;
  }

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

  .n9-react-mobile-menu .sub-menu li,
  .n9-drawer-menu .sub-menu li {
    flex: 0 0 auto !important;
  }

  .n9-mobile-drawer-footer,
  .n9-react-mobile-drawer-panel > div:last-child {
    flex: 0 0 auto !important;
  }
}

/* v2.3.48.26: final mobile drawer scroll + nested submenu scroll repair across home and all pages. */
@media (max-width: 767px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

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

  .n9-mobile-drawer-shell.is-open,
  .n9-react-mobile-drawer-layer.is-open {
    pointer-events: auto !important;
  }

  .n9-mobile-drawer-overlay,
  .n9-react-mobile-drawer-overlay {
    touch-action: none !important;
  }

  .n9-mobile-drawer,
  .n9-react-mobile-drawer-panel {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !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;
  }

  .n9-mobile-drawer-head,
  .n9-mobile-drawer-footer,
  .n9-react-mobile-drawer-panel > div:first-child,
  .n9-react-mobile-drawer-panel > div:last-child {
    flex: 0 0 auto !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    z-index: 3 !important;
  }

  .n9-mobile-drawer-body,
  .n9-react-mobile-drawer-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;
    max-height: none !important;
    height: auto !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-gutter: stable both-edges !important;
    padding-bottom: 28px !important;
  }

  .n9-react-mobile-drawer-panel > .flex-1 {
    padding-bottom: 32px !important;
  }

  .n9-mobile-drawer-footer,
  .n9-react-mobile-drawer-panel > div:last-child {
    box-shadow: 0 -14px 36px rgba(2, 6, 23, .45) !important;
  }

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

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

  .n9-react-mobile-menu--accordion > li.is-open,
  .n9-react-mobile-menu > li.is-open,
  .n9-drawer-menu > li.is-open {
    overflow: visible !important;
  }

  .n9-react-mobile-menu--accordion > li > .sub-menu,
  .n9-react-mobile-menu > li > .sub-menu,
  .n9-drawer-menu > li > .sub-menu,
  .n9-mobile-submenu-scroll {
    display: none !important;
    min-height: 0 !important;
    max-height: min(42dvh, 330px) !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-right: 5px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45, 212, 191, .76) rgba(15, 23, 42, .72) !important;
  }

  .n9-react-mobile-menu--accordion > li.is-open > .sub-menu,
  .n9-react-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--accordion > li > .sub-menu::-webkit-scrollbar,
  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar,
  .n9-drawer-menu > li > .sub-menu::-webkit-scrollbar,
  .n9-mobile-submenu-scroll::-webkit-scrollbar {
    width: 5px !important;
  }

  .n9-react-mobile-menu--accordion > li > .sub-menu::-webkit-scrollbar-thumb,
  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar-thumb,
  .n9-drawer-menu > li > .sub-menu::-webkit-scrollbar-thumb,
  .n9-mobile-submenu-scroll::-webkit-scrollbar-thumb {
    background: rgba(45, 212, 191, .76) !important;
    border-radius: 999px !important;
  }

  .n9-react-mobile-menu--accordion > li > .sub-menu::-webkit-scrollbar-track,
  .n9-react-mobile-menu > li > .sub-menu::-webkit-scrollbar-track,
  .n9-drawer-menu > li > .sub-menu::-webkit-scrollbar-track,
  .n9-mobile-submenu-scroll::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, .72) !important;
    border-radius: 999px !important;
  }

  body.n9-drawer-open {
    overflow: hidden !important;
  }
}

/* v2.3.48.26: scrollable in-body auth row for non-home mobile drawer. */
@media (max-width: 767px) {
  .n9-mobile-drawer-auth-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 14px 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .n9-mobile-drawer-auth-row .n9-register-button,
  .n9-mobile-drawer-auth-row .n9-login-button {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 16px !important;
  }
}


/* v2.3.48.27: apply the working homepage mobile drawer pattern to all non-home pages. */
@media (max-width: 767px) {
  .n9-mobile-drawer-shell {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    touch-action: auto !important;
  }

  .n9-mobile-drawer-shell[aria-hidden="true"] {
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .n9-mobile-drawer-shell[aria-hidden="false"],
  .n9-mobile-drawer-shell.is-open {
    pointer-events: auto !important;
    visibility: visible !important;
  }

  .n9-mobile-drawer {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    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: -18px 0 44px rgba(2, 6, 23, .58) !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
  }

  .n9-mobile-drawer-head {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 4 !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, .38) !important;
  }

  .n9-mobile-drawer-body {
    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: 18px 16px 42px !important;
    scrollbar-gutter: stable !important;
  }

  .n9-mobile-drawer-body::-webkit-scrollbar,
  .n9-react-mobile-menu .sub-menu::-webkit-scrollbar,
  .n9-php-mobile-menu .sub-menu::-webkit-scrollbar,
  .n9-mobile-submenu-scroll::-webkit-scrollbar {
    width: 5px !important;
  }

  .n9-mobile-drawer-body::-webkit-scrollbar-thumb,
  .n9-react-mobile-menu .sub-menu::-webkit-scrollbar-thumb,
  .n9-php-mobile-menu .sub-menu::-webkit-scrollbar-thumb,
  .n9-mobile-submenu-scroll::-webkit-scrollbar-thumb {
    background: rgba(45, 212, 191, .72) !important;
    border-radius: 999px !important;
  }

  .n9-mobile-drawer-body::-webkit-scrollbar-track,
  .n9-react-mobile-menu .sub-menu::-webkit-scrollbar-track,
  .n9-php-mobile-menu .sub-menu::-webkit-scrollbar-track,
  .n9-mobile-submenu-scroll::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, .50) !important;
  }

  .n9-mobile-search .n9-search-form,
  .n9-mobile-search form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .n9-mobile-search input[type="search"] {
    min-height: 56px !important;
    border-radius: 19px !important;
  }

  .n9-mobile-search button,
  .n9-mobile-search input[type="submit"] {
    min-height: 56px !important;
    border-radius: 16px !important;
    padding-inline: 18px !important;
    background: #10d6aa !important;
    color: #06111f !important;
    font-weight: 950 !important;
  }

  .n9-mobile-balance-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 16px 0 18px !important;
    padding: 18px !important;
    border-radius: 22px !important;
    background: rgba(7, 17, 30, .90) !important;
    border: 1px solid rgba(45, 212, 191, .18) !important;
    box-shadow: none !important;
  }

  .n9-mobile-drawer-auth-row {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    inset: auto !important;
    z-index: 1 !important;
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .n9-mobile-drawer-section--menu {
    margin-top: 0 !important;
    padding: 18px 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  .n9-php-mobile-menu-suite,
  .n9-react-mobile-menu-suite {
    min-height: 0 !important;
    overflow: visible !important;
  }

  .n9-php-mobile-quick-grid,
  .n9-react-mobile-quick-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
  }

  .n9-php-mobile-quick-grid a,
  .n9-react-mobile-quick-grid a {
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(20, 184, 166, .42) !important;
    background: rgba(13, 80, 76, .46) !important;
    color: #b8fff0 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .n9-php-mobile-menu,
  .n9-react-mobile-menu {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
  }

  .n9-php-mobile-menu > li,
  .n9-react-mobile-menu > li {
    min-height: 0 !important;
    overflow: visible !important;
    border: 1px solid rgba(51, 65, 85, .82) !important;
    border-radius: 20px !important;
    background: rgba(15, 23, 42, .64) !important;
  }

  .n9-php-mobile-menu > li.is-open,
  .n9-react-mobile-menu > li.is-open {
    border-color: rgba(20, 184, 166, .58) !important;
    background: linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(2, 6, 23, .78)) !important;
  }

  .n9-php-mobile-menu > li > a,
  .n9-react-mobile-menu > li > a,
  .n9-php-mobile-menu .n9-react-mobile-menu-parent,
  .n9-react-mobile-menu .n9-react-mobile-menu-parent {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 15px 18px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: transparent !important;
    color: #f8fafc !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }

  .n9-php-mobile-menu > li > .sub-menu,
  .n9-react-mobile-menu > li > .sub-menu,
  .n9-mobile-submenu-scroll {
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-height: 0 !important;
    max-height: min(36dvh, 280px) !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: 0 14px 16px 20px !important;
    padding: 0 6px 0 14px !important;
    border-left: 1px solid rgba(45, 212, 191, .26) !important;
    list-style: none !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45, 212, 191, .76) rgba(15, 23, 42, .72) !important;
  }

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

  .n9-php-mobile-menu .sub-menu a,
  .n9-react-mobile-menu .sub-menu a,
  .n9-mobile-submenu-scroll a {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 12px 14px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(30, 41, 59, .72) !important;
    background: rgba(2, 6, 23, .58) !important;
    color: #dbeafe !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  .n9-php-mobile-menu .n9-react-mobile-view-all a,
  .n9-react-mobile-menu .n9-react-mobile-view-all a {
    background: rgba(20, 83, 76, .78) !important;
    border-color: rgba(45, 212, 191, .38) !important;
    color: #e6fffb !important;
  }

  html[data-n9-theme="light"] .n9-mobile-drawer-shell .n9-mobile-drawer-overlay {
    background: rgba(15, 23, 42, .34) !important;
    box-shadow: none !important;
    filter: none !important;
  }

  html[data-n9-theme="light"] .n9-mobile-drawer {
    box-shadow: -10px 0 26px rgba(15, 23, 42, .20) !important;
  }
}


/* 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.29: one mobile drawer menu only on non-home pages, matching the working home drawer. */
@media (max-width: 767px) {
  .n9-mobile-drawer [data-n9-final-mobile-menu] { display: none !important; }
  .n9-mobile-drawer .n9-mobile-drawer-section--primary {
    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;
  }
  .n9-mobile-drawer .n9-mobile-drawer-section--primary .n9-react-mobile-tree-nav {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .n9-mobile-drawer .n9-php-mobile-menu-suite,
  .n9-mobile-drawer .n9-react-mobile-menu-suite {
    display: grid !important;
    gap: 14px !important;
  }
  .n9-mobile-drawer .n9-php-mobile-quick-grid,
  .n9-mobile-drawer .n9-react-mobile-quick-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
  }
  .n9-mobile-drawer .n9-php-mobile-quick-grid a,
  .n9-mobile-drawer .n9-react-mobile-quick-grid a {
    min-height: 56px !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-weight: 950 !important;
    text-decoration: none !important;
  }
  .n9-mobile-drawer .n9-php-mobile-menu,
  .n9-mobile-drawer .n9-react-mobile-menu {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  .n9-mobile-drawer .n9-php-mobile-menu > li,
  .n9-mobile-drawer .n9-react-mobile-menu > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .n9-mobile-drawer .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-mobile-drawer .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-mobile-drawer .n9-php-mobile-menu > li > a,
  .n9-mobile-drawer .n9-react-mobile-menu > li > a {
    width: 100% !important;
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 16px 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: 18px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }
  .n9-mobile-drawer .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent svg,
  .n9-mobile-drawer .n9-react-mobile-menu > li > .n9-react-mobile-menu-parent svg {
    flex: 0 0 auto !important;
    color: #2dd4bf !important;
    transition: transform .18s ease !important;
  }
  .n9-mobile-drawer .n9-php-mobile-menu > li.is-open > .n9-react-mobile-menu-parent svg,
  .n9-mobile-drawer .n9-react-mobile-menu > li.is-open > .n9-react-mobile-menu-parent svg { transform: rotate(180deg) !important; }
  .n9-mobile-drawer .n9-php-mobile-menu > li > .sub-menu,
  .n9-mobile-drawer .n9-react-mobile-menu > li > .sub-menu {
    display: none !important;
    gap: 8px !important;
    margin: 9px 0 4px 20px !important;
    padding: 0 0 0 13px !important;
    border-left: 1px solid rgba(45, 212, 191, .25) !important;
    list-style: none !important;
    max-height: min(42dvh, 360px) !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, .8) !important;
  }
  .n9-mobile-drawer .n9-php-mobile-menu > li.is-open > .sub-menu,
  .n9-mobile-drawer .n9-react-mobile-menu > li.is-open > .sub-menu { display: grid !important; }
  .n9-mobile-drawer .n9-php-mobile-menu .sub-menu a,
  .n9-mobile-drawer .n9-react-mobile-menu .sub-menu a {
    min-height: 44px !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: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }
  .n9-mobile-drawer .n9-react-mobile-view-all a,
  .n9-mobile-drawer .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.30: 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.31: 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.32: mobile drawer stability override. Keeps design; fixes height, scroll reset support, fixed header/body separation and internal submenu scroll. */
@media (max-width: 767px) {
  html.n9-mobile-drawer-locked-v32,
  body.n9-mobile-drawer-locked-v32 {
    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;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    z-index: 99990 !important;
  }

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

  .n9-mobile-drawer-head,
  .n9-react-mobile-drawer-panel > div:first-child,
  #root aside[role="dialog"] > div:first-child,
  .n9-mobile-drawer-fixed-head-v32 {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    margin: 0 !important;
  }

  .n9-mobile-drawer-body,
  .n9-react-mobile-drawer-body,
  .n9-mobile-scroll-body,
  .n9-mobile-drawer-scroll-body-v32,
  .n9-react-mobile-drawer-panel > .flex-1,
  #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(82px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .n9-mobile-drawer-body::-webkit-scrollbar,
  .n9-react-mobile-drawer-body::-webkit-scrollbar,
  .n9-mobile-drawer-scroll-body-v32::-webkit-scrollbar,
  .n9-mobile-submenu-scroll::-webkit-scrollbar {
    width: 4px !important;
  }
  .n9-mobile-drawer-body::-webkit-scrollbar-thumb,
  .n9-react-mobile-drawer-body::-webkit-scrollbar-thumb,
  .n9-mobile-drawer-scroll-body-v32::-webkit-scrollbar-thumb,
  .n9-mobile-submenu-scroll::-webkit-scrollbar-thumb {
    background: rgba(45, 212, 191, .88) !important;
    border-radius: 999px !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-drawer-menu > li.menu-item-has-children > a,
  .n9-drawer-menu > li.has-submenu > a {
    position: relative !important;
    padding-right: 46px !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.menu-item-has-children > a svg,
  .n9-drawer-menu > li.has-submenu > a svg {
    position: absolute !important;
    right: 17px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    flex: 0 0 auto !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;
    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, .9) rgba(15, 23, 42, .65) !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-mobile-drawer .n9-mobile-drawer-footer,
  .n9-react-mobile-drawer-panel .n9-mobile-drawer-footer,
  #root aside[role="dialog"] .n9-mobile-drawer-footer {
    display: none !important;
  }
}

/* v2.3.48.33: 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.34 - navigation expansion: prediction markets + hub anchors */
.n9-primary-menu > li > a,
.n9-react-desktop-menu > li > a {
  white-space: nowrap !important;
}
.n9-primary-menu .sub-menu,
.n9-react-desktop-menu .sub-menu {
  max-height: min(72vh, 520px) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(45,212,191,.62) rgba(15,23,42,.72) !important;
}
.n9-primary-menu .sub-menu::-webkit-scrollbar,
.n9-react-desktop-menu .sub-menu::-webkit-scrollbar { width: 6px !important; }
.n9-primary-menu .sub-menu::-webkit-scrollbar-thumb,
.n9-react-desktop-menu .sub-menu::-webkit-scrollbar-thumb { background: rgba(45,212,191,.62) !important; border-radius: 999px !important; }
.n9-primary-menu .sub-menu li:first-child > a,
.n9-react-desktop-menu .sub-menu li:first-child > a,
.n9-react-mobile-view-all > a {
  background: rgba(16,185,129,.13) !important;
  border-color: rgba(45,212,191,.28) !important;
  color: #dcfff5 !important;
}
@media (max-width: 1540px) and (min-width: 1081px) {
  .n9-site-header .n9-primary-menu > li > a,
  .n9-react-desktop-menu > li > a {
    padding-inline: 11px !important;
    font-size: 11px !important;
  }
}
@media (max-width: 1400px) and (min-width: 1081px) {
  .n9-site-header .n9-mainbar-actions .n9-header-search,
  .n9-react-native-search { display: none !important; }
  .n9-site-header .n9-primary-menu,
  .n9-react-desktop-menu { gap: 6px !important; }
}
@media (max-width: 767px) {
  .n9-react-mobile-menu .sub-menu,
  .n9-php-mobile-menu .sub-menu,
  .n9-drawer-menu .sub-menu {
    max-height: min(44dvh, 390px) !important;
  }
}

/* v2.3.48.36 - 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.43: tablet/iPad drawer parity with the completed mobile menu.
   Scope is tablet only (768px–1080px). Mobile <=767px and desktop >=1081px stay unchanged. */
@media (min-width: 768px) and (max-width: 1080px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; }

  /* Force tablet to use the completed drawer navigation, not squeezed desktop nav. */
  .n9-site-header .n9-mainbar-primary-nav,
  .n9-site-header .n9-mainbar-actions,
  #root .n9-react-native-nav,
  #root .n9-react-native-actions {
    display: none !important;
  }

  .n9-site-header .n9-mobile-header-actions,
  #root .n9-react-native-main .lg\:hidden,
  #root .n9-react-native-main [class*="lg:hidden"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

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

  #root .n9-react-mobile-drawer-layer.pointer-events-none,
  .n9-mobile-drawer-shell[aria-hidden="true"] {
    pointer-events: none !important;
    visibility: hidden !important;
  }

  #root .n9-react-mobile-drawer-layer.pointer-events-auto,
  #root .n9-react-mobile-drawer-layer.is-open,
  .n9-mobile-drawer-shell[aria-hidden="false"],
  .n9-mobile-drawer-shell.is-open {
    pointer-events: auto !important;
    visibility: visible !important;
  }

  #root .n9-react-mobile-drawer-overlay,
  .n9-mobile-drawer-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(2, 6, 23, .58) !important;
    backdrop-filter: blur(4px) !important;
    touch-action: none !important;
  }

  #root .n9-react-mobile-drawer-panel,
  .n9-mobile-drawer {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(76vw, 640px) !important;
    max-width: min(76vw, 640px) !important;
    min-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,.14), transparent 36%), #07111f !important;
    color: #e2e8f0 !important;
    border-left: 1px solid rgba(45, 212, 191, .24) !important;
    box-shadow: -24px 0 64px rgba(2, 6, 23, .58) !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  #root .n9-react-mobile-drawer-panel > div:first-child,
  .n9-mobile-drawer-head {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 5 !important;
    min-height: 86px !important;
    padding: 18px 26px !important;
    border-bottom: 1px solid rgba(148, 163, 184, .20) !important;
    background: rgba(7, 17, 31, .98) !important;
  }

  #root .n9-react-mobile-drawer-body,
  #root .n9-react-mobile-drawer-panel > .flex-1,
  #root .n9-react-mobile-drawer-panel > .overflow-y-auto,
  .n9-mobile-drawer-body {
    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: 22px 26px 34px !important;
    scrollbar-gutter: stable both-edges !important;
  }

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

  /* Search, balance and auth rows mirror the mobile drawer, but scale cleanly for iPad/tablet. */
  #root .n9-react-mobile-drawer-body form,
  .n9-mobile-search form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 0 !important;
  }

  #root .n9-react-mobile-drawer-body form input[type="search"],
  .n9-mobile-search input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    border-radius: 18px !important;
    background: #0f172a !important;
    border: 1px solid #263248 !important;
    color: #e2e8f0 !important;
  }

  .n9-mobile-search .search-submit,
  .n9-mobile-search button[type="submit"] {
    min-height: 54px !important;
    border-radius: 18px !important;
    padding: 0 24px !important;
    background: #16c7a3 !important;
    color: #04111b !important;
    font-weight: 950 !important;
  }

  #root .n9-react-mobile-drawer-body > .rounded-2xl,
  .n9-mobile-balance-card {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: 82px !important;
    margin: 18px 0 !important;
    padding: 18px 20px !important;
    border-radius: 22px !important;
    background: rgba(15, 23, 42, .74) !important;
    border: 1px solid rgba(45, 212, 191, .18) !important;
    box-shadow: none !important;
  }

  #root .n9-react-mobile-auth-row,
  .n9-mobile-drawer-auth-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    position: relative !important;
    inset: auto !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #root .n9-react-mobile-auth-row button,
  .n9-mobile-drawer-auth-row button,
  .n9-mobile-drawer-auth-row a {
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    font-weight: 950 !important;
  }

  /* Main menu card and quick pills — same structure as mobile, no raw/concatenated text. */
  #root .n9-react-mobile-drawer-clean,
  .n9-mobile-drawer-section--primary {
    display: block !important;
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(45,212,191,.18) !important;
    background: linear-gradient(180deg, rgba(15,23,42,.88), rgba(2,6,23,.92)) !important;
    box-shadow: none !important;
  }

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

  #root .n9-react-mobile-menu-suite,
  .n9-php-mobile-menu-suite { display: grid !important; gap: 14px !important; min-height: 0 !important; overflow: visible !important; }

  #root .n9-react-mobile-quick-grid,
  .n9-php-mobile-quick-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
  }

  #root .n9-react-mobile-quick-grid a,
  .n9-php-mobile-quick-grid a {
    min-height: 56px !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, .34) !important;
    background: rgba(13, 74, 68, .72) !important;
    color: #d7fff6 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  #root .n9-react-mobile-menu,
  .n9-php-mobile-menu,
  .n9-drawer-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

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

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

  #root .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, .44) !important;
    background: rgba(15, 39, 50, .92) !important;
  }

  #root .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: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #2dd4bf !important;
    pointer-events: none !important;
  }
  #root .n9-react-mobile-menu > li.is-open > .n9-react-mobile-menu-parent svg,
  .n9-php-mobile-menu > li.is-open > .n9-react-mobile-menu-parent svg,
  .n9-drawer-menu > li.is-open > a svg { transform: translateY(-50%) rotate(180deg) !important; }

  #root .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: 9px !important;
    max-height: min(40dvh, 370px) !important;
    margin: 11px 0 6px 22px !important;
    padding: 0 7px 0 14px !important;
    border-left: 1px solid rgba(45, 212, 191, .32) !important;
    list-style: 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;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(45,212,191,.82) rgba(15,23,42,.65) !important;
  }
  #root .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; }

  #root .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: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 15px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(30, 41, 59, .78) !important;
    background: rgba(2, 6, 23, .74) !important;
    color: #dbe4f0 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  body.n9-drawer-open,
  body.n9-mobile-drawer-lock-v33 { overflow: hidden !important; }
}

/* v2.3.48.44 - Mobile/tablet drawer typography refinement only.
   Smaller market-style text, better iPad/mobile balance, no desktop impact. */
@media (max-width: 1180px) {
  .n9-mobile-drawer,
  .n9-mobile-drawer *,
  .n9-mobile-drawer-shell,
  .n9-mobile-drawer-shell *,
  .n9-mobile-menu-panel,
  .n9-mobile-menu-panel *,
  .n9-php-mobile-menu-suite,
  .n9-php-mobile-menu-suite *,
  .n9-drawer-menu,
  .n9-drawer-menu * {
    font-family: "Plus Jakarta Sans", Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    letter-spacing: -.01em !important;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
  }

  .n9-mobile-drawer-section h2,
  .n9-react-mobile-tree-head,
  .n9-react-mobile-tree-head small,
  .n9-mobile-menu-eyebrow {
    font-size: 10px !important;
    line-height: 1.05 !important;
    letter-spacing: .13em !important;
    font-weight: 850 !important;
  }

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

  .n9-php-mobile-quick-grid a,
  .n9-react-mobile-quick-grid a,
  .n9-mobile-category-grid a {
    min-height: 48px !important;
    padding: 10px 12px !important;
    font-size: 12.5px !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
    letter-spacing: -.015em !important;
  }

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

  .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-php-mobile-menu > li > a,
  .n9-drawer-menu > li > a {
    min-height: 54px !important;
    padding: 13px 44px 13px 17px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 820 !important;
    letter-spacing: -.018em !important;
  }

  .n9-php-mobile-menu > li > .sub-menu,
  .n9-drawer-menu > li > .sub-menu,
  .n9-mobile-submenu-scroll {
    gap: 7px !important;
    margin: 9px 0 5px 18px !important;
    padding: 0 6px 0 11px !important;
  }

  .n9-php-mobile-menu .sub-menu a,
  .n9-drawer-menu .sub-menu a,
  .n9-mobile-submenu-scroll a {
    min-height: 42px !important;
    padding: 10px 13px !important;
    border-radius: 14px !important;
    font-size: 12.4px !important;
    line-height: 1.18 !important;
    font-weight: 760 !important;
    letter-spacing: -.012em !important;
  }

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

@media (max-width: 640px) {
  .n9-php-mobile-quick-grid a,
  .n9-react-mobile-quick-grid a,
  .n9-mobile-category-grid a {
    min-height: 46px !important;
    font-size: 12px !important;
  }

  .n9-php-mobile-menu > li > .n9-react-mobile-menu-parent,
  .n9-php-mobile-menu > li > a,
  .n9-drawer-menu > li > a {
    min-height: 52px !important;
    padding: 12px 42px 12px 16px !important;
    font-size: 14.4px !important;
    border-radius: 17px !important;
  }

  .n9-php-mobile-menu .sub-menu a,
  .n9-drawer-menu .sub-menu a,
  .n9-mobile-submenu-scroll a {
    min-height: 40px !important;
    font-size: 12px !important;
    padding: 9px 12px !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.47: mobile scroll stability audit patch.
   Prevents stale drawer locks and touch handlers from freezing page scroll after
   mobile drawer use. Desktop/nav design is unchanged. */
@media (max-width: 1180px) {
  html:not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32),
  body:not(.n9-drawer-open):not(.n9-mobile-drawer-lock-v33):not(.n9-mobile-drawer-locked-v32) {
    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) {
    overflow-y: auto !important;
    position: static !important;
  }

  .n9-mobile-drawer-shell[aria-hidden="true"],
  .n9-react-mobile-drawer-layer.pointer-events-none,
  .n9-react-mobile-drawer-layer[aria-hidden="true"] {
    pointer-events: none !important;
    visibility: hidden !important;
  }

  .n9-mobile-drawer-shell[aria-hidden="false"],
  .n9-mobile-drawer-shell.is-open,
  .n9-react-mobile-drawer-layer.is-open,
  .n9-react-mobile-drawer-layer.pointer-events-auto {
    pointer-events: auto !important;
    visibility: visible !important;
  }

  .n9-app,
  .n9-react-root,
  #root,
  .n9-home-hero-section,
  .n9-home-hero-section .n9-hero-chart,
  .n9-market-grid,
  .n9-market-card {
    overscroll-behavior-y: auto !important;
    touch-action: auto !important;
  }

  .n9-chart-stage {
    touch-action: pan-y !important;
    overscroll-behavior-y: auto !important;
  }
}

/* v2.3.48.48: global mobile scroll jump safety only. */
@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;
  }
}

/* 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;
  }
}
