/* volunteer.css — Volunteer sign-up page only. base.css handles nav, footer, page-hero. */

section{padding:56px 24px 90px;}
.wrap{max-width:640px; margin:0 auto;}

.card{padding:28px;}
.field{margin-bottom:16px;}
.field:last-child{margin-bottom:0;}
label{display:block; font-size:13px; font-weight:600; color:var(--forest); margin-bottom:6px;}
input, select, textarea{
  width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:3px;
  font-family:'Work Sans',sans-serif; font-size:15px; color:var(--bark); background:#fff;
}
textarea{resize:vertical; min-height:90px;}
input:focus, select:focus, textarea:focus{outline:2px solid var(--amber-dark); outline-offset:1px; border-color:var(--amber-dark);}

.row2{display:flex; gap:12px;}
.row2 .field{flex:1;}

.check-list{display:flex; flex-direction:column; gap:8px; background:#fff; border:1px solid var(--line); border-radius:4px; padding:12px 14px;}
.check-item{display:flex; align-items:center; gap:10px; font-size:14px;}
.check-item input{width:16px; height:16px;}

.submit-btn{
  display:block; width:100%; margin-top:6px; padding:15px; background:var(--rust); color:#fff;
  border:none; border-radius:4px; font-family:'Bebas Neue',sans-serif; font-size:18px;
  letter-spacing:0.05em; cursor:pointer; transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.submit-btn:hover{transform:translateY(-3px); box-shadow:0 10px 20px rgba(217,72,31,0.25);}

@media (max-width:480px){
  .row2{flex-direction:column; gap:0;}
}