/* Public article comments */

.is-hidden{display:none!important;}
.art-cmt-as{font-size:.8rem;color:var(--text-main);margin-bottom:.8rem;}
.art-cmt-as strong{color:var(--text-heading);}
.art-cmts{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border-color);}
.art-cmts-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-heading);margin-bottom:1.5rem;}
.art-cmts-title span{font-size:.9rem;font-weight:600;color:var(--text-main);opacity:.7;}
.art-cmt{display:flex;gap:.8rem;margin-bottom:1.4rem;}
.art-cmt-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;}
.art-cmt-body{flex:1;min-width:0;}
.art-cmt-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;}
.art-cmt-name{font-size:.88rem;font-weight:700;color:var(--text-heading);}
.art-cmt-date{font-size:.7rem;color:var(--text-main);opacity:.65;}
.art-cmt-text{font-size:.9rem;color:var(--text-main);line-height:1.65;margin:.3rem 0 .4rem;word-wrap:break-word;}
.art-cmt-reply-btn{font-size:.72rem;font-weight:600;color:var(--primary-dark);background:none;border:none;cursor:pointer;padding:0;}
.art-cmt-reply-btn:hover{text-decoration:underline;}
.art-cmt-replies{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--border-color);}
.art-cmt-replies .art-cmt:last-child{margin-bottom:0;}
.art-cmt-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.9rem;padding:1.25rem;margin-top:1.75rem;}
.art-cmt-form-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:1rem;}
.art-cmt-replying{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--text-main);background:rgba(245,238,220,.6);border-radius:.5rem;padding:.45rem .7rem;margin-bottom:.9rem;}
.art-cmt-replying button{background:none;border:none;color:var(--primary-dark);font-weight:700;font-size:.72rem;cursor:pointer;padding:0;}
.art-cmt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem;}
@media(max-width:560px){.art-cmt-grid{grid-template-columns:1fr;}}
.art-cmt-field label{display:block;font-size:.72rem;font-weight:600;color:var(--text-main);margin-bottom:.3rem;}
.art-cmt-field input,.art-cmt-field textarea{width:100%;border:1px solid var(--border-color);border-radius:.55rem;padding:.55rem .7rem;font-size:.85rem;font-family:inherit;color:var(--text-heading);background:#fff;box-sizing:border-box;}
.art-cmt-field input:focus,.art-cmt-field textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;}
.art-cmt-submit{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;padding:.6rem 1.3rem;background:var(--primary-dark);color:#fff;border:none;border-radius:.6rem;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;}
.art-cmt-submit:hover{opacity:.9;}
.art-cmt-submit:disabled{opacity:.55;cursor:not-allowed;}
.art-cmt-flash{border-radius:.6rem;padding:.7rem 1rem;font-size:.83rem;font-weight:600;margin-bottom:1.25rem;}
.art-cmt-flash.ok{background:rgba(16,185,129,.12);color:#065f46;border:1px solid rgba(16,185,129,.25);}
.art-cmt-flash.wait{background:rgba(245,158,11,.12);color:#92400e;border:1px solid rgba(245,158,11,.25);}
.art-cmt-flash.fail{background:rgba(239,68,68,.1);color:#991b1b;border:1px solid rgba(239,68,68,.2);}
.art-cmt-err{font-size:.72rem;color:#b91c1c;margin-top:.25rem;}
.art-cmt-login{font-size:.85rem;color:var(--text-main);}
.art-cmt-login a{color:var(--primary-dark);font-weight:700;}
.art-cmt-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;}
.art-cmt-empty{font-size:.85rem;color:var(--text-main);opacity:.7;}
.art-cmt-new{animation:artCmtIn .45s ease;}
@keyframes artCmtIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}