.comments-area{max-width:800px;margin:4rem auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.comment-list{list-style:none;padding:0;margin:0}.comment{margin-bottom:2rem}.comment-body{background:#fff;border-radius:16px;padding:1.5rem;position:relative;box-shadow:0 4px 6px rgb(0 0 0 / .03),0 1px 3px rgb(0 0 0 / .02);border:1px solid rgb(0 0 0 / .06);transition:box-shadow 0.2s ease}.comment-body:hover{box-shadow:0 6px 12px rgb(0 0 0 / .05),0 2px 4px rgb(0 0 0 / .03)}.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgb(0 0 0 / .08)}.comment-author{display:flex;align-items:center;gap:.75rem}.comment-author .avatar{width:40px;height:40px;border-radius:50%;border:2px solid #ff3100}.comment-author .fn{font-weight:600;color:#1a202c;font-size:1.1rem;font-style:normal}.comment-author .says{display:none}.comment-metadata{font-size:.875rem;color:#64748b}.comment-metadata a{color:#64748b;text-decoration:none;display:flex;align-items:center;gap:.5rem}.comment-metadata a:hover{color:#ff3100}.comment-metadata a::before{content:'🕒';font-size:.875rem}.comment-content{color:#4a5568;line-height:1.7;font-size:1rem}.comment-content p{margin:0}.children{list-style:none;margin-left:2.5rem;margin-top:1.5rem;position:relative}.children::before{content:'';position:absolute;left:-1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ff3100 0%,transparent 100%);opacity:.2}.reply{margin-top:1rem}.reply a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:#ff3100;text-decoration:none;border-radius:100px;background:rgb(255 49 0 / .05);transition:all 0.2s ease}.reply a::before{content:'↩';font-size:1rem}.reply a:hover{background:rgb(255 49 0 / .1);transform:translateX(2px)}.comment-respond{margin-top:3rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px rgb(0 0 0 / .03),0 1px 3px rgb(0 0 0 / .02);border:1px solid rgb(0 0 0 / .06)}@media (max-width:768px){.comment-body{padding:1.25rem;border-radius:12px}.children{margin-left:1.5rem}.comment-author .avatar{width:32px;height:32px}.comment-meta{gap:.75rem}.comment-respond{padding:1.5rem}}@media print{.comment-body{box-shadow:none;border:1px solid #ddd}.reply,.comment-respond{display:none}}