.comments-area{max-width:800px;margin:var(--spacing-2xl) auto;padding:0 var(--spacing-lg)}.comments-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-bg-tertiary)}.comment-list{list-style:none;padding:0;margin:0}.comment-list .comment{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-bg-tertiary)}.comment-list .comment:last-child{border-bottom:0}.comment-list .children{list-style:none;padding-left:var(--spacing-2xl);margin:0;border-left:2px solid var(--color-bg-tertiary)}.comment-body{position:relative}.comment-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.comment-author{display:flex;align-items:center;gap:var(--spacing-sm)}.comment-author img{border-radius:var(--radius-full)}.comment-author .fn{font-weight:600;color:var(--color-text-primary);font-style:normal}.comment-metadata{font-size:var(--font-size-sm)}.comment-metadata a{color:var(--color-text-tertiary);text-decoration:none}.comment-metadata a:hover{color:var(--color-accent-primary)}.comment-content{color:var(--color-text-secondary);line-height:1.7}.comment-content p:last-child{margin-bottom:0}.reply{margin-top:var(--spacing-sm)}.reply a{font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent-primary);text-decoration:none}.reply a:hover{color:var(--color-accent-secondary)}.comment-awaiting-moderation{color:var(--color-warning);font-size:var(--font-size-sm);font-style:italic}.no-comments{text-align:center;color:var(--color-text-tertiary);padding:var(--spacing-xl) 0}.comment-reply-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl)}.comment-form p{margin-bottom:var(--spacing-md)}.comment-form label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.comment-form input:focus,.comment-form textarea:focus{outline:0;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.comment-form textarea{resize:vertical;min-height:120px}.comment-form .required{color:var(--color-error)}.comment-form .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);font-family:var(--font-family-primary);text-decoration:none;border:0;cursor:pointer;transition:all var(--transition-fast)}.comment-form .btn-primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:white}.comment-form .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.comment-navigation{display:flex;justify-content:space-between;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-bg-tertiary);margin-top:var(--spacing-lg)}.comment-navigation a{color:var(--color-accent-primary);text-decoration:none;font-weight:500}.comment-navigation a:hover{color:var(--color-accent-secondary)}