/* Board styles are delivered separately from the shared site stylesheet. */
.board-form{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:24px 0;padding:24px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.7);border-radius:6px}
.board-form label{display:block;margin:0 0 22px;font-weight:bold}
.board-form input,.board-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin-top:8px;padding:12px;font:inherit;color:#333;background:#fff;border:1px solid #817569;border-radius:4px}
.board-form input{max-width:440px}.board-form textarea{min-height:320px;resize:vertical;line-height:1.7}
.board-form .board-trap{display:none!important}.board-form button,.board-reply-link{display:inline-block;padding:10px 18px;border:1px solid #766555;border-radius:4px;background:#fff9f1;color:#4d4137;font:inherit;cursor:pointer;text-decoration:none}
.board-body{white-space:pre-wrap;overflow-wrap:anywhere}.board-post{padding:24px 0;border-top:1px solid #eee;overflow-wrap:anywhere}.board-followup{margin-left:24px;padding-left:20px;border-left:3px solid #a28b75}.board-reply{margin:20px 0;padding:20px;background:rgba(255,255,255,.25)}
.board-small{font-size:.85em}.board-notice{padding:18px;border:1px solid #b5a795;background:#eee4d8;color:#403830}.board-pager{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.board-choices ul{padding-left:24px}.board-choices a{text-decoration:none}#write{scroll-margin-top:20px}
.board-form :focus-visible,.board-reply-link:focus-visible{outline:3px solid #675346;outline-offset:3px}
@media(max-width:600px){.board-form{padding:14px}.board-form textarea{min-height:300px}.board-followup{margin-left:8px;padding-left:12px}.board-reply{padding:12px}}

/* Compact spacing for public posts and replies. */
main > article.board-post{margin-top:16px;margin-bottom:0;padding-top:16px;padding-bottom:16px}
.board-post h3{margin:0 0 4px;line-height:1.5}
.board-post > p{margin-bottom:10px}
.board-post .board-small{line-height:1.5;margin-bottom:8px}
.board-post .board-body{line-height:1.55;margin-bottom:12px}
.board-post .board-reply{margin-top:12px;margin-bottom:0;padding:12px 16px}
.board-reply h4{margin:0 0 8px;line-height:1.5}
.board-post .board-reply-link{font-size:.85em;line-height:1.4;padding:5px 10px;min-height:28px;border-radius:3px}
.board-post > p:last-child{margin-bottom:0}

/* Identify each reply's actual parent without increasing indentation. */
.board-post-number{font-size:.85em;font-weight:normal;margin-right:6px;color:#665444}
.board-reply-context{margin:0 0 12px;padding:10px 12px;background:rgba(255,255,255,.28);border-left:3px solid #99816c;font-size:.9em;line-height:1.5;overflow-wrap:anywhere}
.board-reply-context a{font-weight:bold;text-underline-offset:3px}
.board-reply-context blockquote{margin:5px 0 0;padding:0;border:0;color:#554b43;font-size:inherit}
.board-post:target,.board-reply:target{outline:2px solid #88705b;outline-offset:3px;background-color:rgba(255,255,255,.2)}
.board-post,.board-reply{scroll-margin-top:20px}

/* Threaded conversations with actions below each message. */
.comment-threads,.comment-children{list-style:none;padding:0;margin:0}
.comment-threads{margin:16px 0 24px}
.comment-node{min-width:0;position:relative;scroll-margin-top:24px;margin:0 0 16px}
.comment-threads>.comment-node{margin-bottom:28px}
.comment-bubble{padding:12px 16px;background:rgba(255,255,255,.3);border-radius:16px;overflow-wrap:anywhere}
.comment-bubble .comment-name{font-weight:bold;line-height:1.4;margin:0 0 5px}
.comment-bubble .comment-text{white-space:pre-wrap;line-height:1.55;margin:0}
.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:5px 0 12px;padding:0 12px;font-size:.82em;line-height:1.5;color:#574c42}
.comment-meta a{font-weight:bold;text-decoration:none;padding:3px 0;background:none;border:0}
.comment-meta a:hover{text-decoration:underline}
.comment-children{margin-left:18px;padding-left:18px;border-left:2px solid #a5907b}
.comment-children>.comment-node::before{content:"";position:absolute;left:-18px;top:20px;width:14px;border-top:2px solid #a5907b}
.comment-children .comment-children .comment-children{margin-left:6px;padding-left:10px}
.comment-children .comment-children .comment-children>.comment-node::before{left:-10px;width:8px}
.comment-children .comment-children .comment-children .comment-children{margin-left:0;padding-left:0;border-left:0}
.comment-children .comment-children .comment-children .comment-children>.comment-node::before{display:none}
.comment-node:target>.comment-bubble{outline:2px solid #88705b;outline-offset:2px}
@media(max-width:600px){.comment-bubble{padding:10px 12px;border-radius:12px}.comment-children{margin-left:8px;padding-left:12px}.comment-children>.comment-node::before{left:-12px;width:9px}.comment-meta{gap:4px 12px;padding:0 6px}}
