/* Mawqif article body — shared by TinyMCE and published articles. */

.article-content {
  font-family: var(--font-sans, 'Plus Jakarta Sans', Arial, Helvetica, sans-serif);
  font-size: 1rem;
  line-height: 1.65;
  color: inherit;
  max-width: 100%;
  overflow-x: hidden;
}

.article-content p,
.article-content li,
.article-content td,
.article-content th {
  font-family: var(--font-sans, 'Plus Jakarta Sans', Arial, Helvetica, sans-serif);
  font-size: 1rem;
  line-height: 1.65;
}

.article-content p {
  margin: 0 0 1em;
}

.article-content h2 {
  font-family: var(--font-sans, 'Plus Jakarta Sans', Arial, Helvetica, sans-serif);
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 700;
  margin: 1.4em 0 0.6em;
}

.article-content h3 {
  font-family: var(--font-sans, 'Plus Jakarta Sans', Arial, Helvetica, sans-serif);
  font-size: 1.125rem;
  line-height: 1.35;
  font-weight: 700;
  margin: 1.2em 0 0.5em;
}

.article-content figcaption,
.article-content .photo-credit,
.article-content .mce-preview-object + p,
figure.image figcaption,
.article-content figure figcaption {
  font-family: var(--font-sans, 'Plus Jakarta Sans', Arial, Helvetica, sans-serif);
  font-size: 10px;
  line-height: 1.2;
  opacity: 0.85;
}

.article-content img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 14px auto;
}

.article-content figure {
  max-width: 100%;
  margin: 14px 0;
}

.article-content blockquote {
  margin: 1em 0;
  padding-left: 1em;
  border-left: 3px solid #055296;
}

.article-content a {
  color: #055296;
}

.article-content .editor-comment {
  background-color: #fffae6;
  border-bottom: 1px dotted #d99;
}

.article-content.hide-comments .editor-comment,
.hide-comments .article-content .editor-comment {
  background: inherit !important;
  border: none !important;
}

/* Ephemeral collaborator markers — never published */
.mawqif-collab-block {
  position: relative;
}

.mawqif-collab-caret {
  border-left: 2px solid currentColor;
  margin: 0 2px;
  padding: 0;
  pointer-events: none;
}

.mawqif-collab-label {
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1;
  padding: 2px 6px;
  border-radius: 999px;
  color: #fff;
  margin: 0 4px 4px 0;
  vertical-align: middle;
  pointer-events: none;
}

.mawqif-collab-blue { color: #2563eb; background: #2563eb; }
.mawqif-collab-green { color: #059669; background: #059669; }
.mawqif-collab-purple { color: #7c3aed; background: #7c3aed; }
.mawqif-collab-orange { color: #ea580c; background: #ea580c; }
.mawqif-collab-label.mawqif-collab-blue,
.mawqif-collab-label.mawqif-collab-green,
.mawqif-collab-label.mawqif-collab-purple,
.mawqif-collab-label.mawqif-collab-orange {
  color: #fff;
}