/* The support form. The page itself uses leita.css. */

.support-form{display:grid;gap:18px;margin-top:8px;padding-bottom:64px}
.support-form .field{display:grid;gap:6px}
.support-form label{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.support-form label span{letter-spacing:0;text-transform:none;color:var(--muted)}
.support-form input,.support-form textarea{font-family:var(--serif);font-size:17px;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--panel);border:1px solid var(--rule);border-radius:8px;padding:10px 12px;width:100%}
.support-form textarea{min-height:180px;resize:vertical;line-height:1.5}
.support-form input:focus,.support-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}
.optional{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.optional{grid-template-columns:1fr}}
.hint{font-family:var(--serif);font-size:15.5px;letter-spacing:0;text-transform:none;color:var(--muted);margin:0}
.support-error{margin:0;padding:12px 14px;border:1px solid var(--rule);border-radius:8px;background:var(--accent-soft);color:var(--ink);font-size:16.5px}
.support-error[hidden]{display:none}
.support-form .btn{justify-self:start}
.support-form .btn:disabled{opacity:.65;cursor:progress}
.support-form noscript p{color:var(--muted);font-size:16px}