/* components/richtext.css — текст з Trix (адмінка Unfold) */
.richtext {
  max-width: 60ch;
  color: var(--color-text-muted);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  font-size: var(--font-size-base);
  line-height: var(--line-height-body);
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.richtext strong,
.richtext b {
  font-weight: 600;
  color: var(--color-text);
}

.richtext em,
.richtext i {
  font-style: italic;
}

.richtext u {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.richtext s,
.richtext del {
  text-decoration: line-through;
}

.richtext ul,
.richtext ol {
  padding-left: var(--space-lg);
}

.richtext ul { list-style: disc; }
.richtext ol { list-style: decimal; }

.richtext li + li {
  margin-top: var(--space-xs);
}

.richtext a {
  color: var(--color-text);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4 {
  color: var(--color-text);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-heading);
}

.richtext blockquote {
  border-left: 2px solid var(--color-border);
  padding-left: var(--space-md);
}

@media (max-width: 767px) {
  .richtext {
    max-width: none;
  }
}