.article-content{max-width:100%;margin:0 auto;padding:0}.article-content h2{font-size:2rem;font-weight:700;color:#1a202c;margin:2rem 0 1.2rem;line-height:1.3;font-family:Outfit,sans-serif}.article-content p{font-size:1.125rem;line-height:1.7;color:#374151;margin-bottom:1.5rem;font-family:Inter,sans-serif;max-width:100ch}.article-content img{border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.article-content ol,.article-content ul{margin:1.25rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.75rem;font-size:1.125rem;line-height:1.5}.article-content>:first-child{margin-top:0}.article-content>:last-child{margin-bottom:0}.comment-item{border-left:2px solid #e5e7eb;padding-left:1rem;margin-bottom:1rem}.comment-item .comment-item{margin-left:2rem;margin-top:1rem;border-left-color:#d1d5db}.replies{margin-top:1rem}.comment-item:before{content:"";position:absolute;left:-2px;width:2px;height:calc(100% - 20px);background-color:#e5e7eb}.comment-action-btn{transition:all .2s ease;border:1px solid #e5e7eb;padding:.4rem .8rem;font-size:.875rem;border-radius:6px;background:#fff}.comment-action-btn:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.comment-action-btn .action-icon{font-size:.875rem}.comment-action-btn:first-child{color:#3b82f6;border-color:#93c5fd}.comment-action-btn:first-child:hover{background:#eff6ff}.comment-action-btn.edit{color:#059669;border-color:#6ee7b7}.comment-action-btn.edit:hover{background:#ecfdf5}.comment-action-btn.delete{color:#dc2626;border-color:#fca5a5}.comment-action-btn.delete:hover{background:#fef2f2}@media (max-width:768px){.comment-action-btn span{display:none}.comment-action-btn{padding:.4rem}.comment-action-btn .action-icon{margin:0}}