/* Channel community: threads and nested comments. */

.thread-list { border-top: 1px solid var(--border); }
.thread-row { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--border); }
.thread-row.is-pinned { background: linear-gradient(to right, rgba(255, 255, 255, .025), transparent); }
.thread-row > .vote { flex-direction: column; min-width: 30px; gap: 0; }
.thread-row__thumb { flex: none; width: 120px; aspect-ratio: 16 / 9; border-radius: var(--radius-sm); overflow: hidden; background: var(--surface); }
.thread-row__thumb img { width: 100%; height: 100%; object-fit: cover; }
.thread-row__body { flex: 1; min-width: 0; }
.thread-row__title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-weight: 600; font-size: 15px; line-height: 1.35; }
.thread-row__meta { font-size: 12px; color: var(--muted); margin-top: 4px; }
.thread-row__meta a:hover { color: var(--text); }
@media (max-width: 600px) { .thread-row__thumb { width: 84px; } }

.community-bar { border-bottom: 1px solid var(--border); padding: 10px 0; background: var(--bg-raised); }
.community-bar__channel { font-weight: 600; font-size: 14px; }

.thread-head { display: flex; gap: 14px; align-items: flex-start; margin-top: 20px; }
.thread-head > .vote { flex-direction: column; gap: 0; padding-top: 6px; }
.thread-title { font-family: var(--font-serif); font-weight: 600; font-size: clamp(24px, 3vw, 34px); margin: 6px 0; }
.thread-body { font-size: 18px; line-height: 1.65; margin-top: 16px; }
.thread-body p { margin: 0 0 .8em; }
.thread-tools { margin-top: 14px; }

.comment-form { gap: 8px; margin-bottom: 20px; }
.comments { margin-top: 8px; }
.comment { padding: 12px 0 0; }
.comment__head { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; font-size: 13px; }
.comment__author { gap: 8px; font-weight: 600; flex-wrap: nowrap; }
.comment__body { font-size: 15px; line-height: 1.6; margin: 6px 0 0 30px; color: var(--text); overflow-wrap: anywhere; }
.comment__body p { margin: 0 0 .5em; }
.comment__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-left: 26px; font-size: 13px; }
.comment__reply { width: 100%; order: 10; }
.comment__reply[open] > summary { color: var(--text); }
.comment__reply > summary { display: inline; list-style: none; }
.comment__reply > summary::-webkit-details-marker { display: none; }
.comment__reply .comment-form { margin: 10px 0 6px; }
.comment__foot > .comment__reply:not([open]) { width: auto; order: 0; }
.comment__children { margin-left: 10px; padding-left: 18px; border-left: 1px solid var(--border); }

.rules p { margin: 0 0 .4em; }
.mod-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }