/* Blog-specific tweaks. All the heavy lifting is inherited from docs.css so
   post typography, callouts, code blocks, sidebar, and TOC all match /docs
   exactly. Only additions here are for the /blog index's post cards and for
   letting the sidebar wrap long post titles (docs sidebar links are short). */

.docs .sidebar .nav-group a {
  white-space: normal;
  line-height: 1.35;
}

/* .content scope needed to outrank the docs prose list indent, which otherwise
   pushes the cards off the heading's left edge. */
.docs .content .blog-list { list-style: none; padding: 0; margin: var(--space-16) 0 0; max-width: 720px; }
.docs .blog-list > li { margin: 12px 0; }

.docs .blog-card {
  display: block;
  border: 1px solid var(--divider);
  border-radius: var(--radius-lg);
  padding: 18px 20px;
  background: rgba(26, 26, 26, 0.5);
  transition: border-color 0.15s, background 0.15s;
}
.docs .blog-card:hover { border-color: var(--primary); }
.docs .blog-card-date {
  font-size: var(--fs-12);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--placeholder);
  margin-bottom: 6px;
}
.docs .blog-card-title {
  font-size: var(--fs-18);
  font-weight: var(--fw-semibold);
  color: var(--light);
  line-height: 1.35;
}
.docs .blog-card-excerpt {
  font-size: var(--fs-14);
  color: var(--sub);
  line-height: 1.55;
  margin-top: 8px;
}