.blog-comments{border-top:1px solid hsl(var(--border) / .4);scroll-margin-top:calc(var(--site-header-height,5rem) + 1.75rem);margin-top:3rem;padding-top:2rem;font-size:.9375rem;line-height:1.7}.blog-comments h2{margin-bottom:1.5rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400}.blog-comments-list{margin:0;padding:0;list-style:none}.blog-comments-list>li{border-bottom:1px solid hsl(var(--border) / .3);padding-block:1.5rem}.blog-comment-byline{align-items:center;gap:.75rem;display:flex}.blog-comment-meta{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;min-width:0;display:flex}.blog-comment-author{overflow-wrap:anywhere;font-weight:600}.blog-comment-byline time,.blog-comments-hint{color:hsl(var(--muted-foreground));font-size:.8125rem}.blog-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:.75rem}.blog-comment-confirm{border:1px solid hsl(var(--border) / .5);background:hsl(var(--card));margin-top:1rem;padding:1rem}.blog-comments-actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.blog-comment-form{gap:.75rem;margin-top:1.5rem;display:grid}.blog-comment-form label{font-weight:600}.blog-comment-form textarea{resize:vertical;border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--background));width:100%;min-width:0;color:hsl(var(--foreground));font:inherit;padding:.75rem}.blog-comment-form textarea:focus-visible{outline:2px solid hsl(var(--gold));outline-offset:3px}.blog-comment-form textarea:disabled{opacity:.6}.blog-comment-form>button{justify-self:start}.blog-comments-error{color:hsl(var(--destructive))}.blog-comments-error>button{margin-top:.75rem}.blog-comments-feedback{margin-top:1rem}