/* ME Simple Contact Form - Responsive + Noto Sans */
.me-scf-wrap,
.me-scf-wrap *{
  box-sizing: border-box;
  font-family: "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.me-scf-wrap{
  max-width: 760px;
  margin: 0 auto;
}

.me-scf-title{
  margin: 0 0 14px;
  font-weight: 700;
}

.me-scf-alert{
  padding: 12px 14px;
  border-radius: 10px;
  margin: 0 0 14px;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,.12);
}

.me-scf-alert--success{
  background: rgba(16, 185, 129, 0.12);
}

.me-scf-alert--error{
  background: rgba(239, 68, 68, 0.12);
}

.me-scf-form{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 16px;
  background: rgba(255,255,255,.6);
}

.me-scf-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.me-scf-field{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.me-scf-field--full{
  grid-column: 1 / -1;
}

.me-scf-field label{
  font-weight: 600;
  font-size: 14px;
}

.me-scf-required{
  color: #ef4444;
}

.me-scf-field input,
.me-scf-field textarea{
  width: 100%;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 12px;
  padding: 12px 12px;
  font-size: 15px;
  outline: none;
  background: #fff;
}

.me-scf-field input:focus,
.me-scf-field textarea:focus{
  border-color: rgba(0,0,0,.35);
}

.me-scf-btn{
  margin-top: 14px;
  border: none;
  border-radius: 12px;
  padding: 12px 16px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
}

.me-scf-hp{
  position: absolute;
  left: -9999px;
  top: -9999px;
  height: 0;
  overflow: hidden;
}

/* Responsive */
@media (max-width: 640px){
  .me-scf-grid{
    grid-template-columns: 1fr;
  }
  .me-scf-form{
    padding: 14px;
  }
}