.mkna-comments{background:#fff;border:1px solid #e4e4e4;border-radius:12px;padding:24px;box-sizing:border-box}.mkna-comments__head{display:flex;align-items:center;gap:10px;border-bottom:2px solid #f2f2f2;padding-bottom:12px;margin-bottom:18px}.mkna-comments__head h3{margin:0;font-size:24px}.mkna-comments__head span{background:#dd9933;color:#fff;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:700}.mkna-comments__empty,.mkna-comments__intro{color:#666}.mkna-comment{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #eee}.mkna-comment__avatar{flex:0 0 44px}.mkna-comment__avatar-img{border-radius:50%;display:block}.mkna-comment__body{min-width:0;flex:1}.mkna-comment__meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.mkna-comment__meta strong{font-size:15px}.mkna-comment__meta time{font-size:12px;color:#888}.mkna-comment__text{margin-top:6px}.mkna-comment__text p{margin:.45em 0}.mkna-comment__reply{border:0;background:none;padding:0;color:#cc6600;font-weight:700;cursor:pointer}.mkna-comment__children{margin-left:22px}.mkna-comments__form-wrap{margin-top:26px;padding-top:20px;border-top:2px solid #f2f2f2}.mkna-comments__form-wrap h4{font-size:20px;margin:0 0 8px}.mkna-comments__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mkna-comments__form p{margin:0 0 14px}.mkna-comments__form label{display:block;font-weight:700;margin-bottom:6px}.mkna-comments__form input[type=text],.mkna-comments__form input[type=email],.mkna-comments__form textarea{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:7px;padding:10px 12px;font:inherit}.mkna-comments__form textarea{resize:vertical}.mkna-comments__form small{display:block;color:#777;margin-top:4px}.mkna-comments__submit{margin-top:14px;background:#dd9933;color:#fff;border:0;border-radius:7px;padding:11px 18px;font-weight:700;cursor:pointer}.mkna-comments__submit:hover{filter:brightness(.93)}.mkna-comments__success{background:#ecf7ed;border:1px solid #b7dfba;padding:12px 14px;border-radius:7px;margin:12px 0}.mkna-comments__warning{background:#fff8e5;border:1px solid #f0d487;padding:12px 14px;border-radius:7px}.mkna-comments__replying{margin:10px 0;padding:9px 12px;background:#f6f6f6;border-radius:6px}.mkna-comments__replying button{border:0;background:none;color:#b32d2e;font-weight:700;cursor:pointer}@media(max-width:640px){.mkna-comments{padding:16px}.mkna-comments__grid{grid-template-columns:1fr}.mkna-comment__children{margin-left:10px}}