.comments-page{max-width:600px;margin:0 auto;padding:60px 20px 40px}.comments-page .page-title{color:var(--text,#e8e8e8);margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:300}.comments-list{flex-direction:column;display:flex}.comment-item{border-bottom:1px solid var(--border);color:inherit;padding:12px 0;text-decoration:none;transition:background .15s;display:block}.comment-item:first-child{border-top:1px solid var(--border)}.comment-item:hover{background:var(--surface)}.comment-content{color:var(--text,#e8e8e8);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.3rem;font-size:.95rem;line-height:1.4;overflow:hidden}.comment-meta{justify-content:space-between;gap:.5rem;display:flex}.comment-series{color:var(--accent,#64c8ff);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.comment-date{color:var(--text-dim,#888);flex-shrink:0;font-size:.8rem}.login-prompt{text-align:center;padding:4rem 20px}.login-prompt__text{color:var(--text-dim,#888);margin-bottom:1rem;font-size:.95rem}.login-prompt__link{color:var(--accent,#64c8ff);text-decoration:none}