.comments{max-width:var(--prose);border-top:2px solid var(--line);margin:44px 0 8px;padding-top:28px}.comments-head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:0 0 18px;display:flex}.comments-title{font-family:var(--sans);color:var(--navy);margin:0;font-size:1.5rem;font-weight:800}.comments-count{font-family:var(--sans);color:var(--muted);margin:0;font-size:14px;font-weight:700}.comment-list{flex-direction:column;gap:14px;margin:0 0 24px;padding:0;list-style:none;display:flex}.comment-list:empty{margin:0}.comment{background:var(--surface);border:2px solid var(--navy);box-shadow:3px 4px 0 var(--navy);border-radius:14px;padding:13px 18px;transition:transform .12s,box-shadow .12s}.comment:hover{box-shadow:4px 5px 0 var(--navy);transform:translate(-1px,-1px)}.comment-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.comment-avatar{border:2px solid var(--navy);width:40px;height:40px;font-family:var(--sans);color:var(--navy);background:var(--yellow-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex}.comment--reply .comment-avatar{width:32px;height:32px;font-size:14px}.comment-author{font-family:var(--sans);color:var(--navy);font-size:15px;font-weight:800}.comment-date{font-family:var(--sans);color:var(--muted);font-size:13px;font-weight:600}.comment-text{color:var(--navy);font-family:var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.6}.comment-badge{font-family:var(--sans);letter-spacing:.03em;text-transform:uppercase;border:1.5px solid var(--navy);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.comment-badge--author{background:var(--yellow);color:var(--navy)}.comment-badge--you{background:var(--surface);color:var(--navy)}.comment-del{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:14px;line-height:1}.comment-del:hover{color:#c0392b}.comment-replies{border-left:2px solid var(--line);flex-direction:column;gap:12px;margin:14px 0 0;padding:0 0 0 20px;list-style:none;display:flex}.comment-replies:empty{display:none}.comment--reply{box-shadow:2px 3px 0 var(--navy);padding:11px 15px}.comment-actions{align-items:center;gap:14px;margin-top:10px;display:flex}.comment-like{border:2px solid var(--navy);font-family:var(--sans);color:var(--navy);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;font-size:12px;font-weight:800;transition:background .1s;display:inline-flex}.comment-like:hover,.comment-like.is-liked{background:var(--yellow-soft)}.comment-like .heart{font-size:13px;line-height:1}.comment-like.is-liked .heart{color:#c0392b}.comment-like:disabled{opacity:.6;cursor:default}.comment-reply-btn{font-family:var(--sans);color:var(--navy);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;font-weight:800;text-decoration:underline}.comment-reply-btn:hover{color:var(--yellow-deep)}.comment-form,.reply-form{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.reply-form{margin-top:12px}.composer{align-items:flex-start;gap:12px;width:100%;display:flex}.composer-avatar{margin-top:2px}.composer-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.composer-foot{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.composer-as{text-align:right;font-family:var(--sans);color:var(--muted);margin:0 0 0 auto;font-size:12px;font-weight:600}.starter-chips{flex-wrap:wrap;gap:8px;display:flex}.starter-chips:empty{display:none}.starter-chip{font-family:var(--sans);color:var(--navy);background:var(--surface);border:2px solid var(--navy);cursor:pointer;box-shadow:2px 2px 0 var(--navy);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;transition:transform 50ms,box-shadow 50ms}.starter-chip:hover{background:var(--yellow-soft)}.starter-chip:active{box-shadow:0 0 0 var(--navy);transform:translate(2px,2px)}.comment-body{width:100%;font-family:var(--sans);color:var(--navy);background:var(--surface);border:2px solid var(--navy);resize:vertical;box-shadow:3px 4px 0 var(--navy);border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5}.comment-body::placeholder{color:var(--muted)}.comment-body:focus{box-shadow:3px 4px 0 var(--yellow-deep);outline:none}.comment-form[hidden],.comment-auth[hidden]{display:none!important}.comment-auth{background:var(--surface);border:2px solid var(--navy);box-shadow:3px 4px 0 var(--navy);border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.comment-auth-text{font-family:var(--sans);color:var(--muted);margin:0;font-size:15px;line-height:1.5}.comment-form button[type=submit],.reply-form button[type=submit],.comment-auth-btn{font-family:var(--sans);color:var(--navy);border:2px solid var(--navy);box-shadow:3px 3px 0 var(--navy);cursor:pointer;background:var(--yellow);border-radius:999px;padding:9px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:transform 50ms,box-shadow 50ms;display:inline-block}.reply-form button[type=submit]{padding:7px 18px;font-size:14px}.comment-form button[type=submit]:hover,.reply-form button[type=submit]:hover,.comment-auth-btn:hover{background:var(--yellow-deep)}.comment-form button[type=submit]:active,.reply-form button[type=submit]:active,.comment-auth-btn:active{box-shadow:1px 1px 0 var(--navy);transform:translate(2px,2px)}.comment-form button[type=submit]:disabled,.reply-form button[type=submit]:disabled{opacity:.55;cursor:default;box-shadow:3px 3px 0 var(--navy);transform:none}.comment-status{font-family:var(--sans);color:var(--muted);font-size:13px;font-weight:600}