/* Article show page */
.article-hero {
  border-radius: 14px;
  padding: 24px 20px;
  background: var(--wb-color-surface);
  border: 1px solid var(--wb-color-border-strong);
  color: var(--wb-color-text);
}

.article-content {
  line-height: 1.7;
  white-space: pre-wrap;
  padding: 1.25rem 1.5rem;
  border-radius: var(--wb-radius-sm, 12px);
  background: var(--wb-color-surface);
  color: var(--wb-color-text);
  border: 1px solid var(--wb-color-border);
}

.meta-chip {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  margin-right: 0.5rem;
  margin-bottom: 0.25rem;
  background: var(--wb-color-surface-muted);
  border: 1px solid var(--wb-color-border);
  color: var(--wb-color-text-muted);
}