/* Story card — hover lift + the category tag pill overlaid on the gradient
   "photo". Shared by every story Query Loop. Tokens from theme.json. */
.wb-card {
	overflow: hidden;
	transition: transform var(--wp--custom--motion, 200ms) ease, box-shadow 200ms ease;
	box-shadow: var(--wp--preset--shadow--sm);
	height: 100%;
}
.wb-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--wp--preset--shadow--md);
}
.wb-card .wp-block-post-title { margin: 0; }
.wb-card .wp-block-post-title a { color: var(--wp--preset--color--ink); }
.wb-card .wp-block-post-title a:hover { color: var(--wp--preset--color--clay); }

/* Category tag pill, sitting on the gradient media. */
.wb-tag a,
.wb-tag {
	display: inline-block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--color--paper);
	padding: 3px 10px;
	border-radius: 999px;
	box-shadow: var(--wp--preset--shadow--sm);
	text-decoration: none;
}
.wb-tag a:hover { color: var(--wp--preset--color--clay); }