/* ABOUTME: Styles for conference room listing cards and single room navigation. */
/* ABOUTME: Grid layout for room overview and prev/next sibling navigation links. */
/* Conference rooms overview – selectors only */
section.regular_section.conference-room-list .content_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 1280px) {
	section.regular_section.conference-room-list .content_wrapper {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 768px) {
	section.regular_section.conference-room-list .content_wrapper {
		grid-template-columns: 1fr;
	}
}

.conference-room-card__media {
	--desktop-aspect-ratio: 16/9;
	--mobile-aspect-ratio: 4/5;
	padding-bottom: 1rem;
	display: block;
}
.conference-room-card__media img {
	border-radius: 5px;
	aspect-ratio: 16/9;
}
.conference-room-card__content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.conference-room-card__title a {
	text-decoration: none;
	color: currentColor;
	font-size: var(--step-2);
}
.conference-room-card__description {
	font-size: var(--step--1);
}
.conference-room-card__stats {
	display: flex;
	border-top: 1px solid;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0.5rem;
	font-size: var(--step--1);
	margin-bottom: 0px;
}
.conference-room-card__stat .key {
	font-weight: bold;
}
.conference-room-card__cta {
	font-size: 70%;
}
.conference-room-navigation__links {
	justify-content: space-between;
	align-items: center;
}

.conference-room-navigation__siblings {
	display: flex;
	gap: 0.5rem;
}

.conference-room-list h1 {
	margin-bottom: 1rem;
}