.participation { padding: 0 0 clamp(3rem, 7vw, 5rem); }
.participation-card { background: var(--color-block); color: var(--color-on-block); border-radius: calc(var(--radius-card) + 4px); padding: clamp(1.75rem, 4vw, 2.5rem); display: flex; justify-content: space-between; gap: 2rem; align-items: flex-end; flex-wrap: wrap; }
.participation-card .eyebrow { color: var(--color-accent-on-block); }
.participation-card h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin: .4rem 0 .7rem; font-weight: 800; color: var(--color-on-block); }
.participation-card p { color: rgba(250,246,238,.68); max-width: 54ch; line-height: 1.6; }
.participation-actions { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.participation-actions .btn-ghost { background: transparent; border-color: rgba(250,246,238,.22); color: var(--color-on-block); }
.participation-actions .btn-ghost:hover { border-color: var(--color-accent-on-block); color: var(--color-accent-on-block); }

@media (max-width: 860px) {
  .participation-card { align-items: flex-start; flex-direction: column; }
  .participation-actions { justify-content: flex-start; }
}
@media (max-width: 500px) { .participation-actions .btn { flex: 1 1 auto; } }