.form-page{
  max-width:900px;
  margin:2rem auto;
  padding:0 1rem;
}

.form-page.narrow{
  max-width:800px;
}

.form-grid{
  display:grid;
  gap:12px;
}

@media (min-width: 740px){
  .form-grid.two{
    grid-template-columns:1fr 1fr;
  }
}

.form-field{
  margin-bottom:12px;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}

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

.form-field label{
  display:block;
  margin-bottom:6px;
  font-size:.95rem;
}

.form-page input,
.form-page select,
.form-page textarea{
  width:100%;
  box-sizing:border-box;
  padding:.6rem .7rem;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  background:rgba(0,0,0,.2);
  color:var(--colour-white);
  font:inherit;
}

.form-page textarea{
  min-height:110px;
  resize:vertical;
}

.form-actions{
  display:flex;
  gap:.75rem;
  align-items:center;
  margin-top:1rem;
}

.form-small{
  font-size:.92rem;
  opacity:.85;
}

.form-meta{
  margin:0 0 1rem 0;
}