.comment-form{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);scroll-margin-top:var(--sp-20)}.comment-form__box{border:1.5px solid var(--border-input);border-radius:var(--radius);background:var(--bg);overflow:hidden;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.comment-form__box:focus-within{border-color:var(--navy-500);box-shadow:var(--shadow)}.comment-form__who{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}.comment-form__who input+label+input{border-left:1px solid var(--border)}.comment-form input,.comment-form textarea{width:100%;min-width:0;border:0;border-radius:0;background:var(--bg);color:var(--text);font:inherit;font-size:var(--fs-h3)}.comment-form__who input{min-height:48px;padding:0 var(--sp-4);background:var(--bg-subtle)}.comment-form__who input:focus{background:var(--bg)}.comment-form textarea{display:block;min-height:6.5rem;padding:var(--sp-4);line-height:1.7;resize:vertical}.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--text-muted)}.comment-form__box :is(input,textarea):focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--navy-500)}.comment-form__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-top:1px solid var(--border);background:var(--bg-subtle)}.comment-form__count{font-size:var(--fs-xs);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.comment-form__done{flex:1 1;font-size:var(--fs-sm);font-weight:700;color:var(--ok)}.comment-form__submit{margin-left:auto;min-width:6rem;min-height:44px;padding:0 var(--sp-6)}.comment-form__sr{clip:rect(0 0 0 0);white-space:nowrap}.comment-form__sr,.comment-form__trap{position:absolute;width:1px;height:1px;overflow:hidden}.comment-form__trap{left:-9999px}.comment-form__error{padding:var(--sp-4);border-radius:var(--radius-sm);background:var(--danger-soft)}.comment-form__error p{margin:0;font-size:var(--fs-sm);font-weight:700;line-height:1.6;color:var(--danger)}.comment-form__doors{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.comment-form__doors .btn{flex:1 1 10rem;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.comment-form__doors .btn--ghost{background:var(--bg);color:var(--navy-700)}