.comments-content{max-width:1000px}.comments-filter{display:flex;align-items:center;gap:16px;margin-bottom:28px}.comments-filter select{flex:1;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:white}.comment-card{padding:28px;margin:24px 0;border:1px solid var(--line);border-radius:20px;background:white;scroll-margin-top:24px}.comment-person{display:flex;align-items:center;gap:14px;font-weight:700}.comment-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#f0dce8;color:var(--plum);font:700 1.4rem Lora,serif}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-person time,.comment-person small{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:4px}.comment-text{line-height:1.8;overflow-wrap:anywhere;margin:20px 0;white-space:pre-wrap}.comment-text p{margin:0 0 12px}.comment-chapter{font-size:.8rem;color:var(--muted)}.comment-response{border-left:3px solid #ead8e3;padding:18px 0 4px 22px;margin:22px 0 0 22px}.comment-compose{margin:20px 0;padding:18px;background:#fffaf7;border-radius:12px}.comment-compose summary{cursor:pointer;font-weight:700;color:var(--plum)}.comment-compose label{display:block;margin:18px 0 8px}.comment-compose textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;resize:vertical;margin-bottom:12px}.comment-delete{font-size:.75rem;color:var(--muted);text-decoration:underline}.comments-ad{margin-top:40px}@media(max-width:600px){.comments-filter{flex-wrap:wrap}.comments-filter select{flex-basis:100%}.comment-card{padding:18px}.comment-response{margin-left:0;padding-left:14px}}