/* ECB Lead Capture 1.1.0: step-3 property questions (tap chips) on the hero form.
   Colors come from the Open Morning role tokens (--ink, --surface, --structural, --accent-deep, --band-text). */
.ecb-step3 .ecb-q { display: flex; flex-direction: column; gap: 18px; }
.ecb-qg[hidden] { display: none; }
.ecb-ql { font-size: 15px; font-weight: 600; color: var(--ink); margin-bottom: 8px; }
.ecb-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ecb-chip {
	font-family: "Public Sans", sans-serif; font-size: 14.5px; font-weight: 500; line-height: 1.25;
	padding: 10px 14px; border-radius: 4px; cursor: pointer; text-align: left;
	background: var(--surface);
	background: color-mix(in srgb, var(--surface) 88%, transparent);
	border: 1px solid rgba(var(--structural-rgb), 0.25); color: var(--ink);
	transition: background .14s, border-color .14s, color .14s;
}
.ecb-chip:hover { border-color: var(--accent-deep); }
.ecb-chip:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.45); }
.ecb-chip[aria-pressed="true"] { background: var(--structural); border-color: var(--structural); color: var(--band-text); }
.hero-form .ecb-follow { margin-top: 8px; padding: 13px 14px; font-size: 15px; }
.hero-form .ecb-follow[hidden] { display: none; }
.hero-form .ecb-q input[type="text"] { padding: 13px 14px; font-size: 15px; }
.ecb-skip {
	display: block; width: 100%; margin-top: 10px; padding: 6px; background: none; border: 0; cursor: pointer;
	font-family: "Public Sans", sans-serif; font-size: 14px; color: var(--ink-soft);
	text-decoration: underline; text-underline-offset: 3px;
}
.ecb-skip:hover { color: var(--accent-deep); }
.ecb-thanks a { text-decoration: none; }
@media (max-width: 480px) {
	.ecb-chip { font-size: 14px; padding: 10px 12px; }
}