.tblog-tabs--default {
	padding-block: var(--tblog-section-space);
	background: var(--tblog-light);
}

.tblog-tabs--about-overview .about-image-wrap > img,
.tblog-tabs--about-overview .about-separate-image img {
	width: 100%;
	height: auto;
}

.tblog-tabs--about-overview .tblog-tabs__list {
	display: flex;
}

.tblog-tabs--about-overview .tblog-tabs__panel {
	display: block;
	min-height: 0;
	padding: 0;
	background: transparent;
}

.tblog-tabs--about-overview .tblog-tabs__panel[hidden] {
	display: none;
}

.tblog-tabs--about-overview .tblog-tabs__tab[aria-selected="true"] {
	background: var(--primary-color);
	color: #fff;
}

.tblog-tabs__header {
	display: grid;
	max-width: 760px;
	gap: 0.9rem;
	margin-bottom: 2.75rem;
}

.tblog-tabs__eyebrow {
	justify-self: start;
	margin: 0;
	border-left: 4px solid var(--tblog-red);
	background: var(--tblog-white);
	color: var(--tblog-heading);
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0.35rem 0.75rem;
	text-transform: uppercase;
}

.tblog-tabs__title {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3rem);
}

.tblog-tabs__summary {
	margin: 0;
}

.tblog-tabs__list {
	display: none;
	flex-wrap: wrap;
	gap: 1px;
	border-bottom: 3px solid var(--tblog-red);
}

.tblog-tabs.is-enhanced .tblog-tabs__list {
	display: flex;
}

.tblog-tabs__tab {
	min-height: 54px;
	border: 0;
	background: var(--tblog-navy);
	color: var(--tblog-white);
	cursor: pointer;
	font-family: "Open Sans", "Krub", sans-serif;
	font-weight: 700;
	padding: 0.85rem 1.5rem;
}

.tblog-tabs__tab:hover,
.tblog-tabs__tab[aria-selected="true"] {
	background: var(--tblog-red);
}

.tblog-tabs__panels {
	display: grid;
	gap: 1.25rem;
}

.tblog-tabs.is-enhanced .tblog-tabs__panels {
	display: block;
}

.tblog-tabs__panel {
	display: grid;
	min-height: 280px;
	grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
	background: var(--tblog-white);
	padding: clamp(2rem, 5vw, 4.5rem);
}

.tblog-tabs__panel[hidden] {
	display: none;
}

.tblog-tabs__panel-copy h3 {
	margin: 0 0 1rem;
	font-size: clamp(1.65rem, 3vw, 2.35rem);
}

.tblog-tabs__panel-copy p {
	margin: 0;
}

.tblog-tabs__panel-image {
	width: 100%;
	max-height: 390px;
	object-fit: cover;
}

.tblog-tabs__panel:not(:has(.tblog-tabs__panel-image)) {
	grid-template-columns: minmax(0, 780px);
}

@media screen and (max-width: 767px) {
	.tblog-tabs__list,
	.tblog-tabs--default.is-enhanced .tblog-tabs__list {
		display: grid;
		grid-template-columns: 1fr;
	}

	.tblog-tabs:not(.is-enhanced) .tblog-tabs__list {
		display: none;
	}

	.tblog-tabs--about-overview .tblog-tabs__list,
	.tblog-tabs--about-overview.is-enhanced .tblog-tabs__list {
		display: flex;
		flex-direction: column;
	}

	.tblog-tabs__tab {
		width: 100%;
		text-align: left;
	}

	.tblog-tabs__panel {
		min-height: 0;
		grid-template-columns: 1fr;
	}
}