/* The main stylesheet and main.js provide the shared horror effects. */
.volunteer-main { padding-top: calc(var(--header-height) + 2rem); }
.volunteer-top { max-width: 1080px; }
.volunteer-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.volunteer-heading h1 { margin: 0; font-size: clamp(2.2rem, 5vw, 4rem); line-height: 1.12; overflow-wrap: anywhere; }
.volunteer-heading .text-link { font-size: .95rem; }
.volunteer-top .jotform-shell { margin-top: 0; padding: clamp(.4rem, 1.3vw, 1rem); border-top: 2px solid #b71f2c; }
.volunteer-top .jotform-embed { color-scheme: light; }
.volunteer-fallback { margin-top: 1rem; font-size: .95rem; }
.volunteer-fallback a { text-decoration: underline; text-underline-offset: .2em; }
.volunteer-details { max-width: 1080px; padding-block: clamp(2.5rem, 6vw, 5rem); }
.volunteer-details h2 { max-width: 100%; font-size: clamp(2rem, 4vw, 3.3rem); line-height: 1.15; }
.volunteer-details .button { margin-top: 1rem; }
.volunteer-page .site-nav [aria-current="page"] { color: #f07479; }
@media (max-width: 600px) {
  .volunteer-main { padding-top: calc(var(--header-height) + 1.3rem); }
  .volunteer-heading { gap: .5rem; }
  .volunteer-top .jotform-shell { padding: 0; }
}