body {
  font-family: 'Inter', system-ui, sans-serif;
  background: #ffffff;
  color: #000000;
}

html {
  scroll-behavior: smooth;
}

/* Ensure summary is clickable */
summary {
  cursor: pointer;
  display: list-item; /* crucial for <details> to work in all browsers */
  list-style: none;
}

@keyframes scroll-rtl {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll-rtl {
  display: flex;
  animation: scroll-rtl 30s linear infinite;
  width: max-content;
}