/*
 * 関連記事ブロック。
 * テーマの既存デザインを壊さないよう、色はできるだけ親から継承し、
 * 自前で指定するのは余白と区切り線だけにしている。
 */
.bf-rp {
	margin: 2.5em 0 0;
	padding: 1.1em 1.2em 1.2em;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 6px;
	background: rgba(0, 0, 0, .02);
}

.bf-rp-h {
	margin: 0 0 .7em;
	padding: 0;
	font-size: 1.05em;
	line-height: 1.4;
	border: 0;
	background: none;
}

.bf-rp-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bf-rp-item {
	margin: 0;
	padding: .55em 0;
	border-top: 1px solid rgba(0, 0, 0, .08);
}

.bf-rp-item:first-child {
	border-top: 0;
	padding-top: 0;
}

.bf-rp-link {
	display: block;
	line-height: 1.55;
	text-decoration: none;
}

.bf-rp-link:hover,
.bf-rp-link:focus {
	text-decoration: underline;
}

/* 暗いテーマでも読めるように、明度ではなく透明度で調整している。 */
@media (prefers-color-scheme: dark) {
	.bf-rp {
		border-color: rgba(255, 255, 255, .18);
		background: rgba(255, 255, 255, .04);
	}

	.bf-rp-item {
		border-top-color: rgba(255, 255, 255, .12);
	}
}