/*
 * 実務記事末尾の「関連する薬剤情報」ボックス。
 * 既存 poc-top.css の CSS変数（--poc-ink / --poc-muted / --poc-line / --poc-bg / --poc-blue-d /
 * --poc-radius / --poc-shadow）を流用し、新しいトークンは追加しない。
 */
.poc-related-box {
	margin: 28px 0 0;
	padding: 18px 20px;
	background: var(--poc-bg, #f4f8fe);
	border: 1px solid var(--poc-line, #dbe7f6);
	border-radius: var(--poc-radius, 18px);
}

.poc-related-box__title {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: var(--poc-ink, #17324d);
}

.poc-related-box__link {
	display: block;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--poc-line, #dbe7f6);
	border-radius: 12px;
	text-decoration: none;
	transition: box-shadow .15s ease, transform .15s ease;
}

.poc-related-box__link:hover {
	box-shadow: var(--poc-shadow, 0 2px 6px rgba(23, 50, 77, .05), 0 8px 24px rgba(47, 124, 246, .08));
	transform: translateY(-1px);
}

.poc-related-box__name {
	display: block;
	font-weight: 700;
	color: var(--poc-blue-d, #1d5fd0);
	font-size: 15px;
	margin: 0 0 4px;
}

.poc-related-box__desc {
	display: block;
	color: var(--poc-muted, #5a6f86);
	font-size: 13px;
	line-height: 1.6;
}