.comments{max-width:68ch;margin:0 auto 64px;padding:0 28px}.comments-head{border-top:1px solid var(--chip-b);margin-bottom:22px;padding-top:14px}.comments-head h2{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:22px;font-weight:700}.comment-list{margin:0 0 36px;padding:0;list-style:none}.comment{border-bottom:1px solid var(--chip-b);gap:14px;padding:20px 0;display:flex}.comment:first-child{padding-top:0}.comment-avatar{background:var(--pewter-3);width:38px;height:38px;color:var(--ink);font-family:var(--mono);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex}.comment-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.comment-name{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);font-size:15px;font-weight:700}.comment-date{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);font-size:11px}.comment-text{font-family:var(--serif);color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;margin:0;font-size:17px;line-height:1.55}.comment-form{border-top:1px solid var(--chip-b);flex-direction:column;gap:14px;padding-top:22px;display:flex}.comment-form h3{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:18px;font-weight:700}.comment-form-row{flex-direction:column;gap:6px;display:flex}.comment-form-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.comment-form-input,.comment-form-textarea{background:var(--chip);border:1px solid var(--chip-b);color:var(--ink);font-family:var(--ui);resize:none;border-radius:5px;padding:11px 14px;font-size:15px}.comment-form-input{min-height:44px}.comment-form-input:focus-visible,.comment-form-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.comment-form-textarea{min-height:96px;line-height:1.5;font-family:var(--serif);font-size:16px;overflow:hidden}.comment-form-count{font-family:var(--mono);color:var(--ink-3);align-self:flex-end;font-size:11px}.comment-form-count.over{color:var(--accent-2)}.comment-form-actions{align-items:center;gap:16px;display:flex}.comment-submit{border:0}.comment-submit:disabled{opacity:.55;cursor:default}.comment-form-error{font-family:var(--ui);color:var(--accent-2);margin:0;font-size:13.5px}.comment-form-success{font-family:var(--ui);color:var(--ink-2);margin:0;font-size:13.5px}.comment-form-hp{width:1px;height:1px;position:absolute;top:-9999px;left:-9999px;overflow:hidden}@media (max-width:760px){.comments{padding:0 16px}}