/* Hub V399 — Readability, Navbar, and Mascot Visibility Fix */
header.nav{
  min-height:88px !important;
  padding:14px 22px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(191,219,254,.95) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.10) !important;
  border-radius:22px !important;
  margin:10px auto 14px !important;
  max-width:1180px;
}
header.nav .logo{
  min-width:0 !important;
  gap:14px !important;
  align-items:center !important;
}
header.nav .logo img{
  width:62px !important;
  height:62px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid rgba(147,197,253,.95) !important;
  border-radius:16px !important;
  box-shadow:0 10px 26px rgba(37,99,235,.16) !important;
  padding:5px !important;
  flex:0 0 auto !important;
}
header.nav .logo span{
  color:#0f172a !important;
  font-size:1.8rem !important;
  line-height:1 !important;
  text-shadow:none !important;
  letter-spacing:-.04em !important;
}
header.nav .logo small{
  color:#64748b !important;
  font-size:.72rem !important;
  letter-spacing:.16em !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}
header.nav .logo .blue{
  color:#1d4ed8 !important;
}
header.nav .navlinks a{
  color:#334155 !important;
  font-weight:800 !important;
  opacity:1 !important;
}
header.nav .navlinks a:hover,
header.nav .navlinks a.active{
  color:#0ea5e9 !important;
  text-shadow:none !important;
}
header.nav .locked-search{
  background:#ffffff !important;
  border:1px solid rgba(191,219,254,.95) !important;
  box-shadow:0 10px 24px rgba(37,99,235,.08) !important;
}
header.nav .locked-search input{
  color:#0f172a !important;
}
header.nav .locked-search input::placeholder{
  color:#94a3b8 !important;
}
header.nav .locked-search button{
  background:linear-gradient(135deg,#0ea5e9,#2563eb) !important;
  color:#ffffff !important;
}

/* Section headings on dark background need stronger contrast */
.hub393-section-head{
  background:linear-gradient(135deg,rgba(15,23,42,.42),rgba(15,23,42,.18)) !important;
  border:1px solid rgba(125,211,252,.16) !important;
  border-radius:20px !important;
  padding:16px 18px !important;
  margin-bottom:18px !important;
  box-shadow:0 18px 42px rgba(2,6,23,.16) !important;
}
.hub393-section-head h2{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(2,6,23,.44) !important;
}
body .hub393-section-head p{
  color:#dbeafe !important;
  text-shadow:none !important;
}
.hub393-section-head a{
  color:#67e8f9 !important;
  font-weight:900 !important;
  white-space:nowrap;
  text-shadow:none !important;
}

/* stronger card text consistency */
.hub393-card h3,
.hub393-card h2{
  color:#0f172a !important;
}
.hub393-card p{
  color:#475569 !important;
}

/* Footer logo also use new mark cleanly */
.footer .logo img{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(147,197,253,.4) !important;
  border-radius:14px !important;
  padding:4px !important;
}

@media (max-width: 980px){
  header.nav{
    padding:12px 16px !important;
  }
  header.nav .logo span{
    font-size:1.55rem !important;
  }
}

@media (max-width: 760px){
  header.nav{
    max-width:none;
    margin:8px 8px 12px !important;
    min-height:auto !important;
    padding:12px !important;
  }
  header.nav .logo img{
    width:52px !important;
    height:52px !important;
    border-radius:14px !important;
    padding:4px !important;
  }
  header.nav .logo span{
    font-size:1.2rem !important;
  }
  header.nav .logo small{
    font-size:.64rem !important;
    letter-spacing:.11em !important;
  }
  .hub393-section-head{
    padding:14px 14px !important;
    border-radius:18px !important;
    gap:10px !important;
  }
  .hub393-section-head h2{
    font-size:1.34rem !important;
    line-height:1.08 !important;
  }
  .hub393-section-head p{
    font-size:.88rem !important;
    line-height:1.45 !important;
  }
  .hub393-section-head a{
    font-size:.82rem !important;
  }
}