.vh-activity-participants { margin: 0 0 2rem; padding: clamp(1.2rem, 3vw, 2rem); border-radius: 20px; background: #073f53; color: #fff; box-shadow: 0 12px 30px #073f5317; overflow-wrap: anywhere; }
.buurthuis-single-activiteit .vh-activity-participants h2 { margin: 0 0 .25rem; color: #fff; font-size: clamp(1.4rem, 3vw, 1.8rem); }
.vh-activity-participants .vh-participants-date { margin: 0 0 1.3rem; color: #d6edf4; }
.vh-participants-poll + .vh-participants-poll { border-top: 1px solid #ffffff40; margin-top: 1.5rem; padding-top: 1.5rem; }
.vh-participants-counts { display: grid; grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)); gap: .75rem; margin: 0 0 1rem; }
.vh-participants-count { display: flex; flex-direction: column-reverse; gap: .25rem; padding: .85rem 1rem; border: 1px solid #ffffff35; border-radius: 12px; background: #ffffff0c; }
.vh-participants-count dt { color: #e3f2f7; font-size: .95rem; }
.vh-participants-count dd { margin: 0; font-size: 2rem; font-weight: 800; line-height: 1.2; }
.vh-activity-participants .vh-participants-tables { margin: .8rem 0 1.2rem; color: #e3f2f7; }
.vh-participants-join { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: .65rem 1.35rem; box-sizing: border-box; border-radius: 999px; background: #fff; color: #00516b; text-decoration: none; font-weight: 750; }
.vh-participants-join:hover { background: #e3f2f7; color: #073f53; }
.vh-participants-join:focus-visible { outline: 3px solid #f4c55b; outline-offset: 4px; }
.vh-activity-participants .vh-participants-status { margin: .9rem 0 0; color: #cce4ed; font-size: .85rem; }
.vh-participants-status:empty { display: none; }
@media (max-width: 420px) { .vh-participants-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vh-participants-count { padding: .7rem; } .vh-participants-join { width: 100%; } }