/**
 * West of the Tunnel — Crossword Archive page styling
 *
 * !important is used throughout — the theme's own CSS has
 * repeatedly overridden plain rules elsewhere on this site, so
 * we're forcing these to win outright rather than fighting
 * specificity battles one at a time.
 */

.wott-archive-heading {
	text-align: center;
	margin-bottom: 1.5rem !important;
}

.wott-archive-list {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
	align-items: stretch !important;
	gap: 1.75rem !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wott-archive-list > li {
	border-bottom: none !important;
	list-style: none !important;
	height: 100% !important;
	display: flex !important;
	margin-top: 0 !important;
	margin-block-start: 0 !important;
}

.wott-archive-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	padding: 1.25rem 1rem !important;
	border: 1px solid #e5e5e5 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	color: inherit !important;
	height: 230px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	transition: box-shadow 0.2s, border-color 0.2s;
}

.wott-archive-card:hover {
	box-shadow: 0 3px 14px rgba(0, 0, 0, 0.12) !important;
	border-color: #941c1c !important;
}

.wott-archive-card-icon-wrap {
	position: relative;
	width: 96px;
	margin-bottom: 0.85rem;
}

.wott-archive-card-icon {
	width: 100%;
	display: block;
}

.wott-archive-card-badge {
	position: absolute !important;
	top: -8px !important;
	right: -8px !important;
	background: #1a6e1a !important;
	color: #fff !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

.wott-archive-card-title {
	font-size: 1rem !important;
	font-weight: 700 !important;
	color: #000 !important;
	margin-bottom: 0.25rem !important;
	text-decoration: none !important;
}

.wott-archive-card:hover .wott-archive-card-title {
	text-decoration: underline !important;
}

.wott-archive-card-date {
	font-size: 0.8rem !important;
	color: #888 !important;
}