html, body { margin: 0; padding: 0; }
body { overscroll-behavior: none; }
main > :first-child { margin-top: 0 !important; }
main > :last-child { margin-bottom: 0 !important; }
::-webkit-scrollbar { display: none; }

@keyframes fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fade-in 0.4s ease-out; }

.skeleton {
  background: linear-gradient(90deg, #ECE8E1 25%, #F2EFE9 37%, #ECE8E1 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}
@keyframes skeleton-loading {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

.mobile-nav-panel { transition: transform 0.3s ease, opacity 0.3s ease; }

[data-nav-active].active {
  color: #1b1c1a;
  font-weight: 600;
}