/* Volunteer page tabs, and the Dastaar Training page. Builds on seva.css. */

/* ---------- Volunteer: team tabs ---------- */
.vol-tabs { margin-bottom: 24px; }
.vol-tabs button:focus-visible { outline: 2px solid var(--gold-2); outline-offset: 2px; }
.vol-tabs button { text-align: center; }

/* ---------- Dastaar Training ---------- */
.dst-intro { max-width: 760px; margin: 0 auto 34px; text-align: center; }
.dst-intro p { font-size: 16px; line-height: 1.8; color: var(--text-soft); margin-bottom: 14px; }
.dst-intro .dst-strong { color: var(--text); font: 600 18px/1.5 'Jost', sans-serif; margin: 18px 0 22px; }
.dst-note { font-size: 13.5px; color: var(--text-soft); margin: 16px auto 0; max-width: 560px; }
#register { scroll-margin-top: 96px; }
#register:focus { outline: none; }
.dst-group { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.dst-group > legend { font: 500 14px/1.4 'Poppins', sans-serif; color: var(--text); padding: 0; margin-bottom: 6px; }
.dst-group .sv-chips { margin-bottom: 0; }
.dst-guardian[hidden] { display: none; }
.dst-sub { font-size: 13px; color: var(--text-soft); margin: 2px 0 8px; }