/* Second Helping: the pieces only this template needs (volunteer form, contact preferences). */
.err-list { padding: 12px 16px; border-radius: var(--r-s); background: color-mix(in srgb, var(--alert) 9%, var(--card)); color: var(--alert); font: 600 15px/1.5 var(--body); }
.err-list ul { display: grid; gap: 4px; margin-top: 6px; padding-left: 18px; list-style: disc; }
.err-list a { color: inherit; }
.choices-row { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.form-card .field input { width: 100%; }
.prefs { display: grid; gap: 10px; min-width: 0; }
.pref { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; border-radius: var(--r-m); background: var(--card); box-shadow: 0 0 0 1px var(--line); cursor: pointer; }
.pref b { display: block; font: 700 16.5px/1.3 var(--display); }
.pref small { display: block; color: var(--muted); font-size: 14px; }
.pref .switch { flex: none; }
.prefs > .btn { justify-self: start; }