/* Blog/YouTube visual treatment is the canonical navigation reference.
   Desktop geometry deliberately spreads links across the available bar width. */
.cq-site-header .cq-site-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
  flex:0 0 auto!important;
  font-weight:800!important
}
.cq-site-header .cq-site-brand img{
  width:42px!important;
  height:42px!important;
  display:block!important;
  object-fit:cover!important;
  flex:0 0 auto!important;
  border-radius:50%!important;
  border:1px solid #e7b83fa0!important;
  background:#eee!important
}
.cq-site-header .cq-site-brand .cq-brand-name{white-space:nowrap!important}

.cq-site-header .cq-nav-links a,
.cq-site-header nav.cq-nav-links a{
  padding:10px 12px!important;
  border-radius:999px!important;
  color:#9b988f!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  background:transparent!important;
  transition:color .18s ease,background .18s ease!important
}
.cq-site-header .cq-nav-links a::after,
.cq-site-header nav.cq-nav-links a::after{
  content:none!important;
  display:none!important
}
.cq-site-header .cq-nav-links a:hover,
.cq-site-header nav.cq-nav-links a:hover,
.cq-site-header .cq-nav-links a[aria-current="page"],
.cq-site-header nav.cq-nav-links a[aria-current="page"]{
  color:#e7b83f!important;
  background:#e7b83f16!important
}

@media(min-width:861px){
  /* Content-hub headers (Blog / YouTube) */
  .cq-site-header .hub-navin{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important
  }

  /* Direct-header layouts (Home / AI Automation / About variants) */
  .cq-site-header:not(.hub-nav){
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important
  }

  .cq-site-header .cq-nav-links,
  .cq-site-header nav.cq-nav-links{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
    width:min(62vw,900px)!important;
    max-width:900px!important;
    margin-left:clamp(54px,7vw,120px)!important;
    flex:0 1 900px!important
  }

  .cq-site-header .cq-nav-links>li{
    flex:0 0 auto!important
  }

  .cq-site-header .hub-menu,
  .cq-site-header .nav-toggle,
  .cq-site-header button[aria-label="Menu"]{
    margin-left:auto!important
  }
}

html{scroll-behavior:smooth}
#contact{scroll-margin-top:100px}

@media(max-width:860px){
  .cq-site-header .cq-site-brand{gap:9px!important}
  .cq-site-header .cq-site-brand img{width:38px!important;height:38px!important}
  .cq-site-header .cq-site-brand .cq-brand-name{display:inline!important;font-size:16px!important}
  /* Do not force desktop flex rules on mobile; page-native hamburger behavior stays intact. */
  .cq-site-header .cq-nav-links,
  .cq-site-header nav.cq-nav-links{
    width:auto!important;
    max-width:none!important;
    margin-left:0!important
  }
}


/* Home screenshot shell normalization
   Reference viewport: 1578px. Existing Home left edge is ~109px (~7vw).
   Only the outer shell expands; established Home nav geometry above stays unchanged. */
@media(min-width:861px){
  /* Home / AI Automation / About-style direct headers */
  .cq-site-header:not(.hub-nav){
    left:7vw!important;
    right:7vw!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:38px!important;
    padding-right:38px!important
  }

  /* Blog / YouTube content-hub shell */
  .cq-site-header.hub-nav{
    width:auto!important;
    max-width:none!important;
    margin-left:7vw!important;
    margin-right:7vw!important
  }
  .cq-site-header.hub-nav .hub-navin{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:38px!important;
    padding-right:38px!important
  }
}
/* end Home screenshot shell normalization */