/* Styling comes from the real applab.css (.conf-section, .conf-grid). */

/*
 * .events-toggle only ever existed in the static source's inline <style>
 * block in index.html (not applab.css), same as .clients-logo-grid and
 * .fcx-track/.insights-grid before it — ported directly here.
 */
.events-toggle{
	display: inline-flex;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 100px;
	padding: 4px;
	margin-top: 22px;
}
.events-toggle button{
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	padding: 9px 18px;
	border-radius: 100px;
	background: transparent;
	color: rgba(255,255,255,.55);
	cursor: pointer;
	transition: all .3s var(--ease);
}
.events-toggle button.active{ background: var(--cyan); color: var(--navy-black); }

/*
 * patterns/conferences.php's two Query Loops (#conf-upcoming, #conf-past)
 * wrap their content in <div class="wp-block-query conf-grid"> > <ul
 * class="wp-block-post-template"> > <li>. .conf-grid{ display:grid } only
 * sees ONE child (the <ul>), so the actual event-card items were stacking
 * vertically inside it instead of forming the 3-column grid. `display:
 * contents` removes the extra wrapper levels from the box tree so the
 * cards become effective direct grid children again (same fix already
 * applied to .pt2-grid/.fcx-track/.insights-grid elsewhere in this theme).
 */
.conf-grid > .wp-block-post-template,
.conf-grid > .wp-block-post-template > li {
	display: contents;
}