/* Resident comment form (contact/ and en/contact/). Builds on site.css tokens. */
/* display:grid on .cform and .sent would otherwise beat the hidden attribute */
.cpage [hidden]{display:none!important}
.cpage h1{font-size:var(--fs-h2);font-weight:650;letter-spacing:-0.02em;line-height:1.15}
:lang(ja) .cpage h1{letter-spacing:0;word-break:auto-phrase}
.cform{display:grid;gap:22px;max-width:640px}
.field{display:grid;gap:6px}
.field label{font-weight:600;color:var(--ink);font-size:var(--fs-sm)}
.req{display:inline-block;margin-left:10px;padding:1px 7px;font-size:11px;font-weight:600;letter-spacing:.04em;color:#FFFFFF;background:var(--orange-ink);border-radius:2px;vertical-align:2px}
.cform input[type="text"],.cform select,.cform textarea{font:inherit;font-size:16px;color:var(--body);background:var(--surface);border:1px solid #B9B2A3;border-radius:3px;padding:10px 12px;width:100%;max-width:100%}
.cform select{appearance:auto}
.cform textarea{min-height:190px;resize:vertical;line-height:1.7}
.cform input:focus-visible,.cform select:focus-visible,.cform textarea:focus-visible{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--ink)}
.hint{font-size:var(--fs-xs);color:var(--muted)}
.privacy{background:var(--panel);border:1px solid var(--line);padding:14px 16px;display:grid;gap:6px}
.privacy h2{font-size:var(--fs-sm);font-weight:600;letter-spacing:0;line-height:1.4}
.privacy p{font-size:var(--fs-xs);color:var(--muted);line-height:1.75}
.check{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-sm);font-weight:600;color:var(--ink);cursor:pointer}
.check input{width:18px;height:18px;margin:4px 0 0;flex:none;accent-color:var(--kon)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.cform .btn{font-size:15px;padding:11px 28px}
.cform .btn[disabled]{opacity:.6;cursor:default}
.cform .status{font-size:var(--fs-sm);font-weight:600;color:var(--orange-ink)}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sent{max-width:640px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--matsu);display:grid;gap:10px}
.sent h2{font-size:1.25rem}
.sent:focus{outline:none}
.cf-turnstile:empty{display:none}