/*
 * Volunteer-specific details reuse the conference essentials and photo modules.
 * Native blocks keep recruitment copy and links editable without page scripts.
 */
.iac-volunteer-page .iac-volunteer-event {
  margin-top: calc(1.5rem * var(--iac-ui-scale, 1)) !important;
  font-size: var(--iac-type-body);
  line-height: 1.8;
}

.iac-volunteer-photo {
  min-width: 0;
  padding: calc(1.25rem * var(--iac-ui-scale, 1));
  border: 1px solid var(--iac-tiac-line);
  border-radius: 3px 8px 8px 3px;
  background: var(--iac-paper-raised);
  box-shadow: 4px 4px 0 var(--iac-paper-soft);
}

.iac-volunteer-page .iac-volunteer-options {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(24rem * var(--iac-ui-scale, 1))), 1fr));
}

.iac-volunteer-page .iac-volunteer-role-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(22rem * var(--iac-ui-scale, 1))), 1fr));
}

.iac-volunteer-page .iac-info-card > p + p {
  margin-top: calc(1rem * var(--iac-ui-scale, 1)) !important;
}

/* This dated form note helps applicants avoid choosing past interview dates. */
.iac-volunteer-form-note {
  max-width: 65ch;
  margin-top: calc(2rem * var(--iac-ui-scale, 1)) !important;
  padding: calc(1.5rem * var(--iac-ui-scale, 1));
  border: 1px solid var(--iac-tiac-line);
  border-left: 4px solid var(--iac-accent);
  border-radius: 3px;
  background: var(--iac-paper-raised);
  font-size: var(--iac-type-body);
  line-height: 1.8;
}

.iac-volunteer-form-note h3 {
  margin-bottom: calc(1rem * var(--iac-ui-scale, 1)) !important;
  font: 400 max(1rem, calc(1.75rem * var(--iac-ui-scale, 1)))/1.2 'DM Serif Display', Georgia, serif;
}

.iac-volunteer-form-note > p + p {
  margin-top: calc(1rem * var(--iac-ui-scale, 1)) !important;
}

.iac-volunteer-page .iac-volunteer-form-context {
  max-width: 65ch;
  margin-top: calc(1rem * var(--iac-ui-scale, 1)) !important;
  font-size: var(--iac-type-small);
  line-height: 1.8;
}

.iac-volunteer-page :is(h1, h2, h3, p, summary) {
  overflow-wrap: anywhere;
}