.comments-section{margin:48px auto 0;max-width:960px;padding:0 16px}
.comments-section h2{font-size:1.5rem;margin:0 0 12px}
.comments-legal{font-size:0.85rem;color:#6b7280;margin-top:8px}
.comments-widget{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;color:#111827}
.comments-form{display:grid;gap:12px;margin-bottom:16px}
.comments-form label{font-size:0.85rem;font-weight:600;color:#111827}
.comments-form input,.comments-form textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:0.95rem;background:#fff;color:#111827}
.comments-form textarea{min-height:120px;resize:vertical}
.comments-form button{background:#111827;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
.comments-form button:disabled{opacity:0.6;cursor:not-allowed}
.comments-meta{font-size:0.8rem;color:#6b7280;margin-bottom:6px}
.comments-name{font-weight:700;color:#111827}
.comments-admin-badge{margin-left:6px;font-size:0.7rem;font-weight:700;color:#fff;background:#111827;border-radius:999px;padding:2px 6px;text-transform:uppercase}
.comments-list{display:grid;gap:14px}
.comments-list h3{font-size:1rem;margin:12px 0 4px;color:#111827}
.comment-item{border-top:1px solid #e5e7eb;padding-top:14px}
.comment-item.pending{border-left:3px solid #f59e0b;padding-left:10px}
.comment-replies{margin-left:18px;padding-left:12px;border-left:2px solid #e5e7eb;display:grid;gap:12px}
.comment-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.comment-actions button{background:#111827;color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:0.8rem;font-weight:600;cursor:pointer}
.comment-actions button.secondary{background:#e5e7eb;color:#111827}
.comment-reply-form{margin-top:8px;display:grid;gap:8px}
.comment-reply-form textarea{min-height:80px}
.comment-reply-form button{width:max-content}
.comment-status{font-size:0.75rem;color:#b45309;margin-left:6px;text-transform:uppercase;font-weight:700}
.comments-status{font-size:0.9rem;color:#374151;margin:6px 0}
.comments-error{color:#b91c1c;font-size:0.9rem}
.comments-honey{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none}
:root[data-theme="light"] .comments-widget{background:#fff;border-color:#e5e7eb;color:#111827}
:root[data-theme="light"] .comments-form input,
:root[data-theme="light"] .comments-form textarea{background:#fff;border-color:#d1d5db;color:#111827}
:root[data-theme="light"] .comments-form label,
:root[data-theme="light"] .comments-name,
:root[data-theme="light"] .comments-list h3{color:#111827}
:root[data-theme="light"] .comments-meta,
:root[data-theme="light"] .comments-legal,
:root[data-theme="light"] .comments-status{color:#6b7280}
:root[data-theme="light"] .comment-item{border-color:#e5e7eb}
:root[data-theme="light"] .comment-replies{border-color:#e5e7eb}
:root[data-theme="light"] .comment-actions button.secondary{background:#e5e7eb;color:#111827}
:root[data-theme="dark"] .comments-widget{background:#0b0f19;border-color:#1f2937;color:#e5e7eb}
:root[data-theme="dark"] .comments-form input,
:root[data-theme="dark"] .comments-form textarea{background:#0f172a;border-color:#334155;color:#e5e7eb}
:root[data-theme="dark"] .comments-form label,
:root[data-theme="dark"] .comments-name{color:#e5e7eb}
:root[data-theme="dark"] .comments-list h3{color:#e5e7eb}
:root[data-theme="dark"] .comment-item{border-color:#1f2937}
:root[data-theme="dark"] .comment-replies{border-color:#1f2937}
:root[data-theme="dark"] .comment-item.pending{border-left-color:#f59e0b}
:root[data-theme="dark"] .comment-actions button.secondary{background:#1f2937;color:#e5e7eb}
:root[data-theme="dark"] .comments-legal,
:root[data-theme="dark"] .comments-meta,
:root[data-theme="dark"] .comments-status{color:#9ca3af}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]) .comments-widget{background:#0b0f19;border-color:#1f2937;color:#e5e7eb}
  :root:not([data-theme]) .comments-form input,
  :root:not([data-theme]) .comments-form textarea{background:#0f172a;border-color:#334155;color:#e5e7eb}
  :root:not([data-theme]) .comments-form label,
  :root:not([data-theme]) .comments-name{color:#e5e7eb}
  :root:not([data-theme]) .comments-list h3{color:#e5e7eb}
  :root:not([data-theme]) .comment-item{border-color:#1f2937}
  :root:not([data-theme]) .comment-replies{border-color:#1f2937}
  :root:not([data-theme]) .comment-item.pending{border-left-color:#f59e0b}
  :root:not([data-theme]) .comment-actions button.secondary{background:#1f2937;color:#e5e7eb}
  :root:not([data-theme]) .comments-legal,
  :root:not([data-theme]) .comments-meta,
  :root:not([data-theme]) .comments-status{color:#9ca3af}
}