/* case詳細の共通著者カード。`.single-detail__body`配下のリセット(p/img)より高い詳細度で限定指定する。 */
.single-detail__body .case-author-card {
	margin: 2.5rem 0 0;
	padding: 1.25rem;
	border: 1px solid var(--idc-color-border);
	border-radius: 6px;
	background: #f7faf9;
	line-height: 1.7;
}

.single-detail__body .case-author-card__heading {
	margin: 0 0 0.875rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid var(--idc-color-primary);
	color: var(--idc-color-primary-dark);
	font-weight: 700;
}

.single-detail__body .case-author-card__body {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
}

.single-detail__body .case-author-card__photo {
	flex: 0 0 7.5rem;
	width: 7.5rem;
	max-width: 7.5rem;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 4px;
}

.single-detail__body .case-author-card__text {
	min-width: 0;
}

.single-detail__body .case-author-card__name {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
}

.single-detail__body .case-author-card__name small {
	margin-left: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 400;
}

.single-detail__body .case-author-card__role {
	margin: 0.125rem 0 0.5rem;
	color: var(--idc-color-primary-dark);
	font-size: 0.875rem;
}

.single-detail__body .case-author-card__bio {
	margin: 0;
	font-size: 0.9375rem;
}

.single-detail__body .case-author-card__link {
	margin: 0.625rem 0 0;
	font-size: 0.9375rem;
}

.single-detail__body .case-author-card__link a {
	color: var(--idc-color-primary-dark);
	text-decoration: underline;
}

@media (max-width: 575.98px) {
	.single-detail__body .case-author-card__body {
		flex-direction: column;
		align-items: center;
		gap: 0.875rem;
	}

	.single-detail__body .case-author-card__text {
		width: 100%;
	}
}