/* Intervention hub improvement journey — dark band (matches post-results interest form) */

.airb-hub-journey-wrap,
#airb-hub-interest {
	--airb-interest-bg: var(--gray-900, #1e1e1e);
	--airb-interest-surface: rgba(0, 0, 0, 0.35);
	--airb-interest-surface-2: var(--gray-800, #262626);
	--airb-interest-text: var(--white, #ffffff);
	--airb-interest-muted: var(--gray-400, #a3a3a3);
	--airb-interest-border: rgba(255, 255, 255, 0.12);
	--airb-interest-accent: var(--accent-green, #22c55e);

	margin-top: 3rem;
	padding: 1.75rem 1.5rem 2rem;
	border: 1px solid var(--airb-interest-border);
	border-radius: var(--border-radius, 4px);
	background: var(--airb-interest-bg);
	color: var(--airb-interest-text);
	color-scheme: dark;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
	scroll-margin-top: 1.5rem;
}

.airb-hub-journey-wrap .airb-hub-section-title,
.airb-hub-journey-wrap .airb-hub-subtitle,
.airb-hub-journey-wrap .airb-hub-next-intro,
.airb-hub-journey-wrap .airb-hub-focus-line,
.airb-hub-journey-wrap .airb-hub-overall-line,
.airb-hub-journey-wrap .airb-hub-action-item,
.airb-hub-journey-wrap .airb-hub-action-text,
.airb-hub-journey-wrap .airb-hub-leading-list li,
.airb-hub-journey-wrap .airb-hub-school-list li,
.airb-hub-journey-wrap .airb-hub-school p,
.airb-hub-journey-wrap .airb-hub-ladder-item,
.airb-hub-journey-wrap .airb-hub-support-summary,
.entry-content--timeline .airb-hub-journey-wrap,
.single-timeline-entry__content .airb-hub-journey-wrap {
	color: var(--airb-interest-text);
}

.airb-hub-journey-wrap .airb-hub-action-item a,
.airb-hub-journey-wrap .airb-hub-pathway-step a,
.airb-hub-journey-wrap .airb-hub-ladder-item a {
	color: var(--airb-interest-accent);
}

.airb-hub-journey-wrap .airb-hub-pathway-step.is-todo {
	color: var(--airb-interest-muted);
}

.airb-hub-journey-wrap .airb__muted {
	color: var(--airb-interest-muted);
}

.single-timeline-entry--hub .airb-hub-journey-wrap,
.single-timeline-entry--hub .airb-hub-interest-wrap {
	max-width: 42rem;
}

.airb-hub-section-title {
	margin: 0 0 0.65rem;
	font-size: 1.15rem;
	line-height: 1.3;
	color: var(--airb-interest-text);
}

.airb-hub-subtitle {
	margin: 1rem 0 0.45rem;
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--airb-interest-text);
}

.airb-hub-next-step,
.airb-hub-pathway,
.airb-hub-leading,
.airb-hub-school,
.airb-hub-ladder {
	margin-bottom: 1.5rem;
	padding-bottom: 1.35rem;
	border-bottom: 1px solid var(--airb-interest-border);
}

.airb-hub-ladder {
	border-bottom: none;
	margin-bottom: 0.5rem;
	padding-bottom: 0;
}

.airb-hub-focus-score {
	margin: 0.35rem 0 0.75rem;
	padding: 0.85rem 1rem;
	border-radius: var(--border-radius, 4px);
	background: var(--airb-interest-surface);
	border: 1px solid var(--airb-interest-border);
}

.airb-hub-focus-line,
.airb-hub-overall-line {
	margin: 0.2rem 0;
	font-size: 0.95rem;
}

.airb-hub-action-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.airb-hub-action-item {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	padding: 0.4rem 0;
	font-size: 0.95rem;
	line-height: 1.45;
}

.airb-hub-action-item.is-done {
	opacity: 0.72;
}

.airb-hub-action-item label {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	cursor: pointer;
	margin: 0;
}

.airb-hub-action-cb {
	margin-top: 0.2rem;
	flex: none;
	accent-color: var(--airb-interest-accent);
}

.airb-hub-action-box {
	font-size: 1rem;
	line-height: 1;
	color: var(--airb-interest-accent);
	flex: none;
	margin-top: 0.1rem;
}

.airb-hub-pathway-list,
.airb-hub-leading-list,
.airb-hub-school-list,
.airb-hub-ladder-list {
	margin: 0.35rem 0 0;
	padding: 0;
	list-style: none;
}

.airb-hub-pathway-list {
	counter-reset: pathway;
}

.airb-hub-pathway-step {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	padding: 0.35rem 0;
	font-size: 0.94rem;
	line-height: 1.45;
}

.airb-hub-pathway-step.is-done {
	color: var(--airb-interest-text);
}

.airb-hub-pathway-step.is-todo {
	color: var(--airb-interest-muted);
}

.airb-hub-pathway-mark,
.airb-hub-leading-mark {
	flex: none;
	font-weight: 700;
	color: var(--airb-interest-accent);
}

.airb-hub-leading-list li,
.airb-hub-school-list li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 0.28rem 0;
	font-size: 0.94rem;
	line-height: 1.45;
}

.airb-hub-ladder-item {
	padding: 0.35rem 0;
	font-size: 0.94rem;
	line-height: 1.45;
}

.airb-hub-ladder-item.is-current {
	font-weight: 600;
}

.airb-hub-ladder-num {
	color: var(--airb-interest-muted);
	font-weight: 600;
}

.airb-hub-btn {
	display: inline-block;
	padding: 0.55rem 1rem;
	border-radius: 8px;
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	background: none;
	font-family: inherit;
}

.airb-hub-btn--primary {
	background: var(--airb-interest-accent);
	color: var(--gray-900, #1e1e1e);
	border-color: var(--airb-interest-accent);
}

.airb-hub-btn--primary:hover {
	background: var(--accent-green-dark, #15803d);
	border-color: var(--accent-green-dark, #15803d);
	color: var(--white, #ffffff);
}

.airb-hub-btn--secondary {
	background: transparent;
	color: var(--airb-interest-text);
	border-color: var(--airb-interest-border);
}

.airb-hub-btn--secondary:hover {
	background: var(--airb-interest-surface);
	border-color: rgba(255, 255, 255, 0.22);
}

.airb-hub-support {
	margin-top: 0.5rem;
	border-top: 1px dashed var(--airb-interest-border);
	padding-top: 0.75rem;
}

.airb-hub-support-summary {
	cursor: pointer;
	font-weight: 700;
	font-size: 0.98rem;
	padding: 0.35rem 0;
	list-style: none;
	color: var(--airb-interest-text);
}

.airb-hub-support-summary::-webkit-details-marker {
	display: none;
}

.airb-hub-support-body {
	margin-top: 0.85rem;
	padding-top: 0.25rem;
}

.airb__interest-summary--compact {
	margin-bottom: 1rem;
}

.airb-hub-interest-ref {
	text-transform: capitalize;
	font-size: 0.88rem;
	color: var(--airb-interest-muted);
}

.airb-hub-support-body.airb__interest {
	margin-top: 0.75rem;
	padding: 1.25rem 1.35rem;
	border-radius: var(--border-radius, 4px);
	background: var(--airb-interest-surface);
	border: 1px solid var(--airb-interest-border);
	color: var(--airb-interest-text);
	color-scheme: dark;
}

.airb-hub-journey-wrap .airb-hub-support-body.airb__interest {
	margin-top: 0.75rem;
	padding: 1.25rem 1.35rem;
	border-radius: var(--border-radius, 4px);
	background: var(--airb-interest-surface);
	border: 1px solid var(--airb-interest-border);
	color: var(--airb-interest-text);
	color-scheme: dark;
	box-shadow: none;
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-heading,
.airb-hub-journey-wrap .airb-hub-support-body .airb__label,
.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-legend {
	color: var(--airb-interest-text);
}

.airb-hub-support-body .airb__muted {
	color: var(--airb-interest-muted);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__muted {
	color: var(--airb-interest-muted);
}

/* Collapsed support form — same field styling as post-results interest form */
.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-heading {
	margin: 0 0 0.5rem;
	font-size: 1.25rem;
	color: var(--airb-interest-text);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-summary {
	margin: 1rem 0;
	padding: 0.75rem 1rem;
	border-radius: var(--border-radius, 4px);
	background: var(--airb-interest-surface-2);
	border: 1px solid var(--airb-interest-border);
	font-size: 0.92rem;
	color: var(--airb-interest-text);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-options {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	border: none;
	margin: 0 0 1rem;
	padding: 0;
	min-width: 0;
	width: 100%;
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-legend {
	display: block;
	width: 100%;
	font-weight: 600;
	margin: 0 0 0.85rem;
	padding: 0;
	color: var(--airb-interest-text);
}

.airb-hub-journey-wrap .airb-hub-support-body label.airb__interest-option {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 0.75rem 0.85rem;
	border-radius: var(--border-radius, 4px);
	background: var(--airb-interest-surface-2);
	border: 1px solid var(--airb-interest-border);
	cursor: pointer;
}

.airb-hub-journey-wrap .airb-hub-support-body label.airb__interest-option:hover {
	border-color: rgba(255, 255, 255, 0.22);
}

.airb-hub-journey-wrap .airb-hub-support-body label.airb__interest-option:has(input:checked) {
	border-color: var(--airb-interest-accent);
	background: rgba(34, 197, 94, 0.08);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-option input {
	accent-color: var(--airb-interest-accent);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-option-text strong {
	color: var(--airb-interest-text);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-option-desc {
	color: var(--airb-interest-muted);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-fields {
	display: grid;
	gap: 0.85rem;
	margin-bottom: 1rem;
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__input,
.airb-hub-journey-wrap .airb-hub-support-body .airb__textarea {
	background: var(--airb-interest-surface-2);
	border: 1px solid var(--airb-interest-border);
	color: var(--airb-interest-text);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__input::placeholder,
.airb-hub-journey-wrap .airb-hub-support-body .airb__textarea::placeholder {
	color: rgba(255, 255, 255, 0.38);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__field .airb__input:focus,
.airb-hub-journey-wrap .airb-hub-support-body .airb__field .airb__textarea:focus {
	outline: 2px solid var(--airb-interest-accent);
	outline-offset: 1px;
	border-color: var(--airb-interest-accent);
	box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.15);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__btn--primary {
	background: var(--airb-interest-accent);
	color: var(--gray-900, #1e1e1e);
	border-color: var(--airb-interest-accent);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__btn--primary:hover {
	background: var(--accent-green-dark, #15803d);
	border-color: var(--accent-green-dark, #15803d);
	color: var(--white, #ffffff);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-status--success {
	color: var(--airb-interest-accent);
}

.airb-hub-journey-wrap .airb-hub-support-body .airb__interest-status--error {
	color: #fca5a5;
}

@media (min-width: 640px) {
	.airb-hub-journey-wrap,
	.airb-hub-interest-wrap {
		padding: 2rem 1.75rem 2.25rem;
	}
}

@media (max-width: 768px) {
	.airb-hub-journey-wrap,
	.airb-hub-interest-wrap {
		margin-left: 0;
		margin-right: 0;
		border-radius: 0;
	}
}