/* section-card — auto-split from content-blocks.css */

/* ── Section Card
   Usage: <div class="section-card section-card--navy"><span class="section-card-label">Label</span>...</div>
── */

.article-body .section-card {
  border: 1px solid var(--color-neutral-200);
  border-radius: 8px;
  padding: 1.5rem;
  background: #fff;
  margin-bottom: 1.5rem;
}

.article-body .section-card-label {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-neutral-400);
  margin: 0 0 1rem;
  display: block;
}

.article-body .section-card--navy {
  background: var(--color-primary-50);
  border: none;
}

.article-body .section-card--navy .section-card-label {
  color: #5e72a8;
}

.article-body .section-card--green {
  background: #f2fce0;
  border: none;
}

.article-body .section-card--green .section-card-label {
  color: #52a80c;
}

.article-body .section-card--accent {
  background: #fce6ed;
  border: none;
}

.article-body .section-card--accent .section-card-label {
  color: var(--color-accent);
}

.article-body .section-card--orange {
  background: #fff7ed;
  border: none;
}

.article-body .section-card--orange .section-card-label {
  color: #e8843c;
}

.article-body .section-card--neutral,
.article-body .section-card--slate {
  background: var(--color-neutral-50);
  border: none;
}

.article-body .section-card--neutral .section-card-label,
.article-body .section-card--slate .section-card-label {
  color: var(--color-neutral-400);
}