.comment-form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);background-color:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.comment-notice{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);background-color:#f6f6f6;padding:12px 14px;margin-bottom:var(--space-4)}.comment-notice--pending{border-left-color:#b26a00}.comment-notice__content{display:flex;gap:10px;align-items:flex-start}.comment-notice__icon{width:14px;height:14px;border-radius:999px;background-color:currentColor;color:var(--color-accent);flex-shrink:0;margin-top:4px}.comment-notice--pending .comment-notice__icon{color:#b26a00}.comment-notice__title{font-size:var(--fs-14);font-weight:700;color:var(--color-text);margin-bottom:2px}.comment-notice__message{font-size:var(--fs-13);color:#4a4a4a}.comments-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:16px;background-color:#fafafa;margin-top:var(--space-4)}.comments-empty__inner{display:flex;gap:12px;align-items:center}.comments-empty__icon{width:36px;height:36px;border-radius:999px;border:1px solid var(--color-border);background-color:#ffffff;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.comments-empty__icon img{width:20px;height:20px;filter:brightness(0)}.comments-empty__title{font-size:var(--fs-15);font-weight:700;color:var(--color-text);margin-bottom:2px}.comments-empty__message{font-size:var(--fs-13);color:#4a4a4a}.comment-form__field{display:flex;flex-direction:column}.comment-form__field--logged{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--fs-14);color:#3a3a3a;background-color:#fafafa;border:1px solid rgba(12,12,12,0.08);border-radius:var(--radius-md);padding:10px 12px}.comment-form__user{font-weight:700;color:var(--color-text)}.comment-form__field--logged a{color:var(--color-accent);font-weight:600}.comment-form__field--logged a:hover,.comment-form__field--logged a:focus-visible{text-decoration:underline}.comment-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.comment-form__input,.comment-form__input[type="email"]{padding:10px 12px;border:1px solid rgba(12,12,12,0.14);border-radius:var(--radius-md);font-size:var(--fs-16);font-family:var(--font-primary);color:var(--color-text);line-height:1.6;background-color:#ffffff;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.comment-form__input::placeholder{color:#8c8c8c}.comment-form__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(2,124,5,0.12);background-color:#fcfffd}.comment-form__textarea{padding:12px;border:1px solid rgba(12,12,12,0.14);border-radius:var(--radius-md);font-size:var(--fs-16);font-family:var(--font-primary);resize:vertical;min-height:100px;color:var(--color-text);line-height:1.6;background-color:#ffffff;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.comment-form__textarea::placeholder{color:#8c8c8c}.comment-form__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(2,124,5,0.12);background-color:#fcfffd}.comment-form__field--error .comment-form__input,.comment-form__field--error .comment-form__textarea{border-color:#b00020;box-shadow:0 0 0 2px rgba(176,0,32,0.08)}.comment-form__error{margin-top:6px;font-size:var(--fs-12);font-weight:600;color:#b00020}.comment-form__submit{align-self:flex-start;padding:10px 18px;background-color:var(--color-menu-bg);color:#ffffff;border-radius:999px;font-weight:700;font-size:var(--fs-14);cursor:pointer;letter-spacing:0.2px;transition:background-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.comment-form__submit:hover,.comment-form__submit:focus-visible{background-color:#0f0f0f;transform:translateY(-1px);box-shadow:0 6px 12px rgba(12,12,12,0.12)}.comment-form__submit{align-self:flex-start;padding:8px 16px;background-color:var(--color-menu-bg);color:#ffffff;border-radius:var(--radius-md);font-weight:700;font-size:var(--fs-14);cursor:pointer;transition:background-color 0.2s ease}.comment-form__submit:hover,.comment-form__submit:focus-visible{background-color:#0f0f0f}.comments-list{display:flex;flex-direction:column;gap:var(--space-5)}.comment-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#ffffff}.comment-item:last-child{border-bottom:1px solid var(--color-border)}.comment-item--reply{margin-left:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);background-color:#fafafa;box-shadow:none}.comment-item--depth-2.comment-item--reply{margin-left:var(--space-5);border-left-color:rgba(2,124,5,0.6);background-color:#f7f7f7}.comment-item--depth-3.comment-item--reply{margin-left:var(--space-6);border-left-color:rgba(2,124,5,0.45);background-color:#f4f4f4}.comment-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.comment-item__author{display:flex;align-items:center;gap:var(--space-2)}.comment-item__avatar{width:32px;height:32px;border-radius:50%;background-color:#0f0f0f;border:1px solid rgba(12,12,12,0.12);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.comment-item__avatar img{width:18px;height:18px}.comment-item__meta{display:flex;flex-direction:column;gap:2px}.comment-item__replying{font-size:var(--fs-12);color:#6b6b6b;font-weight:600;margin-left:auto;white-space:nowrap}.comment-item__name{font-weight:700;font-size:var(--fs-14);color:var(--color-text)}.comment-item__date{font-size:var(--fs-12);color:#6b6b6b}.comment-item__body{display:flex;flex-direction:column;gap:var(--space-2)}.comment-item__body p{margin-bottom:0;font-size:var(--fs-15);color:#2b2b2b;line-height:1.7}.comment-mention{color:var(--color-accent);font-weight:600;text-decoration:none}.comment-mention:hover{text-decoration:underline}.comment-item__actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2);flex-wrap:wrap}.comment-action{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);font-weight:600;color:#4a4a4a;background:#ffffff;border:1px solid var(--color-border);cursor:pointer;padding:6px 10px;border-radius:999px;transition:color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease}.comment-action img{width:16px;height:16px;filter:brightness(0.4);transition:filter 0.2s ease}.comment-action:hover,.comment-action:focus-visible{color:var(--color-text);background-color:rgba(0,0,0,0.03);border-color:rgba(12,12,12,0.2)}.comment-action:hover img,.comment-action:focus-visible img{filter:brightness(0)}.comment-action.is-active{color:var(--color-menu-bg);font-weight:700;border-color:rgba(2,124,5,0.35);background-color:rgba(2,124,5,0.08)}.comment-action.is-active img{filter:brightness(0)}.comment-action--reply{color:var(--color-accent);font-weight:700;border-color:rgba(2,124,5,0.35);background-color:rgba(2,124,5,0.06)}.comment-action--reply img{filter:brightness(0) saturate(1) hue-rotate(90deg) opacity(0.8)}.comment-replies{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.comment-reply-form{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fafafa}.comment-reply-form.is-hidden{display:none}.comment-form--reply{margin-bottom:0}.comment-divider{height:4px;width:100%;background-color:var(--color-menu-bg);margin:var(--space-6) 0}.comments-filter{display:flex;justify-content:flex-end;margin-bottom:var(--space-6);position:relative}.comment-filter__toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#ffffff;font-size:var(--fs-14);font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color 0.2s ease,background-color 0.2s ease;position:relative;z-index:3}.comment-filter__toggle:hover,.comment-filter__toggle:focus-visible{border-color:var(--color-accent);background-color:rgba(2,124,5,0.04)}.comment-filter__toggle img:first-child{width:16px;height:16px;filter:brightness(0.6)}.comment-filter__caret{width:18px;height:18px;transition:transform 0.2s ease;filter:brightness(0.5)}.comment-filter__toggle[aria-expanded="true"] .comment-filter__caret{transform:rotate(180deg)}.comment-filter__label{white-space:nowrap}.comment-filter__dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background-color:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,0.12);z-index:2;overflow:hidden;list-style:none}.comment-filter__dropdown[aria-hidden="true"]{display:none}.comment-filter__option{display:block;width:100%;padding:10px 12px;border:none;background-color:transparent;text-align:left;font-size:var(--fs-14);font-weight:600;color:var(--color-text);cursor:pointer;transition:background-color 0.2s ease}.comment-filter__option:hover,.comment-filter__option:focus-visible{background-color:rgba(2,124,5,0.08)}.comment-filter__option--active{background-color:var(--color-menu-bg);color:#ffffff}.comment-filter__option--active:hover,.comment-filter__option--active:focus-visible{background-color:#0f0f0f}.comments-load-more{display:flex;align-items:center;justify-content:center;gap:8px;margin:var(--space-6) auto 0;width:fit-content;padding:10px 20px;background-color:var(--color-menu-bg);color:#ffffff;border-radius:999px;font-weight:700;font-size:var(--fs-14);letter-spacing:0.2px;border:1px solid transparent;cursor:pointer;transition:background-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.comments-load-more:hover,.comments-load-more:focus-visible{background-color:#0f0f0f;transform:translateY(-1px);box-shadow:0 6px 12px rgba(12,12,12,0.12)}.comments-load-more.is-loading{opacity:0.7;cursor:progress}.comments-load-more.is-hidden{display:none}.comments-section-divider{height:1px;width:100%;background-color:var(--color-border);margin-top:var(--space-6)}