/* ==========================
   Peach Form Base Style
========================== */

.container{
  max-width:900px;
  margin:3rem auto;
  padding:1.5rem;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.lead{
  color:#555;
  margin-bottom:1.5rem;
}

.req{
  color:#fff;
  background:#2b6cb0;
  font-size:.75rem;
  padding:.15rem .5rem;
  border-radius:999px;
  margin-left:.4rem;
}

.grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:1rem;
}

.col-12{
  grid-column:span 12;
}

.col-6{
  grid-column:span 12;
}

@media (min-width:768px){
  .col-6{
    grid-column:span 6;
  }
}

label{
  display:block;
  font-weight:600;
  margin:.2rem 0 .3rem;
}

input,
textarea,
select{
  width:100%;
  padding:.7rem .8rem;
  border:1px solid #ddd;
  border-radius:8px;
  font-size:1rem;
}

textarea{
  resize:vertical;
}

.help{
  font-size:.85rem;
  color:#666;
}

.error{
  color:#c53030;
  font-size:.85rem;
  margin-top:.2rem;
}

.hidden{
  display:none !important;
}

.actions{
  display:flex;
  gap:.7rem;
  justify-content:flex-end;
  margin-top:1.5rem;
}

.btn{
  border:none;
  border-radius:999px;
  padding:.8rem 1.2rem;
  font-weight:700;
  cursor:pointer;
}

.btn-primary{
  background:#2b6cb0;
  color:#fff;
}

.btn-primary:hover{
  background:#1e4f88;
}

.btn-ghost{
  background:#eee;
  color:#333;
}

.btn-ghost:hover{
  background:#ddd;
}

input, textarea, select{
  font-size:16px;
}