.content-comments{margin-top:2.5rem;padding:clamp(18px,3vw,32px);border:1px solid var(--v12-line);border-radius:28px;background:var(--v12-panel);box-shadow:0 22px 60px var(--v12-shadow)}
.content-comments__head{display:flex;align-items:end;justify-content:space-between;gap:16px}.content-comments__head h2{margin-top:7px;color:var(--v12-text);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:950}.content-comments__head>span{color:var(--v12-muted);font-size:10px;font-weight:850}
.content-comments__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.content-comment{padding:16px;border:1px solid var(--v12-line);border-radius:18px;background:var(--v12-panel-strong)}.content-comment header{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-comment header b{color:var(--v12-text);font-size:12px}.content-comment header span{color:#f59e0b;font-size:12px;letter-spacing:2px}.content-comment p{margin-top:11px;color:var(--v12-muted);font-size:12px;line-height:2}.content-comment time{display:block;margin-top:10px;color:var(--v12-muted);font-size:9px}.content-comment.is-empty{grid-column:1/-1;text-align:center;color:var(--v12-muted)}
.content-comment-form{display:grid;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--v12-line)}.content-comment-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.content-comment-form label{display:grid;gap:7px}.content-comment-form label>span{color:var(--v12-muted);font-size:10px;font-weight:850}.content-comment-form input,.content-comment-form textarea,.content-comment-form select{width:100%;border:1px solid var(--v12-line-strong);border-radius:14px;outline:0;padding:12px;background:var(--v12-panel-strong);color:var(--v12-text);font-size:12px}.content-comment-form textarea{min-height:120px;resize:vertical}.content-comment-form :is(input,textarea,select):focus{border-color:var(--v12-accent);box-shadow:0 0 0 4px var(--v12-accent-soft)}.content-comment-form button{min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--v12-accent),var(--v12-accent-2));color:var(--v12-action-text);font-size:12px;font-weight:950}
@media(max-width:640px){.content-comments{border-radius:22px;padding:15px}.content-comments__head{align-items:start;flex-direction:column}.content-comments__grid,.content-comment-form>div{grid-template-columns:1fr}.content-comment{padding:13px}}