/* blog.css — additive blog chrome layered on tool-shell.css (design v3).
   LAW: this file consumes tokens ONLY — zero color/duration literals anywhere
   (lint_blog.py enforces this, stricter than tool-shell.css's @tokens block).
   Any edit here rides ?v=SHELL_VERSION — bumping that forces the paired
   fleet restamp via the build_tools/build_blog drift gates. */

.post-meta {
  display: flex;
  gap: 0.6em;
  align-items: baseline;
  color: var(--text-muted);
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
  margin-top: 0.4rem;
}

.post-hero img {
  width: 100%;
  height: auto;
  border: 1px solid var(--border);
  border-radius: 12px;
}

/* Blog index rows reuse .tool-row; the date sits in the .tr-tag slot and
   needs tabular digits so columns of dates align. */
.post-rows .tr-tag {
  font-variant-numeric: tabular-nums;
  color: var(--text-muted);
}