/**
 * 監修者ボックス用CSS（SWELL の author box スタイルを継承）
 * 配置先: wp-content/themes/swell_child/assets/css/supervisor-box.css
 */

/* 監修者ボックス全体は著者ボックスとの間隔だけ調整 */
.l-articleBottom__section.-supervisor {
	margin-top: 2.4em;
}

/* SWELLアイコンフォントに無い SNS（linkedin等）を FontAwesome Brands で補完 */
.l-articleBottom__section.-supervisor .icon-linkedin::before {
	font-family: "Font Awesome 6 Brands" !important;
	font-weight: 400 !important;
	content: "\f0e1" !important;
}
.l-articleBottom__section.-supervisor .icon-note::before {
	font-family: "Font Awesome 6 Free" !important;
	font-weight: 900 !important;
	content: "\f15c" !important; /* file-lines (note代用) */
}

/* 写真は四角（著者アバターは丸だが監修者は四角で差別化） */
.l-articleBottom__section.-supervisor .p-authorBox__avatar,
.l-articleBottom__section.-supervisor .p-authorBox__l img {
	border-radius: 4px !important;
	width: 100px !important;
	height: 100px !important;
	object-fit: cover;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
}