/* local overrides */
html .section-september-event [data-tile-id="hero-september-2026-apple-event"] {
	background-color: #42679e;
}

.section-september-event
	[data-component-list~="SeptemberEvent2026"]
	.tile-ctas {
	display: flex;
	column-gap: 5px;
}

@media only screen and (max-width: 400px) {
	.section-september-event
		[data-component-list~="SeptemberEvent2026"]
		.tile-ctas {
		display: grid;
	}
	.section-september-event
		[data-component-list~="SeptemberEvent2026"]
		.tile-ctas
		.button-secondary-neutral {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 500px) {
	.section-september-event
		[data-component-list~="SeptemberEvent2026"]
		.tile-ctas {
		display: flex;
		flex-direction: column;
	}
	.section-september-event
		[data-component-list~="SeptemberEvent2026"]
		.tile-ctas
		.button-neutral {
		max-width: 130px;
		text-wrap: unset;
	}
	.section-september-event
		[data-component-list~="SeptemberEvent2026"]
		.tile-ctas
		.button-secondary-neutral {
		margin-top: 20px;
	}
}

/* avail message breaking points */

@media only screen and (min-width: 1069px) {
	[data-component-list~="SeptemberEvent2026"]
		.tile-copy-wrapper
		.tile-callout {
		max-width: 340px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	[data-component-list~="SeptemberEvent2026"]
		.tile-copy-wrapper
		.tile-callout {
		max-width: 340px;
	}
}

@media only screen and (max-width: 734px) {
	[data-component-list~="SeptemberEvent2026"]
		.tile-copy-wrapper
		.tile-callout {
		max-width: 340px;
	}
}