/* Minimal global styles for rich-text content areas.
   Served as /index.css (referenced by index.html). */

.rt-content:empty::before {
  content: attr(data-placeholder);
  color: rgba(148, 163, 184, 1); /* slate-400-ish */
}

.rt-content p {
  margin: 0 0 0.5rem 0;
}

.rt-content h1 {
  font-size: 1.25rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
}

.rt-content h2 {
  font-size: 1.1rem;
  font-weight: 800;
  margin: 0 0 0.5rem 0;
}

.rt-content ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0.25rem 0 0.5rem 0;
}

.rt-content ol {
  list-style: decimal;
  padding-left: 1.25rem;
  margin: 0.25rem 0 0.5rem 0;
}

.rt-content li {
  margin: 0.15rem 0;
}

.rt-content img {
  max-width: 100%;
  height: auto;
}