/* AuteurComments — the thread under an article, and the moderation list in the admin area.
   A plain look built from the theme's colours where it has them; a theme can restyle .comments. */

.comments { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line, rgba(128, 128, 128, .3)); }
.comments-title { margin: 0 0 1rem; }
.comments-flash { margin: 0 0 1.25rem; padding: .6rem .9rem; border-radius: .35rem; background: color-mix(in srgb, currentColor 8%, transparent); }
.comments-empty, .comments-closed { color: var(--muted, inherit); }

.comment-list { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; gap: 1.25rem; }
.comment-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .75rem; margin: 0 0 .25rem; }
.comment-author { font-weight: 600; }
.comment-date { color: var(--muted, inherit); font-size: .85rem; }
.comment-body p { margin: 0; }

.comment-form { display: grid; gap: 1rem; max-width: 36rem; }
.comment-form .field { display: grid; gap: .25rem; }
.comment-form input, .comment-form textarea { width: 100%; padding: .5rem .6rem; }
.comment-form button { justify-self: start; }
.comment-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }