@import "tailwindcss";

html {
  font-size: 0.9em;
  font: -apple-system-body;
}

.field_with_errors {
  background-color: oklch(97.1% 0.013 17.38);
}

.trix-content a {
  text-decoration: underline;
  font-weight: bold;
  text-align: left;
}

.trix-content ol li {
  list-style: decimal none outside;
}

.trix-content ul li {
  list-style: square none outside;
}

.trix-content h1 {
  font-size: 1.4rem;
  font-weight: bold;
}

.trix-content h2 {
  font-size: 1.3rem;
  font-weight: bold;
}

.trix-content h3 {
  font-size: 1.2rem;
  font-weight: bold;
}

table.form-element-editor {
  trix-toolbar {
    display: none;
  }

  trix-editor {
    margin-top: 0.5rem;
    border: none;
  }
}

sl-drawer::part(base) {
  z-index: 10;
}

.markdown {
  padding-left: 3em;
}

.markdown blockquote {
  font-style: italic;
}

.markdown a {
  text-decoration: underline;
  font-weight: bold;
  text-align: left;
  border-left: 4px solid #ddd;
}

.markdown ol li {
  list-style: decimal none outside;
  margin-left: 1em;
}

.markdown ul li {
  list-style: square none outside;
  margin-left: 1em;
}

.markdown h1 {
  font-size: 1.1rem;
  font-weight: bold;
}

.markdown h2 {
  font-size: 1rem;
  font-weight: bold;
}

.markdown h3 {
  font-size: 0.9rem;
  font-weight: bold;
}