/*
 * Same card treatment as related-chapters/style.css, deliberately kept as
 * an independent copy rather than a shared stylesheet — these two blocks
 * are used in different contexts (per-thread vs. per-character/faction)
 * and should be free to diverge later without one edit silently affecting
 * the other.
 */
.q52-ls-tag-archive {
	--_ls-card: var(--ls-card, #fff);
	--_ls-text: var(--ls-text, #2a2418);
	--_ls-muted: var(--ls-text-muted, #6b5f48);
	--_ls-accent: var(--ls-accent, #8a2418);
	--_ls-border: var(--ls-border, rgba(42, 36, 24, 0.16));
}

.q52-ls-tag-archive__empty {
	color: var(--_ls-muted);
	font-family: Merriweather, Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
}

.q52-ls-tag-archive__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1rem;
}

.q52-ls-tag-archive__card {
	background-color: var(--_ls-card);
	border: 1px solid var(--_ls-border);
	border-radius: 3px;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.q52-ls-tag-archive__card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	transform: translateY(-1px);
}

.q52-ls-tag-archive__card-link,
.q52-ls-tag-archive__card-link:visited {
	display: flex;
	flex-direction: column;
	gap: 0.35em;
	padding: 1.1rem 1.1rem 1.4rem;
	text-decoration: none;
	height: 100%;
}

.q52-ls-tag-archive__card-num {
	font-size: 0.68rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-variant-numeric: tabular-nums;
	color: var(--_ls-accent);
}

.q52-ls-tag-archive__card-title {
	font-family: "Playfair Display", Charter, Cambria, serif;
	font-size: 1.05rem;
	color: var(--_ls-text);
	line-height: 1.3;
}

.q52-ls-tag-archive__card-excerpt {
	font-family: Merriweather, Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--_ls-muted);
}

@media (max-width: 480px) {
	.q52-ls-tag-archive__grid {
		grid-template-columns: 1fr;
	}
}