.contactSubject{
  width:100%;
  padding:14px 42px 14px 15px;
  border:1px solid #cbd8de;
  border-radius:11px;
  margin-bottom:12px;
  outline:none;
  background:#fff;
  color:var(--ink);
  font:inherit;
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#687e8c 50%),linear-gradient(135deg,#687e8c 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
.contactSubject:invalid{color:var(--muted)}
.contactSubject option{color:var(--ink)}
.contactSubject:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,153,157,.10)}

/* Contact form - visible labels, required marks, privacy note (2026-09-02 closure pass) */
.contactForm{display:grid;gap:14px;max-width:640px}
.contactForm label{display:grid;gap:6px;font-weight:700;color:var(--ink);font-size:14.5px}
.contactForm .req{color:#a4442c;font-weight:700}
.contactRequiredNote{margin:0;color:var(--muted);font-size:13px}
.contactPrivacy{margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.contactPrivacy a{text-decoration:underline;text-underline-offset:3px;color:var(--teal)}
.contactForm input,.contactForm select,.contactForm textarea{margin-bottom:0;font-weight:400}
.contactForm button{justify-self:start}
.contactForm .result:empty{display:none}
/* Honeypot: off-screen, aria-hidden and untabbable - never announced, never focusable. */
.contactHp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}