/* components__VolunteerPage */
.vol-container:not(.mc-s) {
    max-width: 960px;
    padding-bottom: 5rem;
  }

  .vol-layout:not(.mc-s) {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 2.5rem;
    align-items: start;
  }

  .vol-form-card:not(.mc-s) {
    padding: var(--card-padding);
  }

  .vol-side:not(.mc-s) {
    display: grid;
    gap: 1.5rem;
  }

  .vol-side-card:not(.mc-s) {
    align-items: flex-start;
    padding: var(--card-padding);
  }

  .vol-side-card:not(.mc-s) h2:not(.mc-s) {
    margin-bottom: var(--space-s);
    font-size: 1.25rem;
  }

  .vol-side-card--quiet:not(.mc-s) {
    background: var(--paper);
  }

  .vol-side-card--quiet:not(.mc-s) p:not(.mc-s) {
    margin: 0 0 var(--space-s);
    color: var(--muted);
    font-size: 0.92rem;
  }

  .vol-next:not(.mc-s) {
    display: grid;
    gap: var(--space-s);
    margin: 0;
    padding-left: 1.25rem;
  }

  .vol-next:not(.mc-s) li:not(.mc-s)::marker {
    color: var(--teal);
    font-weight: 800;
  }

  .vol-next:not(.mc-s) strong:not(.mc-s) {
    display: block;
  }

  .vol-next:not(.mc-s) span:not(.mc-s) {
    color: var(--muted);
    font-size: 0.92rem;
  }

  @media (max-width: 850px) {
    .vol-layout:not(.mc-s) {
      grid-template-columns: minmax(0, 1fr);
    }
  }