/* Final site-wide background + navigation unification */
:root{
  --phx-site-bg:#F5F7FA;
  --phx-card-bg:#FFFFFF;
  --phx-line:#E5EAF0;
  --phx-nav-text:#0A1F44;
}
html{background:var(--phx-site-bg)!important;}
body{
  background:var(--phx-site-bg)!important;
  color:#0f172a;
}
/* common outer wrappers */
main,
.page,
.page-wrap,
.page-wrapper,
.site-main,
.content-wrap,
.wrap,
.wrapper{
  background:transparent!important;
}
/* unify all known top nav containers */
.top-nav,
.nav,
.navbar,
.site-header,
.header,
.phx-topnav-wrap,
.phx-topnav,
header.site-header,
header.header{
  background:var(--phx-site-bg)!important;
  border-bottom:1px solid var(--phx-line)!important;
}
.top-nav,
.nav,
.navbar,
.site-header,
.header,
.phx-topnav-wrap{
  min-height:84px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.top-nav .inner,
.nav .inner,
.navbar .inner,
.site-header .inner,
.header .inner,
.phx-topnav,
.phx-topnav .inner{
  min-height:84px!important;
  box-sizing:border-box;
  align-items:center!important;
}
/* keep menu chips consistent */
.top-nav a,
.nav a,
.phx-topnav .phx-menu a,
.navbar a,
.site-header a,
.header a{
  color:var(--phx-nav-text)!important;
}
.top-nav a:hover,
.nav a:hover,
.phx-topnav .phx-menu a:hover,
.navbar a:hover,
.site-header a:hover,
.header a:hover{
  background:rgba(10,31,68,.06)!important;
}
.top-nav .links a.phx-active,
.nav .links a.phx-active,
.phx-topnav .phx-menu a.phx-active,
.navbar a.phx-active,
.site-header a.phx-active,
.header a.phx-active{
  background:rgba(10,31,68,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(10,31,68,.08)!important;
}
/* dropdown panels */
.nav .links .dropdown-menu,
.top-nav .links .dropdown-menu,
.phx-topnav .phx-dropdown-menu,
.navbar .dropdown-menu,
.site-header .dropdown-menu,
.header .dropdown-menu{
  background:var(--phx-card-bg)!important;
  border:1px solid var(--phx-line)!important;
}
/* resources / breadcrumb / large hero wrappers */
.breadcrumb,
.hero-shell,
.hero-wrap,
.page-hero,
.resources-hero{
  background:transparent!important;
}
/* shared cards keep white, but flatter and consistent */
.container,
.card,
.resource-card,
.sidebox,
.hero,
.checklist,
.section-box,
.content-card,
.panel{
  border-color:rgba(10,31,68,.10)!important;
}
/* footer can sit on unified bg too */
.phx-footer,
footer,
.site-footer{
  background:var(--phx-site-bg)!important;
}
/* mobile drawer backgrounds */
@media (max-width:900px){
  .phx-topnav .phx-menu,
  .site-header nav > ul,
  .navbar .menu,
  .navbar .nav-links,
  .nav-inner .nav-links,
  .nav-inner > ul{
    background:var(--phx-site-bg)!important;
  }
}

@media (max-width:900px){
  .phx-topnav-wrap,.top-nav,.nav,.navbar,.site-header,.header{min-height:72px!important;}
  .phx-topnav,.top-nav .inner,.nav .inner,.navbar .inner,.site-header .inner,.header .inner{min-height:72px!important;}
}