/* Block style “Text and picture” (columns), the RUB library's Text-Bild
   (design/components/text-picture.md): a picture and a text column side by
   side, 64px apart; in the text column a large title (the library's
   Headline 3), the text and a button, 24px apart. The picture may stand
   left or right, so rows can alternate; on phones it always comes first,
   above its title. Part of the RUB Chair theme. */
.wp-block-columns.is-style-rub-text-picture {
	column-gap: 4rem;
}

.is-style-rub-text-picture > .wp-block-column > * + * {
	margin-block-start: 1.5rem;
}

/* Headline 3 of the library: 36/44 extra-bold, letter spacing −1; 24px on
   phones, as the quote. */
.is-style-rub-text-picture > .wp-block-column > h3 {
	font-size: clamp(1.5rem, 3vw, 2.25rem);
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 1.22;
}

.is-style-rub-text-picture .wp-block-image,
.is-style-rub-text-picture .wp-block-image img {
	margin: 0;
	width: 100%;
}

/* WordPress stacks columns up to 781px; the picture's column goes first. */
@media (max-width: 781px) {
	.is-style-rub-text-picture > .wp-block-column:has(> .wp-block-image) {
		order: -1;
	}
}