/*-----------------------------------------------------------------------------------
    CogniFlow® — /supporters/ page styles
    About: Timeline-style cards for support/funding history entries. Kept in
           its own file so it's safe to edit without touching shared
           style.css or other pages.
    Author: Tamas Pardy (with Claude)
-----------------------------------------------------------------------------------*/

.timeline-entry{
	display:flex;
	gap:28px;
	align-items:flex-start;
	margin-bottom:36px;
}
.timeline-entry:last-child{
	margin-bottom:0;
}

.timeline-year{
	flex:0 0 108px;
	text-align:right;
	padding-top:34px;
}
.timeline-year h4{
	color:var(--swatch-var-7096);
	font-weight:bold;
	margin:0;
}

.timeline-card{
	flex:1 1 auto;
	background:var(--swatch-var-4279);
	border-radius:20px;
	padding:32px;
	box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.timeline-card-logo{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:50px;
	margin-bottom:16px;
}
.timeline-card-logo picture{
	display:flex;
	align-items:center;
	height:50px;
}
.timeline-card-logo img{
	display:block;
	max-height:50px;
	width:auto;
}

.timeline-card-media{
	border-radius:14px;
	overflow:hidden;
	background:linear-gradient(150deg, rgba(45,50,80,.06) 0%, rgba(66,71,105,.12) 100%);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12px;
	margin-top:20px;
}
.timeline-card-media img{
	max-width:100%;
	max-height:220px;
	object-fit:contain;
	border-radius:8px;
}

@media (max-width:767px){
	.timeline-entry{
		flex-direction:column;
		gap:10px;
	}
	.timeline-year{
		text-align:left;
		padding-top:0;
		flex:none;
	}
	.timeline-card{padding:26px 22px;}
}