/* Coordinator recruitment: homepage section (.co-cta) and the application page (.coa-*). Tokens only. */
.co-cta { text-align: center; background: var(--color-forest-900); color: var(--color-bg); border-radius: var(--radius-hero); padding: var(--space-8) var(--space-5); }
.co-cta-eyebrow { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-live); margin-bottom: var(--space-3); }
.co-cta h2 { font-size: var(--text-h2); color: var(--color-bg); margin-bottom: var(--space-3); }
.co-cta p { font-size: var(--text-base); line-height: 1.7; max-width: 32rem; margin: 0 auto var(--space-5); color: var(--color-bg); opacity: 0.8; }
@media (max-width: 768px) { .co-cta { padding: var(--space-7) var(--space-4); border-radius: var(--radius-2xl); } }

.coa-hero { margin-bottom: 0; }
.coa-form { display: grid; gap: var(--space-5); }
.coa-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2) var(--space-3); }
.coa-radios { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); }
.coa-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.coa-success { display: none; text-align: center; justify-items: center; padding: var(--space-7) var(--space-5); }
.coa-success p { color: var(--color-text-secondary); line-height: 1.7; }
.coa-page.is-sent .coa-form, .coa-page.is-sent .coa-hero { display: none; }
.coa-page.is-sent .coa-success { display: grid; }
.coa-error { display: none; }
.coa-error.is-visible { display: block; }
@media (max-width: 480px) { .coa-checks { grid-template-columns: minmax(0, 1fr); } }
.coa-brand { display: inline-flex; align-self: start; justify-self: start; }
.coa-brand img { display: block; height: var(--space-5); width: auto; }