/* [iisa_member] — 会員プロフィールから出す紹介枠。
   本文末尾の1行で済ませる .iisa-post-author とは別に、紹介文まで入る枠として持つ。 */

.iisa-member-card {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 1rem 1.25rem;
	line-height: 1.7;

	padding: 1.25rem;
	border: 1px solid;
	border-radius: 8px;
	border-color: currentColor;
}

@supports (border-color: color-mix(in srgb, currentColor 20%, transparent)) {
	.iisa-member-card {
		border-color: color-mix(in srgb, currentColor 20%, transparent);
	}
}

/* 写真の見せ方は shape 属性で切り替える。幅・高さ・object-fit は
   ショートコード側が style 属性で入れるので、ここでは形だけを持つ。 */
.iisa-member-card__photo {
	flex: none;
	display: block;
}

.iisa-member-card__photo.is-circle {
	border-radius: 50%;
}

.iisa-member-card__photo.is-square,
.iisa-member-card__photo.is-natural {
	border-radius: 6px;
}

.iisa-member-card__body {
	flex: 1 1 16rem;
	min-width: 0;
}

.iisa-member-card__body > * {
	margin-block: 0;
}

.iisa-member-card__name {
	font-weight: 700;
	font-size: 1.05em;
}

.iisa-member-card__role {
	font-size: 0.85em;
	opacity: 0.85;
	margin-block-start: 0.15rem;
}

.iisa-member-card__excerpt {
	font-size: 0.9em;
	margin-block-start: 0.6rem;
}

.iisa-member-card__more {
	font-size: 0.9em;
	margin-block-start: 0.6rem;
}

.iisa-member-card__more a {
	text-decoration: none;
}

.iisa-member-card__more a:hover,
.iisa-member-card__more a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}