.live-thread {
    color: #201d19;
    background: #f5f0e8;
    border-top: 3px solid #b54817;
    padding: clamp(12px, 4vw, 28px);
    margin: 20px 0;
}
.live-thread [hidden] { display: none !important; }
.live-thread h2 { color: inherit; margin: 0 0 8px; font-size: 1.55rem; }
.thread-dot { display: inline-block; width: .65em; height: .65em; border-radius: 50%; background: #b54817; }
.thread-count, .thread-reply small, .thread-reply time { color: #554c45; font-size: .85rem; }
.thread-stream { max-height: 27rem; overflow: auto; overflow-anchor: none; border-block: 1px solid #b9afa2; }
.thread-reply { padding: 12px 0; border-color: #d6cbbd; }
.thread-reply p { margin: 4px 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.thread-empty { padding: 0 8px; }
.live-thread a, .thread-reply-button, .thread-context button { color: #873411; }
.thread-reply-button, .thread-context button { padding: 0; border: 0; background: none; text-decoration: underline; cursor: pointer; }
.thread-composer { margin-top: 14px; }
.thread-composer textarea { display: block; width: 100%; box-sizing: border-box; min-height: 64px; color: #201d19; background: #fffaf3; border: 1px solid #82756a; margin: 4px 0 8px; }
.thread-send, .thread-new { background: #a83e13; color: white; border: 0; padding: 7px 14px; cursor: pointer; }
.thread-status:empty, .thread-older:empty { display: none; }