.comments{max-width:900px;margin:30px auto;background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px 32px}.comments-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.comments-head h2{margin:0;font-size:25px}.comments-head span{color:var(--muted);font-size:14px}.comment-list{padding:4px 0}.comment-empty{color:var(--muted);text-align:center;padding:25px 0}.comment-item{padding:18px 4px;border-bottom:1px solid #e7edf2}.comment-item header{display:flex;justify-content:space-between;gap:12px}.comment-item time{color:var(--muted);font-size:12px}.comment-item p{margin:8px 0 0;white-space:normal;word-break:break-word}.comment-form{margin-top:20px;padding:20px;background:#f4f8fb;border-radius:10px}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form label{display:block;font-size:13px;font-weight:750;margin-bottom:12px}.comment-form input,.comment-form textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #bfd0dc;border-radius:7px;background:#fff;color:var(--ink);font:inherit}.comment-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.comment-submit small,.comment-message{color:var(--muted)}.comment-submit button{border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:800;padding:11px 19px;cursor:pointer}.comment-submit button:disabled{background:#9aabb8;cursor:not-allowed}.comment-message{margin:10px 0 0;font-size:13px}@media(max-width:680px){.comments{margin:20px 0;padding:21px 18px}.comment-fields{grid-template-columns:1fr}.comment-form{padding:15px}.comment-submit{align-items:flex-end}.comment-submit small{max-width:60%}}
.sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sidebar-title h2{margin:0}.sidebar-title>a{color:var(--blue);font-size:12px;text-decoration:none}.sidebar-notices>a>b{background:#e9f4fc;color:#1675ae}
