.orthant-comments { margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--orthant-line); }
.content .orthant-comments .orthant-comments-title {
  margin: 0 0 10px; padding: 0; border: 0; font-family: var(--font-sans); font-size: 19px; font-weight: 600;
}
.content .orthant-comments-description, .content .orthant-comments-status {
  margin: 0 0 20px; color: var(--orthant-muted); font-size: 13px; line-height: 1.8;
}
.content .orthant-comments-description a { color: var(--orthant-accent); text-underline-offset: 3px; }
.content .orthant-comments-status { margin: 20px 0 12px; }
.orthant-comments-auth { display: flex; align-items: center; gap: 10px 16px; flex-wrap: wrap; margin: 16px 0; }
.content .orthant-comments-auth-status { flex: 1 1 240px; margin: 0; color: var(--orthant-muted); font-size: 13px; line-height: 1.8; }
.orthant-comments .giscus { margin-top: 20px; }
.orthant-comments .giscus-frame { width: 100%; border: 0; color-scheme: light; }
.dark .orthant-comments .giscus-frame { color-scheme: dark; }
.orthant-comments-retry {
  padding: 7px 12px; border: 1px solid var(--orthant-line); border-radius: 6px; background: var(--orthant-soft);
  color: var(--orthant-accent); font: inherit; font-size: 13px; cursor: pointer;
}
.orthant-comments-retry:hover {
  border-color: var(--orthant-accent); background: var(--orthant-hover);
}
.orthant-is-editing .orthant-comments, .orthant-comments [hidden] { display: none !important; }
@media (max-width: 640px) { .orthant-comments { margin-top: 36px; padding-top: 24px; } }