.comments { margin-top: 40px; }
.comments h2 { margin: 0 0 4px; font-size: 24px; font-weight: 650; font-stretch: 110%; }
.comments .sub { margin: 0 0 16px; color: var(--soft); }
.c-form { display: grid; gap: 12px; padding: 18px; border-radius: 16px; background: var(--card); border: 1px solid var(--hair); }
.c-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.c-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; color: var(--soft); }
.c-form input, .c-form select, .c-form textarea { font: inherit; font-size: 16px; color: var(--ink); background: var(--bg); border: 1px solid var(--hair); border-radius: 10px; padding: 10px 12px; }
.c-form textarea { resize: vertical; min-height: 100px; line-height: 1.45; }
.c-form input:focus-visible, .c-form select:focus-visible, .c-form textarea:focus-visible, .c-form button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.c-ts { min-height: 65px; }
.c-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.c-form button { appearance: none; border: 0; border-radius: 10px; padding: 11px 18px; min-height: 44px; font: inherit; font-size: 15px; font-weight: 650; background: var(--accent); color: var(--accent-ink); cursor: pointer; }
.c-form button:disabled { opacity: .5; cursor: default; }
.c-status { font-size: 14px; color: var(--soft); }
.c-list { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 10px; }
.c-list li { padding: 14px 16px; border-radius: 14px; background: var(--card); border: 1px solid var(--hair); }
.c-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin-bottom: 6px; font-size: 13px; color: var(--soft); }
.c-meta strong { font-size: 15px; color: var(--ink); }
.c-chip { padding: 2px 8px; border-radius: 999px; background: var(--hair); font-size: 12px; font-weight: 600; color: var(--ink); }
.c-list p { margin: 0; white-space: pre-wrap; line-height: 1.5; overflow-wrap: anywhere; }
.c-list .c-empty { color: var(--soft); background: transparent; border-style: dashed; }
@media (max-width: 560px) { .c-row { grid-template-columns: 1fr; } }