/* Public comment layout shared by text, video and photo articles. */
.article-page .public-comments{min-width:0;scroll-margin-top:80px}
.article-page .public-comments .comment-list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;border-bottom:1px solid #cdd9e8;background:#edf4fb;margin:16px 0 0}
.article-page .public-comments .comment-list-header h2.image-section-heading{margin:0!important;flex:0 0 auto}
.article-page .public-comments .comment-statistics{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:0;padding:8px 10px;font-size:11px;line-height:1.8;color:#34506c}
.article-page .public-comments .comment-statistics>div{display:flex;gap:4px;white-space:nowrap}
.article-page .public-comments .comment-statistics dt,.article-page .public-comments .comment-statistics dd{margin:0;font-weight:400}
.article-page .public-comments .comment-thread{border:1px solid #dce4ed;border-top:0}
.article-page .public-comments .comment{padding:0;margin:0;border:0;border-bottom:1px solid #e4e9ef;background:#fff;font-size:12px;line-height:1.9;min-width:0}
.article-page .public-comments .comment:last-child{border-bottom:0}
.article-page .public-comments .comment-reply{margin:0 16px 0 0!important;border-right:3px solid #cbd9ed!important;background:#fff!important}
.article-page .public-comments .comment-meta-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:#f0f2f5;padding:6px 10px}
.article-page .public-comments .comment-identity{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;min-width:0;color:#56677b}
.article-page .public-comments .comment-identity strong{display:inline;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.article-page .public-comments .comment-identity time{font-size:10px;white-space:nowrap}
.article-page .public-comments .comment-identity .comment-country-flag{flex:0 0 20px;margin:0!important}
.article-page .public-comments .comment-controls{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}
.article-page .public-comments .comment-controls form{display:flex;direction:ltr;gap:6px;margin:0}
.article-page .public-comments .comment-controls .comment-vote{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:60px;min-height:28px;padding:3px 6px;border:1px solid #d2dae5;border-radius:4px;background:#fff;color:#075bb1;font:12px/1.4 Tahoma,sans-serif;cursor:pointer}
.article-page .public-comments .comment-vote>span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;border-radius:2px;background:#0866c4;color:#fff;font-size:16px;line-height:1}
.article-page .public-comments .comment-controls .comment-vote-dislike{color:#d51d32}
.article-page .public-comments .comment-vote-dislike>span:first-child{background:#d51d32}
.article-page .public-comments .comment-controls .comment-reply-button{min-height:28px;padding:3px 10px;border:0;background:transparent;color:#1455a2;font-size:12px;cursor:pointer}
.article-page .public-comments .comment-body{padding:10px 14px 15px;margin:0;overflow-wrap:anywhere;min-height:45px}
.article-page .public-comments .comment-parent-name{display:block;padding:6px 14px 0;font-size:10px;color:#69788a}
.article-page .public-comments .comment-form-home{margin-top:20px}
.article-page .public-comments .comment-form-home h3{font-size:15px;color:#1d324f}
.article-page .public-comments .comment-policy{font-size:11px;line-height:1.9;color:#69788a}
.article-page .public-comments .public-comment-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px 20px;padding:14px;margin:0;align-items:start;background:#fff}
.article-page .public-comments .public-comment-form>div{margin:0;min-width:0}
.article-page .public-comments .comment-contact-fields{display:grid;gap:10px;grid-column:1;grid-row:2 / span 2}
.article-page .public-comments .comment-contact-fields>div,.article-page .public-comments .comment-body-field{display:grid;grid-template-columns:65px minmax(0,1fr);align-items:start;gap:8px}
.article-page .public-comments .comment-body-field{grid-column:2;grid-row:2}
.article-page .public-comments .public-comment-form label{font-size:12px;font-weight:400;margin:0;padding-top:5px}
.article-page .public-comments .public-comment-form input:not([type=hidden]),.article-page .public-comments .public-comment-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd3de;border-radius:4px;padding:7px 9px;background:#fff;color:#26374b;font:12px/1.8 Tahoma,sans-serif}
.article-page .public-comments .public-comment-form textarea{height:90px;resize:vertical}
.article-page .public-comments .public-comment-form .comment-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;grid-column:2;grid-row:3}
.article-page .public-comments .comment-form-actions button{min-height:34px;padding:5px 13px;border-radius:4px;font-size:12px;cursor:pointer}
.article-page .public-comments .comment-cancel-reply{border:1px solid #d2dae5;background:#f2f4f7;color:#42566e}
.article-page .public-comments .reply-target{grid-column:1 / -1;grid-row:1;margin:0;font-size:11px;line-height:1.8}
.article-page .public-comments .reply-target strong{display:inline}
.article-page .public-comments [hidden]{display:none!important}
.article-page .public-comments button:focus-visible,.article-page .public-comments input:focus-visible,.article-page .public-comments textarea:focus-visible{outline:2px solid #1673ca;outline-offset:2px}
.article-page[data-theme=dark] .public-comments .comment,.article-page[data-theme=dark] .public-comments .public-comment-form{background:#171717!important;color:#eee}
.article-page[data-theme=dark] .public-comments .comment-meta-bar,.article-page[data-theme=dark] .public-comments .comment-list-header{background:#232a34}
.article-page[data-theme=dark] .public-comments .comment-identity,.article-page[data-theme=dark] .public-comments .comment-statistics{color:#d2deec}
@media(max-width:600px){
 .article-page .public-comments .comment-meta-bar{grid-template-columns:minmax(0,1fr);gap:7px}
 .article-page .public-comments .comment-controls{justify-content:space-between}
 .article-page .public-comments .comment-list-header{gap:4px}
 .article-page .public-comments .comment-statistics{gap:4px 10px;padding:7px}
 .article-page .public-comments .public-comment-form{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 10px}
 .article-page .public-comments .comment-contact-fields,.article-page .public-comments .comment-body-field,.article-page .public-comments .public-comment-form .comment-form-actions{grid-column:1;grid-row:auto}
 .article-page .public-comments .comment-reply{margin-inline-start:10px!important}
 .article-page .public-comments .comment-vote,.article-page .public-comments .comment-controls .comment-reply-button{min-height:36px}
}
