:root{
  --eco-green:#00ff66;
  --eco-blue:#00aaff;
  --eco-gold:#ffd100;
  --eco-bg0:#050b12;
  --eco-bg1:#07131e;
  --eco-text:#e9f7ff;
}

html,body{height:100%}
body{
  background:
    radial-gradient(1200px 800px at 20% 10%, rgba(0,255,102,.18), transparent 55%),
    radial-gradient(900px 700px at 85% 15%, rgba(0,170,255,.22), transparent 55%),
    radial-gradient(700px 500px at 50% 90%, rgba(255,209,0,.14), transparent 60%),
    linear-gradient(180deg,var(--eco-bg0),var(--eco-bg1)) !important;
  color:var(--eco-text) !important;
}

a{ color:var(--eco-green) !important; }
a:hover{ color:var(--eco-gold) !important; }

header, nav, .eco-nav{
  background: rgba(5,11,18,.92) !important;
  color: var(--eco-text) !important;
}

/* ===== KILL THE QUICK NAV BAR (THIS is your subheader) ===== */
#econQuickNav,
.econQuickNav,
.quick-nav,
.quicknav,
.eco-quick-nav,
.subheader,
.subnav,
.secondary-nav,
.legacy-subheader{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* ===== DROPDOWNS MUST BE ABOVE EVERYTHING ===== */
nav{
  position: sticky !important;
  top: 0 !important;
  z-index: 2147483647 !important;
}
nav *{ pointer-events:auto !important; }
nav ul{ position:relative !important; z-index:2147483647 !important; }
nav li{ position:relative !important; }
nav li ul{
  z-index:2147483647 !important;
  position:absolute !important;
}

/* ===== SIGIL/LOGO SLOT ===== */
.eco-logo{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-right:14px !important;
}
.eco-logo a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,209,0,.45) !important;
  background:rgba(255,209,0,.08) !important;
}
.eco-logo a:hover{
  border-color:rgba(0,255,102,.55) !important;
  background:rgba(0,255,102,.10) !important;
}
.eco-logo img{
  width:34px !important;
  height:34px !important;
  display:block !important;
}

/* ===== HUBS PAGE: FORCE VERTICAL COLUMNS / GRID =====
   Works with common patterns: .cards, .grid, .hub-grid, main sections, etc.
*/
.hubs-grid,
.hub-grid,
.cards,
.card-grid,
.grid{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}

.hubs-grid > *, .hub-grid > *, .cards > *, .card-grid > *, .grid > *{
  min-width:0 !important;
}

/* Prevent huge horizontal overflow */
main, .container, .wrap, .content{
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
}