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

/* --------------------------------
// Section Separators
// Usage: <hr class="section-separator" />
//        <div class="section-separator-dots"></div>
//        <hr class="section-separator-accent" />
-------------------------------- */

.article-body .section-separator {
  margin: 3rem 0;
  border: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    var(--color-neutral-200) 20%,
    var(--color-neutral-200) 80%,
    transparent
  );
}

.article-body .section-separator-dots {
  text-align: center;
  margin: 3rem 0;
  color: var(--color-neutral-300);
  font-size: 1.5em;
  letter-spacing: 0.5em;
}

.article-body .section-separator-dots::before {
  content: "• • •";
}

.article-body .section-separator-accent {
  margin: 3rem auto;
  width: 80px;
  height: 3px;
  background-color: var(--color-primary);
  border: 0;
}