.site-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.site-nav .navbar {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: center;  /* center logo + links as one group */
  align-items: center;
  gap: 2rem;
}

.site-nav .logo img { height: 40px; display:block; }

.site-nav .nav-links {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

.site-nav .nav-links a,
.site-nav .linkish {
  color: #00f !important;
  text-decoration: none;
  font-weight: 500;
  white-space: nowrap;
  background: transparent;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

.site-nav .nav-links a:hover,
.site-nav .linkish:hover {
  text-decoration: underline;
}

@media (max-width: 480px) {
  .site-nav .nav-links {
    justify-content: center;
    gap: 0.75rem 1rem;
  }
}
.site-banner{
  width:100%;
  background:#dc2626;
  color:#fff;
  text-align:center;
  padding:.6rem .75rem;
}
.site-banner .banner-inner{
  max-width:1100px;
  margin:0 auto;
  font-weight:700;
  letter-spacing:.2px;
  display:flex;
  gap:.5rem;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  font-size:clamp(14px, 2.8vw, 16px);
}
.site-banner .b-emoji{ filter: drop-shadow(0 1px 0 rgba(0,0,0,.15)); }
@media (prefers-color-scheme: dark){
  .site-banner{ background:#b91c1c; }
}
.site-banner{width:100%;background:#dc2626;color:#fff;text-align:center;padding:.6rem .75rem}
.site-banner .banner-inner{max-width:1100px;margin:0 auto;font-weight:700;letter-spacing:.2px;display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;font-size:clamp(14px,2.8vw,16px)}
@media (prefers-color-scheme: dark){.site-banner{background:#b91c1c}}