/**
 * Booth lists: the links under the heading `mt-6`, the lists `mt-12 grid
 * gap-12 lg:grid-cols-2 lg:gap-16`, a heading `text-xl font-bold`, its line
 * `mt-2 text-sm` muted, the list `mt-5 divide-y border-y`, a booth `grid
 * gap-1 py-3 sm:grid-cols-[3.5rem_minmax(0,1fr)] sm:gap-4`: the code
 * `text-sm font-semibold tabular-nums` in the dark red, the topic
 * `font-medium`, the hosts `mt-0.5 text-sm` muted. The link under them
 * `mt-8`.
 */

.sba-c-booth-lists .sba-c-links {
	margin-top: 24px;
}

.sba-c-booth-lists .sba-c-booth-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 48px;
	margin-top: 48px;
}

.sba-c-booth-lists .sba-c-booth-column > * {
	margin: 0;
}

.sba-c-booth-lists .sba-c-booth-column > .sba-c-booth-title {
	color: var(--sba-charcoal);
	font-size: 20px;
	font-weight: var(--sba-heading-weight);
	letter-spacing: var(--sba-heading-tracking);
	line-height: 28px;
}

.sba-c-booth-lists .sba-c-booth-column > .sba-c-booth-text {
	margin-top: 8px;
	color: var(--sba-slate);
	font-size: 14px;
	line-height: 20px;
}

.sba-c-booth-lists .sba-c-booth-column > .sba-c-booths {
	margin-top: 20px;
	padding: 0;
	border-top: 1px solid var(--sba-border);
	border-bottom: 1px solid var(--sba-border);
	list-style: none;
}

.sba-c-booth-lists .sba-c-booths li {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 12px 0;
}

.sba-c-booth-lists .sba-c-booths li + li {
	border-top: 1px solid var(--sba-border);
}

.sba-c-booth-lists .sba-c-booth-code {
	color: var(--sba-red-dark);
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	line-height: 20px;
}

.sba-c-booth-lists .sba-c-booth-topic {
	display: block;
	color: var(--sba-charcoal);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.sba-c-booth-lists .sba-c-booth-hosts {
	display: block;
	margin-top: 2px;
	color: var(--sba-slate);
	font-size: 14px;
	line-height: 20px;
}

.sba-c-booth-lists .sba-c-booth-link {
	display: flex;
	margin-top: 32px;
}

@media (min-width: 640px) {
	.sba-c-booth-lists .sba-c-booths li {
		grid-template-columns: 3.5rem minmax(0, 1fr);
		gap: 16px;
	}
}

@media (min-width: 1024px) {
	.sba-c-booth-lists .sba-c-booth-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 64px;
	}
}