.comment-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
/* NOT: .comment-card "display:flex" tanimladigi icin, HTML'in varsayilan "hidden" ozniteligi
   (display:none) yazar (author) stilleri tarafindan EZILIR - bu yuzden gizlenmesi gereken
   yanit kartlari aslinda hic gizlenmiyordu. Bu kural, hidden'i acikca yeniden zorunlu kilar. */
.comment-card[hidden]{display:none}
.comment-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#0c0c0c;border:1px solid #252525;border-radius:14px}
.comment-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border-radius:50%;background:#242424;border:1px solid #444;color:#fff;font-size:16px;font-weight:900}
.comment-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.comment-content{flex:1;min-width:0}
/* Baslik satiri iki gruba bolunur: solda kullanici adi/tarih (comment-header-info), sagda
   butonlar (comment-actions) - "justify-content:space-between" butonlarin HER ZAMAN en saga
   yaslanmasini garanti eder (tek eleman kalsa/satir sarsa bile). */
.comment-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px}
.comment-header-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0}
.comment-author{font-size:14px;overflow-wrap:anywhere}.comment-header time{font-size:11px;color:#888}
.comment-text{margin:8px 0 10px;font-size:14px;line-height:1.65;color:#ddd;white-space:pre-wrap;overflow-wrap:anywhere}.comment-reply-to{font-size:11px;color:#aaa;margin-top:4px;overflow-wrap:anywhere}.comment-reply-quote{font-style:italic;color:#8a8a8a}
.comment-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.comment-action{font:inherit;font-size:12px;line-height:1.4;padding:7px 10px;border:1px solid #333;border-radius:8px;background:#151515;color:#bbb;cursor:pointer;min-height:34px}.comment-action:hover{border-color:#777;color:#fff}.comment-action:focus-visible{outline:2px solid #fff;outline-offset:3px}.comment-action[aria-pressed="true"]{background:#173329;border-color:#44866c;color:#a9efce}.comment-action[data-vote="dislike"][aria-pressed="true"]{background:#371d21;border-color:#91505b;color:#ffb7c1}
.comment-replies{display:flex;flex-direction:column;gap:6px;margin:8px 0 0 8px;padding-left:8px;border-left:2px solid #303030}.comment-reply-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:10px 12px;border-left:3px solid #aaa;background:#161616;font-size:12px;color:#ddd}.comment-reply-context[hidden]{display:none}
.comment-empty{color:#888;font-size:13px}.comment-status{color:#ffb7c1;font-size:12px}.comment-status:empty{display:none}
/* Yanitlar: ana yorumdan gorsel olarak AYRISTIRILMIS, kompakt bir "alt sekme" gibi gorunur -
   daha kucuk avatar/yazı, daha soluk arka plan/kenarlik, boylece ana yorumla karistirilmaz. */
.comment-card--reply{padding:5px 6px;gap:5px;background:transparent;border-color:#1e1e1e;border-radius:8px}
.comment-card--reply .comment-avatar{flex-basis:20px;width:20px;height:20px;font-size:8px}
.comment-card--reply .comment-author{font-size:11.5px}
.comment-card--reply .comment-header time{font-size:10px}
.comment-card--reply .comment-text{font-size:12.5px;margin:4px 0 6px}
.comment-card--reply .comment-reply-to{font-size:10px;margin-top:2px}
.comment-card--reply .comment-action{padding:4px 8px;font-size:10.5px;min-height:24px}
.comment-show-more{align-self:flex-start;background:transparent;border-style:dashed}
@media(max-width:600px){.comment-card{padding:12px;gap:10px}.comment-avatar{flex-basis:40px;width:40px;height:40px}.comment-replies{margin-left:10px;padding-left:10px}#newCommentForm{flex-wrap:wrap}#newCommentInput{min-width:0;flex-basis:100%!important}.comment-action{min-height:40px}}
.comment-owner-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#e5b85a;color:#1a1405;font-size:10.5px;font-weight:900;vertical-align:2px}