/* DSNET Responsive fixes
   - Ensure no gap between Log in / Sign up pairs anywhere.
   - Keep button label overlays visible.
*/

html, body { overflow-x: hidden; }

#site-header a.btn-svg{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  line-height: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
}
#site-header a.btn-svg:hover{ text-decoration: none; }
#site-header a.btn-svg img.btn-svg-img{ display:block; }

/* Labels for SVG pill anchors (kept visible) */
.btn-svg{ position: relative; }
.btn-svg .btn-svg-label{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #e6eefb;
  pointer-events: none;
  letter-spacing: 0.02em;
}

/* Auth pair: ZERO gap, even if HTML contains whitespace */
#site-header .auth-pair{
  display:flex;
  align-items:center;
  gap:0;
  font-size: 0; /* kills whitespace gaps for inline-flex children */
}
#site-header .auth-pair > a{
  margin:0;
  font-size: 16px; /* restore text size */
}

/* Footer pill buttons */
.site-footer .footer-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}
.site-footer .footer-pill img{
  display:block;
  height: 28px;
  width: auto;
}

/* Splash page header: ensure its auth-pair also has no gap */
.header-inner.header-simple .auth-pair{ gap:0; }

/* Mobile readability */
@media (max-width: 640px){
  body{ font-size: 18px; }

  #content,
  .content{
    padding: 0 16px;
    margin: 16px auto;
  }

  #site-header .header-inner{
    padding: 10px 12px !important;
    min-height: 52px !important;
  }

  #content h1,
  .content h1{
    font-size: 28px;
  }
}