.tjp-platforms{
	--tjp-green:#0CB182;
	--tjp-green-dark:#087C5B;
	--tjp-navy:#11192C;
	--tjp-text:#2B3242;
	--tjp-muted:#667085;
	--tjp-border:#E3E7EC;
	--tjp-bg:#F8FAF9;
	margin:56px 0 0;
	font-family:inherit;
}
.tjp-platforms__head{
	margin-bottom:20px;
}
.tjp-platforms__eyebrow{
	display:block;
	margin-bottom:3px;
	color:var(--tjp-green-dark);
	font-size:12px;
	line-height:1.4;
	font-weight:800;
}
.tjp-platforms__title{
	margin:0;
	color:var(--tjp-navy);
	font-size:25px;
	line-height:1.3;
	font-weight:900;
}
.tjp-platforms__description{
	margin:6px 0 0;
	color:var(--tjp-muted);
	font-size:13px;
	line-height:1.7;
}
.tjp-platforms__scroll{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}
.tjp-platform-card{
	min-width:0;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border:1px solid var(--tjp-border);
	border-radius:18px;
	background:#fff;
	color:var(--tjp-text);
	text-decoration:none !important;
	box-shadow:0 6px 20px rgba(17,25,44,.04);
	transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.tjp-platform-card:hover{
	transform:translateY(-3px);
	border-color:rgba(12,177,130,.55);
	box-shadow:0 10px 28px rgba(17,25,44,.08);
	color:var(--tjp-text);
}
.tjp-platform-card__image-wrap{
	display:block;
	aspect-ratio:1/1;
	overflow:hidden;
	background:var(--tjp-bg);
}
.tjp-platform-card__image{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	padding:12px;
}
.tjp-platform-card__body{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	padding:13px 14px 14px;
}
.tjp-platform-card__name{
	min-width:0;
	color:var(--tjp-navy);
	font-size:14px;
	line-height:1.45;
	font-weight:850;
}
.tjp-platform-card__cta{
	flex:0 0 auto;
	color:var(--tjp-green-dark);
	font-size:11px;
	line-height:1.4;
	font-weight:800;
	white-space:nowrap;
}
.tjp-admin-warning{
	margin-top:14px;
	padding:10px 12px;
	border:1px solid #f0d99b;
	border-radius:10px;
	background:#fff9e8;
	color:#7a5b00;
	font-size:12px;
	line-height:1.6;
}

@media (max-width:849px){
	.tjp-platforms{
		margin-top:46px;
	}
	.tjp-platforms__head{
		margin-bottom:17px;
	}
	.tjp-platforms__scroll{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:12px;
	}
}

@media (max-width:549px){
	.tjp-platforms{
		margin-top:38px;
	}
	.tjp-platforms__head{
		margin-bottom:14px;
	}
	.tjp-platforms__title{
		font-size:22px;
	}
	.tjp-platforms__scroll{
		display:grid;
		grid-auto-flow:column;
		grid-auto-columns:68%;
		grid-template-columns:none;
		gap:10px;
		overflow-x:auto;
		overflow-y:hidden;
		padding:2px 2px 10px;
		scroll-snap-type:x proximity;
		scroll-behavior:smooth;
		overscroll-behavior-inline:contain;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}
	.tjp-platforms__scroll::-webkit-scrollbar{
		display:none;
	}
	.tjp-platform-card{
		scroll-snap-align:start;
		border-radius:15px;
	}
	.tjp-platform-card__image{
		padding:8px;
	}
	.tjp-platform-card__body{
		padding:10px 11px 11px;
	}
	.tjp-platform-card__name{
		font-size:13px;
	}
	.tjp-platform-card__cta{
		font-size:10px;
	}
}

@media (max-width:360px){
	.tjp-platforms__scroll{
		grid-auto-columns:82%;
	}
}


/* v1.0.1 — tighter desktop layout and safer page spacing */
.tjp-platforms{
	max-width:1200px;
	margin:56px auto 0;
	padding:0 24px;
	box-sizing:border-box;
}

.tjp-platforms__head{
	padding:0 2px;
}

.tjp-platforms__scroll{
	gap:16px;
}

.tjp-platform-card{
	border-radius:16px;
}

.tjp-platform-card__image-wrap{
	aspect-ratio:auto;
	height:185px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12px;
	box-sizing:border-box;
}

.tjp-platform-card__image{
	width:auto;
	height:auto;
	max-width:82%;
	max-height:82%;
	object-fit:contain;
	padding:0;
}

.tjp-platform-card__body{
	padding:11px 13px 13px;
}

@media (min-width:1200px){
	.tjp-platforms__scroll{
		grid-template-columns:repeat(4,minmax(0,1fr));
	}
}

@media (max-width:849px){
	.tjp-platforms{
		padding:0 18px;
	}
	.tjp-platform-card__image-wrap{
		height:165px;
	}
}

@media (max-width:549px){
	.tjp-platforms{
		padding:0 14px;
	}
	.tjp-platforms__scroll{
		grid-auto-columns:72%;
	}
	.tjp-platform-card__image-wrap{
		height:155px;
		padding:10px;
	}
	.tjp-platform-card__image{
		max-width:84%;
		max-height:84%;
	}
}

@media (max-width:360px){
	.tjp-platforms{
		padding:0 12px;
	}
	.tjp-platforms__scroll{
		grid-auto-columns:84%;
	}
}


/* v1.1.0 — Horizontal scroll on all devices */
.tjp-platforms__scroll{
	display:grid !important;
	grid-template-columns:none !important;
	grid-auto-flow:column !important;
	grid-auto-columns:calc((100% - 48px) / 4.15) !important;
	gap:16px !important;
	overflow-x:auto !important;
	overflow-y:hidden !important;
	padding:3px 2px 14px !important;
	scroll-snap-type:x proximity;
	scroll-behavior:smooth;
	overscroll-behavior-inline:contain;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
	scrollbar-color:rgba(8,124,91,.28) transparent;
}

.tjp-platforms__scroll::-webkit-scrollbar{
	display:block;
	height:6px;
}

.tjp-platforms__scroll::-webkit-scrollbar-track{
	background:transparent;
}

.tjp-platforms__scroll::-webkit-scrollbar-thumb{
	background:rgba(8,124,91,.24);
	border-radius:999px;
}

.tjp-platform-card{
	width:100%;
	scroll-snap-align:start;
}

@media (max-width:849px){
	.tjp-platforms__scroll{
		grid-template-columns:none !important;
		grid-auto-columns:36% !important;
		gap:12px !important;
	}
}

@media (max-width:549px){
	.tjp-platforms__scroll{
		grid-template-columns:none !important;
		grid-auto-columns:72% !important;
		gap:10px !important;
		padding-bottom:10px !important;
		scrollbar-width:none;
	}
	.tjp-platforms__scroll::-webkit-scrollbar{
		display:none;
	}
}

@media (max-width:360px){
	.tjp-platforms__scroll{
		grid-auto-columns:84% !important;
	}
}