/* Apex volunteer interest form */
.volunteer-hero { padding-top: 18px; padding-bottom: 12px; text-align: center; }
.volunteer-hero .wrap { max-width: 840px; }
.volunteer-hero h1, .volunteer-hero p { margin-inline: auto; }
.volunteer-hero h1 {
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1.12;
  margin: 12px auto 14px;
  max-width: 760px;
}
.volunteer-hero p { max-width: 660px; margin-bottom: 0; font-size: 1rem; line-height: 1.6; }
.volunteer-back { color: var(--bright); font-weight: 700; text-underline-offset: 3px; }
.volunteer-section { padding-top: 12px; }
.volunteer-section .wrap { max-width: 810px; }
.volunteer-panel h2, .volunteer-panel > p { text-align: center; }
.volunteer-panel h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); margin-bottom: 12px; }
.volunteer-panel > p { max-width: 630px; margin-inline: auto; }
.volunteer-form { display: grid; gap: 20px; margin-top: 28px; }
.volunteer-field { display: grid; gap: 8px; }
.volunteer-field label, .volunteer-fieldset legend { font-weight: 700; }
.volunteer-field input, .volunteer-field select, .volunteer-field textarea {
  display: block; box-sizing: border-box; width: 100%; max-width: 100%;
  padding: 12px; border: 1px solid #b5a77a; border-radius: 5px;
  background: #111; color: #fff; font: inherit;
}
.volunteer-field textarea { resize: vertical; }
.volunteer-fieldset { margin: 0; padding: 14px 16px; border: 1px solid #b5a77a; border-radius: 6px; min-width: 0; }
.volunteer-help { font-size: 0.9rem; margin: 0 0 12px; }
.volunteer-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.volunteer-checks label { display: flex; align-items: start; gap: 9px; }
.volunteer-checks input { accent-color: #c9a34e; margin-top: 4px; }
.volunteer-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.volunteer-actions { display: flex; flex-direction: column; align-items: center; gap: 18px; padding-top: 8px; }
#volunteer-turnstile { max-width: 100%; }
#volunteer-status { text-align: center; min-height: 1.5em; margin: 0; }
@media (max-width: 650px) { .volunteer-checks { grid-template-columns: 1fr; } .volunteer-actions .btn { width: 100%; } }