.comments-section{background:#141814;border-top:1px solid var(--line)}
.comments-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin:3rem 0}
.comments-heading>p,.comments-intro{max-width:400px;color:var(--muted);font-size:1rem;line-height:1.8}
.comments-read-button{margin-top:1.5rem}.comments-load-status{color:var(--muted);font-size:1rem;line-height:1.8;margin-top:1rem}.comments-retry{padding:.8rem 1rem;margin-top:1rem;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;min-height:48px}.comments-retry[hidden],.comments-load-status[hidden]{display:none}
.comments-reading .comments-grid{margin-top:2rem}.comments-reading .page-intro h1 em{color:var(--accent)}.comments-reading .client-comment blockquote{font-size:1.125rem}.comments-reading .comments-back{margin-bottom:1.5rem}
.comments-heading h2 em{color:var(--accent)}
.comments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.client-comment{margin:0;padding:clamp(1.4rem,3vw,2.7rem);border:1px solid var(--line);background:var(--ink);display:flex;flex-direction:column;min-width:0;position:relative}
.quote-mark{font-family:Georgia,serif;color:var(--accent);font-size:4rem;line-height:.85;margin-bottom:1.1rem}
.client-comment blockquote{margin:0 0 1.8rem;font-size:1.125rem;line-height:1.8;overflow-wrap:anywhere;white-space:pre-line}
.client-comment figcaption{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);font-size:.9375rem;font-weight:600;color:var(--accent);line-height:1.6}
.comments-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;color:var(--muted);font-size:.875rem}
.comments-unavailable{grid-column:1/-1;color:var(--muted);padding:2rem 0}
.comment-editor{margin:0 0 2rem}.comment-editor h2{font-size:1.8rem}.comment-editor .fields{margin-bottom:1.5rem}.comment-editor textarea{min-height:210px;font-size:1rem;line-height:1.6}.comment-editor input,.comment-editor select{font-size:1rem}.comment-editor-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.comment-editor-actions button{cursor:pointer}.comment-editor-note{margin-top:.6rem}.comment-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.8;margin:1rem 0 1.5rem}.comment-record .record-top{align-items:center}.comment-record .record-top h2{max-width:75%;font-size:1.25rem;line-height:1.4}.comment-meta{font-size:.875rem;color:var(--muted)}
@media(max-width:760px){.comments-heading{display:block}.comments-heading>p,.comments-intro{margin-top:1.5rem}.comments-grid{grid-template-columns:1fr}.comments-section .section-label{flex-wrap:wrap;gap:.6rem}.client-comment{padding:1.5rem}.comments-footer{align-items:flex-start}.comment-record .record-top h2{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}