/* ===== HK SUN: HEADER MODULE (SCOPED) ===== */
#site-header{
  background:#111;
  color:#fff;
  padding:22px 16px 18px;
  text-align:center;
}
#site-header a{ color:#fff; text-decoration:none; }
#site-header .brand{ display:flex; flex-direction:column; align-items:center; gap:10px; }

#site-header img{
  display:block;
  margin:0 auto;
  max-width:140px;
  height:auto;
}

#site-header .title{
  font-size:28px;
  font-weight:700;
  line-height:1.15;
  margin:0;
}
#site-header .tagline{
  font-size:14px;
  opacity:.85;
  margin:6px 0 0;
}

/* NAV: force horizontal centered, independent from page body CSS */
#site-header nav{ margin-top:18px; }
#site-header nav ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:26px !important;
}
#site-header nav li{ margin:0 !important; padding:0 !important; }
#site-header nav a{
  display:inline-block;
  font-size:14px;
  letter-spacing:.4px;
  text-transform:uppercase;
  opacity:.92;
}
#site-header nav a:hover{ opacity:1; }

/* Mobile */
@media (max-width: 820px){
  #site-header .title{ font-size:22px; }
  #site-header nav ul{ gap:14px !important; }
}