/* Tech Hero Card (System Status) */
.tech-hero-card {
	background: #ffffff;
	color: #1e1e1e;
	border: 4px solid #1e1e1e;
	box-shadow: 12px 12px 0px #ff7043;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}
.tech-hero-card:hover {
	transform: translate(-6px, -6px);
	box-shadow: 18px 18px 0px #7e57c2;
	border-color: #7e57c2;
}
.tech-hero-card::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: repeating-linear-gradient(
		45deg,
		transparent,
		transparent 10px,
		rgba(255,112,67,0.03) 10px,
		rgba(255,112,67,0.03) 20px
	);
	animation: slide 20s linear infinite;
}
@keyframes slide {
	0% { transform: translate(0, 0); }
	100% { transform: translate(50px, 50px); }
}
/* Archive Cards (Software Style) */
.archive-card {
	background: #ffffff;
	color: #1e1e1e;
	border: 3px solid #1e1e1e;
	box-shadow: 8px 8px 0px #1e1e1e;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.archive-card:hover {
	transform: translate(-4px, -4px);
}
.archive-card.digital:hover {
	box-shadow: 12px 12px 0px #00d4ff;
	border-color: #00d4ff;
}
.archive-card.physical:hover {
	box-shadow: 12px 12px 0px #ff7043;
	border-color: #ff7043;
}
.archive-card.research:hover {
	box-shadow: 12px 12px 0px #7e57c2;
	border-color: #7e57c2;
}
.card-image {
	height: 200px;
	background: #1e1e1e;
	position: relative;
	overflow: hidden;
}
.card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(100%) contrast(120%);
	transition: all 0.3s ease;
}
.archive-card:hover .card-image img {
	filter: grayscale(0%) contrast(100%);
	transform: scale(1.05);
}
.card-tag {
	display: inline-block;
	padding: 4px 12px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #1e1e1e;
	margin-right: 8px;
	margin-bottom: 8px;
	transition: all 0.2s ease;
}
.card-tag.digital {
	background: #00d4ff;
	color: #1e1e1e;
}
.card-tag.physical {
	background: #ff7043;
	color: #1e1e1e;
}
.card-tag.research {
	background: #7e57c2;
	color: #ffffff;
}
.card-tag:hover {
	transform: rotate(-2deg) scale(1.1);
}
/* Status Pills */
.status-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #1e1e1e;
	background: #ffffff;
}
.status-pill::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
}
.status-pill.stable::before {
	background: #00ff88;
	box-shadow: 0 0 10px #00ff88;
}
.status-pill.beta::before {
	background: #ffcc00;
}
.status-pill.prototype::before {
	background: #ff4444;
}
.status-pill.published::before {
	background: #7e57c2;
}
.status-pill.preprint::before {
	background: #1e1e1e;
}
/* Active Tags Display */
#activeTags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 16px;
}

/* Equal height cards per row */
#cardGrid a {
	display: flex;
	flex-direction: column;
}