/* Shared volunteer refinements from the homepage. Base layout uses site.css tokens. */
@media (max-width:767px){
  body:not(.desktop-preview) #volunteers .volunteers-title{
    font-size:clamp(31px,8.2vw,37px) !important;
    line-height:1.04 !important;
    font-weight:900 !important;
  }
  body:not(.desktop-preview) #volunteers .volunteers-title > span{ white-space:nowrap; }
  body:not(.desktop-preview) #volunteers .volunteers-lead{
    width:min(calc(100% - 30px),470px);
    max-width:none;
    margin-top:6px !important;
    padding-inline:0;
    font-size:clamp(13px,3.6vw,14.5px) !important;
    line-height:1.3 !important;
  }
  body:not(.desktop-preview) #volunteers .section-tag{ width:156px; }
  body:not(.desktop-preview) #volunteers .volunteers-nav-row .vl-nav{
    position:relative;
    width:34px !important;
    height:34px !important;
    border-width:1px;
  }
  body:not(.desktop-preview) #volunteers .volunteers-nav-row .vl-nav::before{
    content:'';
    position:absolute;
    inset:-5px;
    border-radius:50%;
  }
  body:not(.desktop-preview) #volunteers .volunteers-nav-row .vl-nav svg{
    width:34%;
    height:34%;
    stroke-width:1.8 !important;
  }
}