/* marks — auto-split from content-blocks.css */

/* ── Mark List
   Usage: <ul class="mark-list mark-list--arrow"><li>Item</li></ul>
   Variants: --dash, --tick, --arrow, --warn, --error
── */

.article-body .mark-list {
  --ml-color: var(--color-primary);
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}

.article-body .mark-list li {
  padding: 0.625rem 0 0.625rem 1.875rem;
  border-bottom: 1px solid var(--color-neutral-200);
  position: relative;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.article-body .mark-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.article-body .mark-list li::before {
  position: absolute;
  left: 0;
  top: 0.625rem;
  color: var(--ml-color);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
}

.article-body .mark-list li strong {
  display: block;
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

.article-body .mark-list li p {
  margin: 0.2rem 0 0;
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.5;
}

.article-body .mark-list--dash {
  --ml-color: var(--color-neutral-400);
}

.article-body .mark-list--dash li::before {
  content: '—';
  font-weight: 400;
}

.article-body .mark-list--tick {
  --ml-color: #52a80c;
}

.article-body .mark-list--tick li::before {
  content: '✓';
}

.article-body .mark-list--arrow {
  --ml-color: var(--color-accent);
}

.article-body .mark-list--arrow li::before {
  content: '→';
}

.article-body .mark-list--warn {
  --ml-color: #d97706;
}

.article-body .mark-list--warn li::before {
  content: '⚠';
  font-size: 0.875rem;
  font-weight: 400;
  top: 0.675rem;
}

.article-body .mark-list--error {
  --ml-color: var(--color-accent);
}

.article-body .mark-list--error li::before {
  content: '✕';
  font-size: 0.8125rem;
  top: 0.675rem;
}

.article-body .mark-list--navy {
  --ml-color: var(--color-primary);
}

.article-body .mark-list--accent {
  --ml-color: var(--color-accent);
}