/*
 * The site's main stylesheet (_next/static/css/7a01b60f68eee688.css) is a
 * leftover from an old build, and lacks eight Tailwind classes the pages use.
 * Without md:flex, for example, the light/dark toggle never appears on
 * desktop. These rules are what Tailwind 3 would have generated for them,
 * at its default breakpoints (md = 768px, lg = 1024px).
 *
 * Remove this file once the stylesheet is rebuilt from the current pages.
 */

@media (min-width: 768px) {
  .md\:flex { display: flex; }
  .md\:aspect-\[16\/10\] { aspect-ratio: 16 / 10; }
  .md\:gap-16 { gap: 4rem; }
  .md\:p-12 { padding: 3rem; }
  .md\:pt-32 { padding-top: 8rem; }
  .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }
}