/* Mobile-only principles layout. The desktop/tablet component remains unchanged. */
.tenabo-why-mobile {
	display: none;
}

@media (max-width: 639px) {
	.tenabo-why {
		display: none;
	}

	.tenabo-why-mobile {
		display: block;
		background: var(--tenabo-ink);
		color: #fff;
	}

	.tenabo-principles-mobile {
		border-top: 1px solid rgba(255, 255, 255, 0.12);
	}

	.tenabo-principles-mobile article {
		padding: 1.5rem 0 1.75rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	.tenabo-principles-mobile article > span {
		color: var(--tenabo-orange);
		font-size: 0.8125rem;
		font-weight: 900;
	}

	.tenabo-principles-mobile article p {
		margin: 1rem 0 0;
		color: #9eaaac;
		line-height: 1.65;
	}
}