/* Sender Signup — uses the theme's colour names when present (teal, line, soft, ink). */
.ss-wrap { text-align: center; }
.ss-fields { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 820px; margin: 20px auto 0; }
.ss-fields input[type=text], .ss-fields input[type=email] {
	font: inherit; padding: 10px 14px; border: 1px solid var(--wp--preset--color--line, #D8CDB8); background: #fff; min-width: 260px; flex: 1 1 260px; max-width: 320px; color: var(--wp--preset--color--ink, #2F3A3D);
}
.ss-arc { flex-basis: 100%; display: flex; gap: 8px; justify-content: center; align-items: center; font-size: 16px; cursor: pointer; }
.ss-arc input { width: 18px; height: 18px; accent-color: var(--wp--preset--color--teal, #1F6F86); }
.ss-button {
	background: var(--wp--preset--color--teal, #1F6F86); color: #fff; border: 0; cursor: pointer; padding: 11px 26px;
	font: inherit; font-size: 13px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase;
}
.ss-button:hover { background: var(--wp--preset--color--teal-dark, #17596C); }
.ss-button[disabled] { opacity: .6; cursor: wait; }
.ss-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ss-error { color: #9B2C2C; font-size: 15px; margin: 12px 0 0; }
.ss-fine { font-size: 13px; color: var(--wp--preset--color--soft, #5F665A); margin: 14px 0 0; }
.ss-admin-note { font-size: 12px; font-style: italic; color: #8A6A2E; margin: 10px 0 0; }
.ss-status { background: #FBF6EA; border: 1px solid var(--wp--preset--color--gold, #C9A96E); padding: 14px 18px; margin: 0 0 24px; text-align: center; }
/* Compact: email + button on one line (end of articles) */
.ss-wrap.is-compact .ss-fields { flex-wrap: nowrap; max-width: 520px; }
.ss-wrap.is-compact .ss-fields input[type=email] { max-width: none; }
@media (max-width: 600px) {
	.ss-fields input[type=text], .ss-fields input[type=email] { min-width: 0; max-width: none; flex-basis: 100%; }
	.ss-button { width: 100%; }
	.ss-wrap.is-compact .ss-fields { flex-wrap: wrap; }
}

/* ARC join button block (0.3.0) */
.ss-arc-join { margin: 1.5rem auto; padding: 1.25rem 1.5rem; border-radius: 10px; background: rgba(31, 111, 134, .08); text-align: center; }
.ss-arc-join p { margin: 0 0 1rem; }
.ss-arc-join p:last-child { margin-bottom: 0; }
.ss-arc-join form { margin: 0; }
.ss-arc-join.is-note { background: rgba(179, 38, 30, .07); }