/* Тонкие штрихи поверх Tailwind. */

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Кастомный маркер для details */
details summary::-webkit-details-marker { display: none; }
details summary { list-style: none; }

/* Плавное появление при скролле */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s ease, transform .6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: none;
}

/* Чтобы accordion-стрелка плавно крутилась */
details > summary > span:last-child { transition: transform .2s ease; }
details[open] > summary > span:last-child { transform: rotate(45deg); }