.comments-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e5e7eb}.comments-header{margin-bottom:2rem}.comments-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1f2937}.comments-header svg{color:#e31837}.comment-count{font-weight:400;color:#6b7280}.comment-form-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;margin-bottom:2rem}.comment-form-container h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.replying-to-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.cancel-reply{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#92400e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group .required{color:#e31837}.form-group .optional{font-weight:400;color:#9ca3af}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e31837;box-shadow:0 0 0 3px #e318371a}.form-group .help-text{display:block;font-size:.75rem;color:#6b7280;margin-top:.375rem}.comment-turnstile-mount{min-height:65px}.form-actions{margin-top:1rem}.btn-submit{display:inline-flex;align-items:center;gap:.5rem;background:#e31837;color:#fff;border:none;border-radius:10px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-submit:hover{background:#c41230}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-message{margin-top:1rem;padding:1rem;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.form-message.success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.form-message.error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.form-message button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.loading-comments,.no-comments{text-align:center;padding:3rem;color:#6b7280}.no-comments svg{opacity:.3;margin-bottom:1rem}.comment{display:flex;gap:1rem}.comment.pinned{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:1rem;margin:-.5rem}.comment-avatar img{width:48px;height:48px;border-radius:50%;flex-shrink:0}.reply .comment-avatar img{width:36px;height:36px}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.author-name{font-weight:600;color:#1f2937}.admin-badge{background:#e31837;color:#fff;font-size:.625rem;padding:.125rem .5rem;border-radius:4px;font-weight:700;text-transform:uppercase}.pinned-badge{font-size:.75rem;color:#92400e}.comment-date{font-size:.8125rem;color:#9ca3af}.comment-text{font-size:.9375rem;line-height:1.7;color:#374151}.comment-actions{margin-top:.75rem}.reply-btn{display:inline-flex;align-items:center;gap:.375rem;background:none;border:none;font-size:.8125rem;color:#6b7280;cursor:pointer;transition:color .2s ease}.reply-btn:hover{color:#e31837}.vote-buttons{display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem}.vote-btn{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;font-size:.8125rem;color:#6b7280;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:color .2s ease,background .2s ease}.vote-btn:hover{color:#e31837;background:#fef2f2}.comment-replies{margin-top:1rem;padding-left:1rem;border-left:2px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:comments-section-spin .8s linear infinite}.loading-comments .spinner{width:24px;height:24px;border-color:#e3183733;border-top-color:#e31837;margin:0 auto 1rem}@keyframes comments-section-spin{to{transform:rotate(360deg)}}