.blog-detail-page .comment-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.blog-detail-page .comment-action { display:inline-flex; align-items:center; min-height:44px; padding:.4rem .65rem; border:0; border-radius:8px; background:transparent; color:#69442d; font:inherit; font-size:.9rem; cursor:pointer; }
.blog-detail-page .comment-action:hover, .blog-detail-page .comment-action:focus-visible { background:rgba(255,255,255,.45); }
.blog-detail-page .comment-action:focus-visible { outline:2px solid #69442d; outline-offset:2px; }
.blog-detail-page .comment-action.is-liked { font-weight:700; text-decoration:underline; }
.blog-detail-page .comment-replies { display:grid; gap:.65rem; margin-top:.7rem; padding-left:1rem; border-left:2px solid rgba(105,68,45,.3); }
.blog-detail-page .article-comment-reply { box-shadow:none; backdrop-filter:none; }
.blog-detail-page .comment-reply-box summary { width:fit-content; }
.blog-detail-page .comment-reply-box[open] { margin-bottom:.65rem; }
.blog-detail-page [data-comment-error]:empty { display:none; }
@media(max-width:480px) { .blog-detail-page .comment-replies { padding-left:.5rem; } }