.column, .join { --experiment-fuchsia: #C91D6E; }
.column { background: var(--experiment-fuchsia); color: var(--paper); }
.column .accent { color: inherit; }
#rules { background: #F8F4EB; margin-block: clamp(2rem, 5vw, 4rem); padding: clamp(1.5rem, 4vw, 3rem); }
#rules .rules article { border-top-color: #1034D0; }
.join { background: #141212; color: var(--paper); }
.join h2 em { color: var(--experiment-fuchsia); }
.join .button { background: var(--experiment-fuchsia); }
.join .button:hover { background: var(--accent-dark); }
.join .signup-progress { margin-bottom: .75rem; }
.join .signup-panels { min-block-size: 13rem; }
.join .signup-step-title { margin: 0 0 .65rem; font-size: 1.35rem; }
.join .signup-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.join .signup-back { background: transparent; color: inherit; border: 1px solid currentColor; }
.join .signup-back:hover { background: var(--ink); }
.join [hidden] { display: none; }
@media (max-width: 480px) {
  .join .signup-panels { min-block-size: 17rem; }
}