/* Group style “Person line”: one person in a slim line under cards – a small
   square portrait, a label, the name and a few words, a link on the right.
   On the front page the Senior Professor under the professorships: visible,
   but clearly not a third professorship. Pattern: patterns/person-line.php.
   Part of the RUB Chair theme. */

.wp-block-group.is-style-rub-person-line {
	align-items: center;
	border: 1px solid var(--rub-frame);
	border-radius: var(--rub-radius);
	box-sizing: border-box;
	color: var(--rub-blue);
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	padding: 1.5rem 2rem;
}

/* Close under the cards it belongs to, not a section gap away (rhythm.css). */
.wp-block-post-content > * + .wp-block-group.is-style-rub-person-line {
	margin-block-start: 1.5rem !important;
}

.is-style-rub-person-line > * {
	margin: 0 !important;
}

/* The portrait as large as in the professorship cards (120px), so the
   person is recognised at a glance. */
.is-style-rub-person-line > .wp-block-image {
	flex: 0 0 7.5rem;
}

.is-style-rub-person-line > .wp-block-image img {
	aspect-ratio: 1;
	border-radius: var(--rub-radius);
	display: block;
	height: 7.5rem;
	object-fit: cover;
	width: 7.5rem;
}

/* The text takes the room in the middle; the link stays on the right. */
.is-style-rub-person-line > p:not(.rub-person-line__link) {
	flex: 1 1 18rem;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

/* The name as large as a card title, the label above it like a card's label. */
.is-style-rub-person-line strong {
	display: block;
	font-size: 1.375rem;
	font-weight: 800;
	line-height: 1.75rem;
	margin-bottom: 0.25rem;
}

.rub-person-line__label {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	margin-bottom: 0.25rem;
}

.rub-person-line__link a {
	color: var(--rub-blue);
	font-weight: 600;
	white-space: nowrap;
}

.rub-person-line__link a::after {
	background-color: currentcolor;
	content: "";
	display: inline-block;
	height: 1em;
	margin-left: 0.5rem;
	mask: url("../icons/arrow-right.svg") center / contain no-repeat;
	vertical-align: -0.15em;
	width: 1em;
}