@layer quartz-base{.blog-comments{border-top:1px solid var(--lightgray);margin-top:3rem;padding-top:1.5rem}.blog-comments-heading{margin-bottom:1.25rem}.blog-comments-list{gap:1rem;display:grid}.blog-comment{--comment-depth:0;--comment-indent-step:1.15rem;border:1px solid var(--lightgray);border-radius:.5rem;margin-inline-start:calc(var(--comment-indent-step) * var(--comment-indent-active,0));padding:1rem}.blog-comment-reply{background:color-mix(in srgb, var(--light) 75%, var(--lightgray));margin-top:.75rem}.blog-comment-header{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-bottom:.4rem;display:flex}.blog-comment-author{color:var(--dark);font-weight:600}.blog-comment-website,.blog-comment-time,.blog-comment-replying-to{color:var(--gray);font-size:.85rem}.blog-comment-time{margin-left:auto}.blog-comment-replying-to{margin:0 0 .55rem}.blog-comment-body{color:var(--darkgray);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.blog-comment-actions{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.blog-comments-reply-button,.blog-comments-toggle-replies,.blog-comments-cancel-reply{color:var(--secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.blog-comments-reply-button:hover,.blog-comments-toggle-replies:hover,.blog-comments-cancel-reply:hover{text-decoration:underline}.blog-comment-children{gap:.65rem;margin-top:.75rem;display:grid}.blog-comment-children[hidden]{display:none}.blog-comment-children-list{gap:.65rem;display:grid}.blog-comment-reply-slot:empty{display:none}.blog-comments-empty,.blog-comments-error{color:var(--gray)}.blog-comments-more,.blog-comments-load-more{border:1px solid var(--lightgray);color:var(--dark);cursor:pointer;background:0 0;border-radius:.4rem;justify-self:start;margin-top:.75rem;padding:.45rem .85rem}.blog-comments-form{gap:.9rem;max-width:48rem;margin-top:2rem;display:grid}.blog-comments-form-heading{margin:0}.blog-comments-field{color:var(--dark);gap:.35rem;font-weight:600;display:grid}.blog-comments-field input,.blog-comments-field textarea{box-sizing:border-box;border:1px solid var(--lightgray);background:var(--light);width:100%;color:var(--dark);font:inherit;border-radius:.4rem;padding:.65rem .75rem;font-weight:400}.blog-comments-field textarea{resize:vertical}.blog-comments-field input:focus-visible,.blog-comments-field textarea:focus-visible,.blog-comments-more:focus-visible,.blog-comments-load-more:focus-visible,.blog-comments-submit:focus-visible,.blog-comments-reply-button:focus-visible,.blog-comments-toggle-replies:focus-visible,.blog-comments-cancel-reply:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.blog-comments-turnstile{min-height:65px}.blog-comments-message{min-height:1.4em;color:var(--secondary);margin:0;font-size:.9rem}.blog-comments-submit{background:var(--secondary);color:var(--light);font:inherit;cursor:pointer;border:0;border-radius:.4rem;justify-self:start;padding:.6rem 1rem}.blog-comments-submit:disabled,.blog-comments-more:disabled,.blog-comments-load-more:disabled{cursor:not-allowed;opacity:.55}.blog-comments-privacy{color:var(--gray);margin:0;font-size:.85rem}@media (max-width:600px){.blog-comment{--comment-indent-step:.55rem;padding:.8rem}}}