.px-comments{margin-block:3rem;scroll-margin-top:7rem;border-top:1px solid var(--color-border);padding-top:2rem;min-width:0}
.px-comments h2{font-family:var(--font-mono);font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.03em;margin:0 0 1rem;border:0}
.px-comments p{max-width:70ch;line-height:1.7}
.px-comments label{display:block;font-weight:700;margin:1.25rem 0 .5rem}
.px-comments input,.px-comments textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem;caret-color:var(--color-primary)}
.px-comments textarea{resize:vertical;min-height:10rem}
.px-comments :is(input,textarea,button):focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}
.px-comments button{font:inherit;font-weight:700;line-height:1.4;white-space:normal;max-width:100%;min-height:48px;padding:.8rem 1.2rem;color:var(--color-bg);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer}
.px-comments button:hover{background:var(--color-accent);border-color:var(--color-accent)}
.px-comments button:disabled{opacity:.65;cursor:wait}
.px-comments #comment-notes,.px-comments time{font-size:.9rem;color:var(--color-text-muted)}
.px-comments #comment-status{min-height:1.7em;margin-top:1rem}
.px-comments .px-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.px-comment{padding-block:1.25rem;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}
.px-comment h3{font-family:var(--font-sans);letter-spacing:normal;font-size:1.1rem;margin:0 0 .3rem}
.px-comment p{white-space:pre-wrap;margin-bottom:0}