.blog-comments{width:min(760px,calc(100% - 48px));margin:0 auto 90px;border-top:1px solid #34372f;padding-top:40px;color:#d1d0c4;font:17px/1.65 Georgia,serif}
.blog-comments h2{font:normal clamp(32px,5vw,46px)/1.15 Georgia,serif;letter-spacing:-.04em;color:#f1efe5;margin:0 0 16px}
.blog-comments .comments-note{font-size:15px;color:#aeb0a6;margin-bottom:24px}
.blog-comments form{display:grid;gap:10px;margin:30px 0}
.blog-comments label{font:13px/1.5 monospace;color:#d1d0c4}
.blog-comments input,.blog-comments textarea{box-sizing:border-box;width:100%;border:1px solid #606452;border-radius:0;background:#11130f;color:#f1efe5;padding:12px;font:16px/1.5 Georgia,serif}
.blog-comments textarea{resize:vertical;min-height:140px}
.blog-comments button{justify-self:start;cursor:pointer;border:1px solid #d8dd9c;background:#d8dd9c;color:#10110d;padding:12px 20px;font:14px/1.5 monospace}
.blog-comments button:hover{background:#ebefbb}.blog-comments button:disabled{opacity:.6;cursor:wait}
.blog-comments :focus-visible{outline:2px solid #d8dd9c;outline-offset:4px}
.blog-comments [data-comment-status]{min-height:1.6em;font-size:15px}
.blog-comments ol{list-style:none;margin:25px 0;padding:0}
.blog-comments li{padding:24px 0;border-top:1px solid #34372f;overflow-wrap:anywhere}
.blog-comments li strong{color:#f1efe5;font:600 17px/1.5 Georgia,serif}
.blog-comments time{display:block;font:12px/1.5 monospace;color:#aeb0a6;margin-top:5px}
.blog-comments li p{white-space:pre-wrap;margin:15px 0 0}
.blog-comments .comment-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.blog-comments [hidden]{display:none}