/* نظرات مقالات (هم‌شکل نظرات هفته‌های بارداری) */
.comments { --p-main: #4a075e; --p-accent: #e900be; --p-line: #ead5f0; --p-soft: #fbeefd; max-width: 860px; margin: 34px auto; }
.comments h2 { color: var(--p-main); font-size: 21px; }
.cm-form { background: #fff; border: 1px solid var(--p-line); border-radius: 20px; padding: 14px; margin: 12px 0 18px; }
.cm-form textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 10px 12px; border-radius: 14px; border: 1px solid var(--p-line); resize: vertical; }
.cm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.cm-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 8px; flex-wrap: wrap; }
.cm-row small { color: #888; flex: 1; min-width: 200px; }
.cm-row button { border: 0; background: var(--p-accent); color: #fff; border-radius: 14px; padding: 8px 20px; cursor: pointer; font: inherit; }
.cm-replying { background: var(--p-soft); border-radius: 10px; padding: 4px 12px; font-size: 13px; margin-bottom: 8px; }
.cm-replying button { border: 0; background: none; color: var(--p-accent); cursor: pointer; font: inherit; }
.cm-ok { background: #e8f6ec; color: #2e7d32; border-radius: 12px; padding: 8px 14px; }
.cm-err { background: #fdeceb; color: #c0392b; border-radius: 12px; padding: 8px 14px; }
.cm-login, .cm-empty { background: #fff8e6; border-radius: 12px; padding: 10px 16px; font-size: 14px; }
.cm-list, .cm-replies { list-style: none; padding: 0; margin: 0; }
.cm { background: #fff; border: 1px solid var(--p-line); border-radius: 18px; padding: 10px 16px; margin: 10px 0; }
.cm-head { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.cm-head small { color: #999; margin-right: auto; }
.cm p { margin: 4px 0 6px; font-size: 14px; white-space: pre-line; }
.cm-team { background: var(--p-main); color: #fff; font-size: 11px; padding: 0 8px; border-radius: 10px; }
.cm-reply { border: 0; background: none; color: var(--p-accent); cursor: pointer; font: inherit; font-size: 13px; padding: 0; }
.cm-replies { margin: 8px 18px 0 0; border-right: 3px solid var(--p-line); padding-right: 10px; }
.cm-replies .cm { background: #fcfaff; }
