/* Small hand-written overrides layered on top of Tailwind utility classes. */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
}

::selection {
  background-color: var(--tw-color-accent, #ff5205);
  color: #fff;
}

/* Prevent horizontal overflow on mobile from long font preview text */
#fp-preview-area, .wt-sample, .cf-preview {
  word-break: break-word;
}

input[type="range"] {
  height: 4px;
}

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

.prose img {
  border-radius: 0.75rem;
}

.prose pre {
  border-radius: 0.75rem;
}

@media (max-width: 400px) {
  #fp-preview-area {
    font-size: 32px !important;
  }
}