::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #141e16; }
::-webkit-scrollbar-thumb { background: #065f46; }
::-webkit-scrollbar-thumb:hover { background: #10b981; }

.vx-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vx-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.vx-block-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background:
    linear-gradient(135deg, #10b981 50%, transparent 50%),
    linear-gradient(-45deg, #b45309 50%, transparent 50%);
  background-color: #059669;
  box-shadow: inset 0 0 0 2px #0f1712;
}

.vx-hero {
  background-color: #17211a;
  background-image:
    linear-gradient(#1c2a1f 1px, transparent 1px),
    linear-gradient(90deg, #1c2a1f 1px, transparent 1px);
  background-size: 28px 28px;
}

#vx-cookie-banner {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999;
  background: #0f1712;
  border-top: 3px solid #10b981;
}
#vx-cookie-banner.vx-hidden { display: none; }

.vx-copy-flash {
  animation: vx-flash 0.6s ease;
}
@keyframes vx-flash {
  0% { background-color: rgba(16, 185, 129, 0.35); }
  100% { background-color: transparent; }
}