/* Only what Tailwind utilities cannot express. */

html {
  -webkit-text-size-adjust: 100%;
}

::selection {
  background: #79c0e8;
  color: #0d1620;
}

/* Native details accordion: strip the default marker in every engine. */
summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

summary::marker {
  content: "";
}

/* One-shot reveal, ease-out quart. No layout properties animated. */
.reveal {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.reveal.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  html.scroll-smooth {
    scroll-behavior: auto;
  }

  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
