.card-link-center {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
	margin-bottom: 0;
}
.btn-original {
	display: inline-flex;
	align-items: center;
	background: linear-gradient(90deg, #6366f1 0%, #60a5fa 100%);
	color: #fff;
	font-weight: 600;
	font-size: 1.08rem;
	padding: 12px 28px;
	border-radius: 32px;
	box-shadow: 0 2px 12px rgba(99,102,241,0.10);
	text-decoration: none;
	transition: background 0.18s, box-shadow 0.18s, transform 0.12s;
	border: none;
	outline: none;
}
.btn-original:hover {
	background: linear-gradient(90deg, #818cf8 0%, #38bdf8 100%);
	box-shadow: 0 4px 18px rgba(99,102,241,0.18);
	transform: translateY(-2px) scale(1.04);
}
.card-topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
}
/* Minimal local adjustments moved from card.html */
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;margin:0;background:var(--bg);color:var(--text, #0b1120)}
.container{max-width:900px;margin:36px auto;padding:20px}
h1{margin:0 0 12px;font-size:1.6rem}
.card {
	background: linear-gradient(135deg, #f8fafc 0%, #e0e7ff 100%);
	border-radius: 18px;
	padding: 28px 28px 22px 28px;
	box-shadow: 0 8px 32px rgba(2,6,23,0.10);
	position: relative;
	transition: box-shadow 0.2s;
}
.card:hover {
	box-shadow: 0 12px 40px rgba(2,6,23,0.18);
}
.card-fancy {
	border: 1.5px solid #c7d2fe;
}
.animate-fadein {
	animation: fadein 0.8s cubic-bezier(.4,0,.2,1);
}
@keyframes fadein {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: none; }
}
.card-hero {
	width: 100%;
	height: 220px;
	overflow: hidden;
	border-radius: 14px;
	margin-bottom: 18px;
	box-shadow: 0 2px 16px rgba(2,6,23,0.08);
}
.card-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.card-header {
	margin-bottom: 10px;
}
.card-avatar {
	margin-bottom: 12px;
}
.avatar-img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(2,6,23,0.10);
	object-fit: cover;
}
.card-summary {
	font-size: 1.08rem;
	color: #374151;
	margin-bottom: 18px;
}
.card-social {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
}
.social-icon {
	width: 28px;
	height: 28px;
	vertical-align: middle;
	transition: transform 0.15s;
}
.social-icon:hover {
	transform: scale(1.18);
}
.embed-wrapper {
	margin-top: 18px;
	background: #eef2ff;
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 2px 8px rgba(2,6,23,0.06);
}
.card-link {
	margin-top: 18px;
	text-align: right;
}
h1{margin:0 0 12px;font-size:1.6rem}
.meta{color:var(--muted);font-size:0.95rem;margin-bottom:12px}
.embed-wrapper{margin-top:18px}
.back-link{display:inline-block;margin-top:0;margin-bottom:18px;color:var(--accent);text-decoration:none;font-weight:600;float:left;margin-right:16px;}
/* Position the share button top-right inside the card */
/* Hide old share button, replaced by social icons */
.card .share-btn{display:none}