/* Contact forms: keep the existing four-card layout, add compact in-card forms. */
.mdi-contact-card{align-self:start}
.mdi-contact-card .button{margin-top:4px}
.mdi-contact-form{
  display:grid;
  gap:12px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #d9e5ef;
}
.mdi-contact-form[hidden]{display:none}
.mdi-contact-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mdi-contact-field{display:grid;gap:6px}
.mdi-contact-field label{font-size:11px;font-weight:800;color:#17395f}
.mdi-contact-field input,.mdi-contact-field textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #c9dced;
  border-radius:9px;
  background:#fff;
  color:#102e51;
  font:inherit;
  font-size:12.5px;
  line-height:1.45;
  padding:11px 12px;
}
.mdi-contact-field textarea{min-height:118px;resize:vertical}
.mdi-contact-field input:focus,.mdi-contact-field textarea:focus{outline:3px solid rgba(32,112,209,.14);border-color:#79a8d6}
.mdi-contact-field small,.mdi-contact-form__privacy{font-size:10.5px;line-height:1.45;color:#60778f}
.mdi-contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mdi-contact-form__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mdi-contact-form__status{min-height:18px;font-size:11px;line-height:1.4;color:#526d87}
.mdi-contact-form__status[data-state="error"]{color:#9b2c2c}
.mdi-contact-success{
  margin-top:18px;
  padding:14px 16px;
  border:1px solid #b9dcc8;
  border-radius:10px;
  background:#f4fbf7;
  color:#1f5d3a;
  font-size:12px;
  line-height:1.5;
}
.mdi-security-contact{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  margin-top:14px;
}
.mdi-security-email{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 12px;
  border:1px solid #d5e2ee;
  border-radius:8px;
  background:#f7faff;
  color:#17395f;
  font-size:12px;
  font-weight:800;
}
.mdi-security-copy-status{font-size:10.5px;color:#60778f}

@media(max-width:760px){
  .mdi-contact-form__row{grid-template-columns:1fr}
  .mdi-contact-field input,.mdi-contact-field textarea{font-size:16px}
  .mdi-security-contact{align-items:stretch;flex-direction:column}
  .mdi-security-contact .button{width:100%;justify-content:center}
}