/**
 * related-chips.php. Ported verbatim from research-misconduct.html —
 * this is the `.related-chip` pattern specifically (Related Matters
 * cross-links). Home's visually distinct `.cred-chip` (credential
 * chips: serif italic, different padding/color) is a different,
 * Home-page-specific pattern, not this component — see
 * docs/CONTENT_MODEL.md's distinction between Related Matters (§G) and
 * Home's `credential_chips` (page-level field). It belongs in
 * assets/css/pages/ once Phase 4.1 builds Home, not here.
 */

.related-row {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 22px;
}

.related-chip {
	font-size: 13px;
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 9px 16px;
	text-decoration: none;
	color: var(--ink-soft);
	background: var(--paper-raised);
}

.related-chip:hover {
	border-color: var(--oxblood);
	color: var(--oxblood);
}