/* Shared comments: list, nested reply, authoring, guest and permission states. */
.bg-comments{margin-top:var(--bg-space-8);padding-top:var(--bg-space-8);border-top:1px solid var(--bg-border);color:var(--bg-text);font:var(--bg-type-body)/var(--bg-leading-body) var(--bg-font);min-width:0}
.bg-comments .bg-comments-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--bg-space-4);margin-bottom:var(--bg-space-4)}
.bg-comments .bg-comments-heading h2{font-size:20px;line-height:var(--bg-leading-heading);margin:0;display:flex;gap:var(--bg-space-2);align-items:baseline}
.bg-comments-count{font-size:var(--bg-type-body);font-weight:var(--bg-weight-medium);color:var(--bg-secondary)}
.bg-comments .bg-comment-toggle,.bg-comments .bg-comment-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--bg-control-md);padding:var(--bg-space-2) var(--bg-space-3);border:0;border-radius:var(--bg-radius-control);background:transparent;color:var(--bg-secondary);font:inherit;font-size:var(--bg-type-small);text-decoration:none;cursor:pointer;gap:var(--bg-space-2)}
.bg-comments .bg-comment-toggle:hover,.bg-comments .bg-comment-actions a:hover{background:var(--bg-surface-support);color:var(--bg-text)}
.bg-comments .bg-comment-toggle[aria-expanded=false] i{transform:rotate(180deg)}
.bg-comments #bo_vc{margin:0;padding:0;border:0}
.bg-comments #bo_vc article{display:grid;grid-template-columns:var(--bg-control-sm) minmax(0,1fr);gap:var(--bg-space-3);padding:var(--bg-space-6) 0;border:0;border-bottom:1px solid var(--bg-border);margin:0;scroll-margin-top:120px}
.bg-comments #bo_vc article.is-reply{margin-left:var(--bg-space-8)}
.bg-comments .bg-comment-avatar{width:var(--bg-control-sm);height:var(--bg-control-sm);border-radius:var(--bg-radius-circle);overflow:hidden;background:var(--bg-surface-support)}
.bg-comments .bg-comment-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.bg-comments .bg-comment-main{min-width:0}
.bg-comments .bg-comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--bg-space-2) var(--bg-space-3);font-size:var(--bg-type-small);line-height:1.5;margin:0 0 var(--bg-space-2)}
.bg-comments .bg-comment-author{font-size:var(--bg-type-body);font-weight:var(--bg-weight-strong);overflow-wrap:anywhere}
.bg-comments .bg-comment-meta time,.bg-comments .bg-comment-ip{color:var(--bg-secondary)}
.bg-comments .bg-comment-tag{display:inline-flex;align-items:center;gap:var(--bg-space-1);padding:var(--bg-space-1) var(--bg-space-2);border:1px solid var(--bg-border);border-radius:var(--bg-radius-detail);font-size:var(--bg-type-caption);font-weight:var(--bg-weight-medium)}
.bg-comments .bg-comment-content{overflow-wrap:anywhere;word-break:normal;line-height:var(--bg-leading-body)}
.bg-comments .bg-comment-content p{margin:0}
.bg-comments .bg-comment-content img{max-width:100%;height:auto}
.bg-comments .bg-comment-content a{text-decoration:underline;text-underline-offset:3px}
.bg-comments .bg-comment-actions{display:flex;flex-wrap:wrap;gap:var(--bg-space-1);margin:var(--bg-space-2) 0 0;padding:0;list-style:none}
.bg-comments .bg-comment-actions li{margin:0;padding:0}
.bg-comments .bg-comment-actions a{padding-inline:var(--bg-space-2)}
.bg-comments #bo_vc_empty,.bg-comments .bg-comment-notice{padding:var(--bg-space-6);margin:0;background:var(--bg-surface-support);border:1px solid var(--bg-border);border-radius:var(--bg-radius-surface);color:var(--bg-secondary)}
.bg-comments #bo_vc_w{margin:var(--bg-space-6) 0 0;padding:0}
.bg-comments .bg-comment-form{margin:0;padding:var(--bg-space-6);border:1px solid var(--bg-border);border-radius:var(--bg-radius-surface);background:var(--bg-surface-support);min-width:0}
.bg-comments .bg-comment-slot{grid-column:2/-1}
.bg-comments .bg-comment-slot:not(:empty){margin-top:var(--bg-space-4)}
.bg-comments .bg-comment-form h3{font-size:var(--bg-type-body);line-height:var(--bg-leading-heading);margin:0 0 var(--bg-space-4);font-weight:var(--bg-weight-strong)}
.bg-comments .bg-comment-label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--bg-space-2);margin-bottom:var(--bg-space-2);font-weight:var(--bg-weight-medium);font-size:var(--bg-type-small)}
.bg-comments .bg-comment-label label{white-space:nowrap}
.bg-comments .bg-comment-label #char_cnt{margin-left:auto;font-weight:400;color:var(--bg-secondary)}
.bg-comments #fviewcomment textarea,.bg-comments .bg-comment-form textarea{display:block;width:100%;min-height:144px;box-sizing:border-box;margin:0;padding:var(--bg-space-4);border:1px solid var(--bg-input);border-radius:var(--bg-radius-control);background:var(--bg-paper);background-image:none!important;color:var(--bg-text);font:inherit;resize:vertical}
.bg-comments .bg-comment-hint{font-size:var(--bg-type-small);color:var(--bg-secondary);margin:var(--bg-space-2) 0 0;overflow-wrap:anywhere}
.bg-comments .bg-comment-guest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bg-space-4);margin-top:var(--bg-space-4)}
.bg-comments .bg-comment-guest label{display:block;margin-bottom:var(--bg-space-2);font-size:var(--bg-type-small);font-weight:var(--bg-weight-medium)}
.bg-comments .bg-comment-guest input{box-sizing:border-box;width:100%;min-width:0;height:var(--bg-control-md);padding:var(--bg-space-3);border:1px solid var(--bg-input);border-radius:var(--bg-radius-control);background:var(--bg-paper);background-image:none!important;font:inherit;color:var(--bg-text)}
.bg-comments .bg-comment-captcha{margin-top:var(--bg-space-4);max-width:100%}
.bg-comments .bg-comment-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--bg-space-3);margin-top:var(--bg-space-4)}
.bg-comments .bg-comment-secret{display:inline-flex;gap:var(--bg-space-2);align-items:center;min-height:var(--bg-control-md);font-size:var(--bg-type-small)}
.bg-comments .bg-comment-secret input{appearance:auto;position:static;opacity:1;width:20px;height:20px;margin:0;accent-color:var(--bg-ink)}
.bg-comments .bg-comment-buttons{display:flex;flex-wrap:wrap;gap:var(--bg-space-3);margin-left:auto}
.bg-comments .button{min-height:var(--bg-control-md);font-size:var(--bg-type-small)}
.bg-comments :is(button,a,input,textarea):focus-visible{outline:3px solid var(--bg-focus);outline-offset:3px}
.bg-comments .button:disabled{opacity:.5;cursor:wait}
.bg-comments [hidden]{display:none!important}
.bg-comments .bg-comment-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--bg-space-4);flex-wrap:wrap;margin-top:var(--bg-space-6)}
.bg-comments .bg-comment-notice p{margin:0}
@media(max-width:767px){
 .bg-comments{margin-top:var(--bg-space-6);padding-top:var(--bg-space-6)}
 .bg-comments #bo_vc article{grid-template-columns:var(--bg-space-8) minmax(0,1fr);padding-block:var(--bg-space-5)}
 .bg-comments .bg-comment-avatar{width:var(--bg-space-8);height:var(--bg-space-8)}
 .bg-comments #bo_vc article.is-reply{margin-left:var(--bg-space-4)}
 .bg-comments .bg-comment-form{padding:var(--bg-space-4)}
 .bg-comments .bg-comment-slot{grid-column:1/-1}
 .bg-comments .bg-comment-guest{grid-template-columns:minmax(0,1fr)}
 .bg-comments .bg-comment-meta time{flex-basis:100%}
 .bg-comments .bg-comment-buttons{max-width:100%}
}

.bg-comments .bg-comment-time{display:flex;align-items:center;flex-wrap:wrap;gap:var(--bg-space-2) var(--bg-space-3)}
.bg-comments .bg-comment-meta .bg-comment-time time{flex-basis:auto}
.bg-comments #captcha{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bg-space-2);min-width:0;max-width:100%;border:0;padding:0;margin:0}
.bg-comments #captcha legend{position:static;width:100%;height:auto;overflow:visible;text-indent:0;font-size:var(--bg-type-small);line-height:var(--bg-leading-body);font-weight:var(--bg-weight-medium);margin-bottom:var(--bg-space-2)}
.bg-comments #captcha #captcha_info{flex-basis:100%;margin:0;font-size:var(--bg-type-small);line-height:var(--bg-leading-body);letter-spacing:normal;color:var(--bg-secondary)}
.bg-comments #captcha #captcha_img{max-width:100%;margin:0;border-color:var(--bg-input);border-radius:var(--bg-radius-control)}
.bg-comments #captcha #captcha_key{height:var(--bg-control-md);min-width:0;margin:0;border-color:var(--bg-input);border-radius:var(--bg-radius-control);font:inherit}
.bg-comments #captcha #captcha_mp3,.bg-comments #captcha #captcha_reload{width:var(--bg-control-md);height:var(--bg-control-md);margin:0;border:1px solid var(--bg-border);border-radius:var(--bg-radius-control);background-color:var(--bg-paper)}
.bg-comments #captcha #captcha_mp3{background-position:3px 3px}.bg-comments #captcha #captcha_reload{background-position:3px -37px}
@media(max-width:767px){.bg-comments .bg-comment-time{flex-basis:100%}}