.pega-tabs { font-family: inherit; color: inherit; }
.pega-tabs *, .pega-tabs *::before, .pega-tabs *::after { box-sizing: border-box; }

/* Tab strip */
.pega-tabs__nav {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 32px;
	border-bottom: 1px solid #e5e7eb; margin-bottom: 32px;
}
.pega-tabs__btn {
	background: transparent; border: 0; padding: 12px 4px;
	font: inherit; font-weight: 600; color: #1e3a8a; cursor: pointer;
	border-bottom: 3px solid transparent; margin-bottom: -1px;
	transition: color .15s, border-color .15s;
}
.pega-tabs__btn:hover { color: #2563eb; }
.pega-tabs__btn.is-active { color: #2563eb; border-bottom-color: #2563eb; }

/* Mobile dropdown (hidden on desktop) */
.pega-tabs__select-wrap { display: none; margin-bottom: 24px; }
.pega-tabs__select {
	width: 100%; padding: 12px 14px; font: inherit; font-weight: 600;
	color: #2563eb; border: 1px solid #e5e7eb; border-radius: 6px;
	background: #fff;
}

/* Panels */
.pega-tabs__panel { display: none; }
.pega-tabs__panel.is-active { display: block; }
.pega-tabs__empty { padding: 24px; text-align: center; color: #6b7280; }

/* Row layout: image | body | meta */
.pega-tabs__row {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) 2fr minmax(180px, 1fr);
	gap: 32px;
	align-items: center;
	padding: 24px 0;
	border-bottom: 1px solid #f3f4f6;
}
.pega-tabs__row:last-child { border-bottom: 0; }

.pega-tabs__image {
	position: relative; aspect-ratio: 16 / 10; background: #1a1a1a;
	border-radius: 4px; overflow: hidden;
}
.pega-tabs__image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Configurable circular badge with selected SVG/image inside */
.pega-tabs__badge {
	position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
	width: 44px; height: 44px; border-radius: 50%;
	background: var(--pega-badge-bg, #2563eb);
	box-shadow: 0 0 0 4px rgba(0,0,0,0.08);
	display: flex; align-items: center; justify-content: center;
	z-index: 2;
}
.pega-tabs__badge-img {
	width: 60%; height: 60%; object-fit: contain; display: block;
	filter: brightness(0) invert(1);   /* white-tint the SVG/PNG */
}
.pega-tabs__badge.is-no-tint .pega-tabs__badge-img,
.pega-tabs__image.is-no-tint .pega-tabs__badge-img { filter: none; }

.pega-tabs__title {
	font-size: 1.15rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
	margin: 0 0 6px; color: #1f2937;
}
.pega-tabs__age {
	display: block; font-weight: 700; color: #2563eb; font-size: 0.85rem;
	letter-spacing: 0.05em; margin-bottom: 8px; text-transform: uppercase;
}
.pega-tabs__about { color: #4b5563; line-height: 1.5; }
.pega-tabs__about p { margin: 0 0 8px; }

.pega-tabs__meta { display: flex; flex-direction: column; gap: 14px; align-self: center; }
.pega-tabs__schedule {
	display: flex; align-items: center; gap: 10px;
	font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; line-height: 1.2;
	color: #111827;
}
.pega-tabs__cal-icon { color: #2563eb; flex: 0 0 auto; }
.pega-tabs__cta {
	font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.9rem;
	color: #2563eb; text-decoration: none; display: inline-flex; align-items: center; gap: 8px;
}
.pega-tabs__cta:hover { color: #1e40af; }

@media (max-width: 768px) {
	.pega-tabs__nav        { display: none; }
	.pega-tabs__select-wrap { display: block; }
	.pega-tabs__row {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 20px 0;
	}
	.pega-tabs__meta { align-self: flex-start; }
}