.comment-form-home{margin-top:var(--space-8)}.comment-form{gap:var(--space-4);max-width:560px;display:grid}.comment .comment-form{margin-top:var(--comment-gap);padding:var(--comment-padding);border:var(--comment-border);border-radius:var(--comment-radius)}.comment-form-title{margin:0;padding:0;font-size:1.125rem}.comment-form-reply{align-items:baseline;gap:var(--space-1) var(--space-3);color:var(--color-text-secondary);flex-wrap:wrap;margin:0;display:flex}.comment-form-reply[hidden]{display:none}.comment-form-reply strong{color:var(--color-text-primary)}.comment-form-cancel{color:var(--color-primary);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.comment-form-cancel:hover{color:var(--color-primary-hover)}.comment-form-field{gap:var(--space-1-5);display:grid}.comment-form-field label{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.comment-form-field input,.comment-form-field textarea{width:100%;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.comment-form-field textarea{resize:vertical;min-height:7rem}.comment-form-field input:focus-visible,.comment-form-field textarea:focus-visible,.comment-form-cancel:focus-visible,.comment-form-submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.comment-form-field [aria-invalid=true]{border-color:var(--color-error)}.comment-form-error{color:var(--color-error);margin:0;font-size:.875rem}.comment-form-error:empty{display:none}.comment-form-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.comment-form-turnstile:empty{display:none}.comment-form-note,.comment-form-nojs{color:var(--color-text-secondary);margin:0;font-size:.875rem}.comment-form-nojs[hidden]{display:none}.comment-form-submit{padding:var(--space-2-5) var(--space-6);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal);border:0;justify-self:start}.comment-form-submit:hover,.comment-form-submit:focus-visible{background:var(--color-primary-hover)}.comment-form-submit:disabled{opacity:.6;cursor:progress}.comment-form-status:empty{padding:0}.comment-form-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);margin:0}.comment-form-status[data-kind=success]{background:var(--color-success-bg);color:var(--color-success)}.comment-form-status[data-kind=error]{background:var(--color-error-bg);color:var(--color-error)}@media (prefers-reduced-motion:reduce){.comment-form-field input,.comment-form-field textarea,.comment-form-submit{transition:none}}.comments{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.comments-title{font-family:var(--font-serif);color:var(--color-text-primary);margin:0 0 var(--space-5);font-size:1.375rem}.comment-list{margin:0;padding:0;list-style:none}.comment-list .comment-list{margin-top:var(--comment-gap);padding-left:var(--comment-indent);border-left:2px solid var(--comment-guide-color)}.comment+.comment{margin-top:var(--comment-gap)}.comment-body{padding:var(--comment-padding);background:var(--comment-bg);border:var(--comment-border);border-radius:var(--comment-radius)}.comment{scroll-margin-top:var(--comment-scroll-margin)}.comment-meta{align-items:baseline;gap:var(--space-1) var(--space-3);margin:0 0 var(--space-1-5);color:var(--color-text-muted);flex-wrap:wrap;font-size:.875rem;display:flex}.comment-author{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.comment-text{margin:0 0 var(--space-2);color:var(--color-text-secondary);white-space:pre-line;overflow-wrap:anywhere;line-height:1.65}.comment-text:last-child{margin-bottom:0}.comment-text a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.comment-text a:hover{color:var(--color-primary-hover)}.comment-reply{margin-top:var(--space-1-5);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem}.comment-reply:hover{color:var(--color-primary-hover);text-underline-offset:3px;text-decoration:underline}.comment-reply:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.comment:target>.comment-body{background:var(--comment-target-bg);border-color:var(--color-border-accent)}.comment:target>.comment-body .comment-meta{color:var(--color-text-secondary)}@media (width<=768px){.comment-list .comment-list{padding-left:var(--comment-indent-phone)}.comment-list .comment-list .comment-list .comment-list{border-left:0;padding-left:0}}
