/*
 * trakt-widgets  Tailwind override stylesheet
 * Most styling is handled by the Tailwind CDN in the layout.
 * Only browser-reset quirks and input focus rings live here.
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Remove default link colour so Tailwind controls it */
a {
  color: inherit;
  text-decoration: none;
}

/* Ensure images/video never overflow their containers */
img,
video {
  max-width: 100%;
  display: block;
}

/* Custom input focus ring colour  complements Tailwind utility */
.tw-input:focus {
  --tw-ring-color: rgba(237, 28, 36, 0.2);
  outline: none;
}

/* Monospace code base */
code,
pre {
  font-family: "SF Mono", "Fira Code", ui-monospace, monospace;
}