/* =============================================================================
   mh-volunteers.css - VOLBUILD01 (2 Oct 2026). THE VOLUNTEER SECTION.
   Almost nothing lives here, on purpose: the wizard is the Housing Subsidy wizard's shell with every
   #subWiz rule WIDENED to #volWiz, the record is the Subsidy record's Mint body with every .sb-host rule
   widened to .vl-host, the photo is the Enroll wizard's studio avatar (widened), and the cards are the
   Clients household card (.idcard). Only what those have no word for is below.
   ============================================================================= */

/* the rail photo: the shared studio avatar at the client rail's 120px (the Subsidy rail's photo size) */
#volWiz .wl-photo .vw-photo{width:120px;height:120px;margin:0 auto;flex:none}
#volWiz .wl-photo .vw-photo .mh-ini svg{width:44%;height:44%}

/* the Confidentiality Agreement, read before it is signed: the policy as the CEO wrote it, in the card's
   own ink - a still panel, never folded away, no scrollbar (it is short enough to read in place) */
#volWiz .vw-agree{padding:2px 4px 4px;color:#2A2F31;font-size:13.5px;line-height:1.62}
#volWiz .vw-agree p{margin:0 0 10px}
#volWiz .vw-agree p:last-child{margin-bottom:0}
#volWiz .vw-agree .vw-agree-h{margin:14px 0 6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#5E7268}
#volWiz .vw-agree .vw-agree-h:first-child{margin-top:0}
#volWiz .vw-agree .vw-agree-a{font-weight:700;color:#1F3B33;padding:10px 12px;border-radius:12px;
  background:rgba(47,107,87,.07);box-shadow:inset 0 0 0 1px rgba(47,107,87,.16)}
#volWiz .vw-agree:focus-visible{outline:2px solid rgba(47,107,87,.45);outline-offset:4px;border-radius:8px}
body.dark #volWiz .vw-agree{color:#DCE5E1}
body.dark #volWiz .vw-agree .vw-agree-h{color:#9BB0A8}
body.dark #volWiz .vw-agree .vw-agree-a{color:#E8F1EC;background:rgba(155,183,149,.10);box-shadow:inset 0 0 0 1px rgba(155,183,149,.22)}

/* an inactive volunteer's card reads quieter, the way a completed program's does */
.mh-app .vl-card.vl-off{opacity:.88}