html, body { min-height: 100%; }
body {
  overflow-x: hidden !important;
  background: #000 !important;
  color: #fff;
}

/* Header text terang di atas background gelap */
h1, h2, h3 { color: #fff; }
.header-sub, .page-sub, .page-desc { color: rgba(255,255,255,0.7); }
.build-by { color: rgba(255,255,255,0.7) !important; }
.build-by a { color: #fff !important; border-bottom-color: rgba(255,255,255,0.4) !important; }

#sg-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none;
}

/* Pastikan konten muncul di atas canvas - pakai elemen spesifik, bukan wildcard */
main, .page, .mobile-nav, .site-footer {
  position: relative;
  z-index: 2;
}

/* Normalize navbar logo icon across all tool pages */
.logo-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 28px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  border-radius: 6px !important;
}