/* Article metadata sidebar — auto-loaded for the article-meta snippet (site/snippets/article-meta.php) */

.article-meta {
  padding: var(--space-s);
  border-right: var(--border);
  font-size: var(--fs-meta);
}

.article-meta__back {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding-bottom: var(--space-s);
}
.article-meta__back .icon { width: 1.1em; height: 1.1em; }

.article-meta__table { margin: 0; }
.article-meta__row {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  gap: var(--space-xs);
  padding: var(--space-2xs) 0;
  border-top: var(--border);
}
.article-meta__row dt { text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-muted); }
.article-meta__row dd { margin: 0; }

.article-meta__tags { display: flex; flex-wrap: wrap; gap: var(--space-3xs); }
/* .tag styles live in assets/css/tag.snippet.css */

.article-meta__copy { display: inline-flex; align-items: center; gap: var(--space-2xs); }
.article-meta__copy .icon { width: 1.1em; height: 1.1em; }

.article-meta__toc { margin-top: var(--space-l); }
.article-meta__toc-title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-muted);
  margin-bottom: var(--space-2xs);
}
.article-meta__toc ol { display: flex; flex-direction: column; gap: var(--space-3xs); }

@media (max-width: 60rem) {
  .article-meta { border-right: 0; border-bottom: var(--border); }
}