/* ABS V4.25 — Community contribution form layout */

/* Fields explicitly marked wide should span the full two-column form grid. */
.form-field-wide{
  grid-column:1 / -1;
}

/* Volunteer multi-select interests: clear, readable choices. */
.check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 24px;
  margin-top:4px;
}

/* Reset generic .form-field input rules when the input is a checkbox. */
.form-field .form-check-row{
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  gap:10px;
  margin:6px 0;
  min-width:0;
}

.form-field .form-check-row input[type="checkbox"]{
  width:auto;
  min-width:0;
  height:auto;
  padding:0;
  margin:4px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  flex:0 0 auto;
  accent-color:var(--forest);
}

.form-field .form-check-row span{
  display:block;
  min-width:0;
  font-size:.95rem;
  line-height:1.42;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:var(--ink);
}

/* The standalone confirmation rows should also be easy to scan. */
.form-section > .form-check-row{
  width:100%;
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:12px 0;
}

.form-section > .form-check-row input[type="checkbox"]{
  width:auto;
  flex:0 0 auto;
  margin-top:4px;
}

.form-section > .form-check-row span{
  line-height:1.45;
}

@media (max-width:760px){
  .check-grid{
    grid-template-columns:1fr;
    gap:4px;
  }
}