/* Repeater rows: image left, title + description right */

.safari-arc-rows {
	--safari-arc-rows-border: #e2e6e9;
	--safari-arc-rows-text: #1a1a1a;
	--safari-arc-rows-muted: #5a6670;
	--safari-arc-rows-accent: #0f3d4c;
	max-width: 100%;
	margin: 0 auto 2rem;
	color: var(--safari-arc-rows-text);
	font-size: 1rem;
	line-height: 1.55;
}

.safari-arc-rows__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.safari-arc-rows__item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 1.25rem 1.5rem;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--safari-arc-rows-border);
}

.safari-arc-rows__item:first-child {
	padding-top: 0;
}

.safari-arc-rows__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.safari-arc-rows__media {
	flex: 0 0 11rem;
	width: 40%;
	border-radius: 4px;
	overflow: hidden;
	background: #f4f6f7;
}

.safari-arc-rows__item--no-image .safari-arc-rows__media {
	display: none;
}

.safari-arc-rows__item--no-image .safari-arc-rows__content {
	flex: 1 1 100%;
	min-width: 0;
}

.safari-arc-rows__img {
	display: block;
	
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.safari-arc-rows__content {
	flex: 1 1 0;
	min-width: 0;
}

.safari-arc-rows__title {
	margin: 0 0 0.4rem;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--safari-arc-rows-accent);
}

.safari-arc-rows__desc {
	margin: 0;
	font-size: 0.95rem;
	color: var(--safari-arc-rows-text);
}

.safari-arc-rows__desc > *:first-child {
	margin-top: 0;
}

.safari-arc-rows__desc > *:last-child {
	margin-bottom: 0;
}

@media (max-width: 600px) {
	.safari-arc-rows__item {
		flex-direction: column;
		flex-wrap: wrap;
	}

	.safari-arc-rows__media {
		flex: 0 0 auto;
		max-width: 100%;
		width: 100%;
	}
}