.blog-comments {
  box-sizing: border-box;
  width: min(52rem, calc(100% - 32px));
  margin: 3rem auto;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--panel);
  color: var(--ink);
  text-align: left;
}
.blog-comments h2 { margin: 0 0 .75rem; font-size: 1.5rem; line-height: 1.3; color: var(--ink); }
.blog-comments p { margin: 0 0 1.5rem; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.blog-comments a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.blog-comments .giscus { min-height: 150px; }
.blog-comments .comments-fallback { margin: 1rem 0 0; font-size: .875rem; }
@media print { .blog-comments { display: none; } }