.comment-container{margin:0 auto;padding-top:1rem;padding-bottom:.1rem;color:#e2e8f0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease-in-out}.comment-container h3{font-size:1.5rem;color:#38bdf8;margin-bottom:1rem;border-bottom:1px solid #475569;padding-bottom:.25rem;transition:color .3s ease}.comment-container h3:hover{color:#7dd3fc}.comment-container p{font-size:1rem;line-height:1.6;margin-bottom:.5rem;text-align:justify}.comment-container ol{margin-left:1rem;margin-bottom:1rem}.comment-container li{margin-bottom:.6rem;padding-left:1rem;position:relative;color:#94a3b8;transition:color .3s ease}.comment-container li:before{content:"•";position:absolute;left:0;color:#38bdf8;font-size:1rem;transition:color .3s ease}.comment-container li:hover:before{color:#7dd3fc}.comment-container code{background-color:#334155;color:#38bdf8;padding:.2rem .4rem;border-radius:4px;font-size:.85rem;transition:background-color .3s ease}.comment-container code:hover{background-color:#475569}.comment-container a{color:#38bdf8;text-decoration:underline;transition:color .3s ease}.comment-container a:hover{color:#7dd3fc}.comment-container blockquote{border-left:4px solid #475569;background-color:#334155;color:#cbd5e1;margin:1rem 0;padding:.8rem;font-style:italic;border-radius:6px;position:relative;transition:background-color .3s ease}.comment-container blockquote:before{content:"“";font-size:3rem;color:#475569;position:absolute;left:.8rem;top:.4rem;opacity:.2}.comment-container blockquote:hover{background-color:#475569;color:#e2e8f0}.comment-container strong{color:#f8fafc}@media (max-width:768px){.comment-container{padding:.75rem;box-shadow:0 6px 12px rgba(0,0,0,.3)}.comment-container h3{font-size:1.25rem}.comment-container code,.comment-container li,.comment-container p{font-size:.9rem}}