/* =========================================================
   CONTACT — matches sections/contact.html
   ========================================================= */
.contact{background:var(--cream);}
.contact-form{
  max-width:560px; margin:0 auto; display:flex; flex-direction:column; gap:16px;
}
.contact-form .field{display:flex; flex-direction:column; gap:8px;}
.contact-form label{font-size:13px; font-weight:700; color:var(--primary-dark); letter-spacing:0.2px;}
.contact-form input, .contact-form textarea{
  border:1px solid var(--line); background:var(--cream-warm); border-radius:10px;
  padding:13px 16px; font-family:var(--font-body); font-size:14.5px; color:var(--ink);
  outline:none; transition:border-color .2s;
}
.contact-form input:focus, .contact-form textarea:focus{border-color:var(--gold);}
.contact-form textarea{resize:vertical; min-height:120px;}
.contact-form button{align-self:flex-start;}
.contact-note{
  text-align:center; margin-top:20px; font-size:13px; color:#8a9089;
}
.contact-status {
  margin-top: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
}
.contact-status.success {
  color: #2e7d32;
}
.contact-status.error {
  color: #c62828;
}