.expanding-bio {
	max-width: 70ch;
}

.expanding-bio__text > :last-child {
	margin-bottom: 0;
}

.expanding-bio__text {
	overflow: hidden;
	transition: height 0.3s ease;
}

/* Clamp is only applied once JS has confirmed the text overflows. */
.expanding-bio.is-clamped .expanding-bio__text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--eb-lines, 5);
	line-clamp: var(--eb-lines, 5);
}

/* Layout/typography come from the theme's .btn; colors follow the
   surrounding text and invert on hover (--eb-bg is set by the JS). */
.expanding-bio__toggle.btn {
	margin-top: 1em;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	color: inherit;
	background: transparent;
	border: 2px solid currentColor;
	transition: background-color 0.25s linear, color 0.25s linear;
}

.expanding-bio__toggle.btn:hover,
.expanding-bio__toggle.btn:focus-visible {
	background: currentColor;
	background-clip: border-box;
}

.expanding-bio__toggle.btn:hover > span,
.expanding-bio__toggle.btn:focus-visible > span {
	color: var(--eb-bg, #fff);
}

@media (prefers-reduced-motion: reduce) {
	.expanding-bio__text {
		transition: none;
	}
}