/* Use smaller buttons on narrower screens to avoid blowing out the container */
@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 1.5em;
    max-width: calc(0.8em + 2vw); /* Magic numbers modified from Trix defaults */
  }
}

/* Overrides to resolve conflicts between tailwindui's CSS reset and what Trix needs to look ok */
trix-editor a {
  text-decoration: underline;
}
trix-editor ul {
  list-style-type: disc;
  margin-left: 1rem;
}
trix-editor ol {
  list-style-type: decimal;
  margin-left: 1rem;
}