/* Contact page form. */
.contact-form { max-width: 560px; margin: 0 0 72px; display: grid; gap: 18px; }
.contact-form label { display: grid; gap: 6px; font-weight: 600; font-size: 14px; }
.contact-form label small { font-weight: 400; color: var(--muted); }
.contact-form input, .contact-form textarea {
  width: 100%; padding: 10px 12px; border: 1px solid var(--border-strong); border-radius: var(--radius-sm);
  background: var(--panel); color: var(--text); font: 400 15px var(--font);
}
.contact-form textarea { min-height: 160px; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--accent); }
.contact-form .hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-form button { justify-self: start; }
.contact-form button:disabled { opacity: 0.6; cursor: default; }
.contact-status { margin: 0; min-height: 1.4em; font-size: 14px; color: var(--muted); }
.contact-status.ok { color: var(--up); }
.contact-status.err { color: var(--down); }