.zrm-tabs {
	--zrm-tabs-menu-gap: 0;
	--zrm-tabs-title-color: var(--color-grey-500, #64748b);
	--zrm-tabs-title-active-color: var(--blue_300, #00417d);
	--zrm-tabs-active-bar: var(--blue_300, #00417d);
}

/* ── Tab menu ──────────────────────────────────── */

.zrm-tabs__menu {
	display: flex;
	gap: var(--zrm-tabs-menu-gap);
	border-bottom: 1px solid #e2e8f0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* ── Tab title ─────────────────────────────────── */

.zrm-tabs__title {
	padding: 12px 20px;
	cursor: pointer;
	white-space: nowrap;
	color: var(--zrm-tabs-title-color);
	border-bottom: 2px solid transparent;
	transition: color 0.2s, border-color 0.2s;
	user-select: none;
}

.zrm-tabs__title:hover {
	color: var(--zrm-tabs-title-active-color);
}

.zrm-tabs__title.brx-open {
	color: var(--zrm-tabs-title-active-color);
	border-bottom-color: var(--zrm-tabs-active-bar);
}

/* ── Tab content ───────────────────────────────── */

.zrm-tabs__content {
	padding: 24px 0;
	font-size: 16px;
	line-height: 1.4;
}

/* ── Tab pane visibility ───────────────────────── */

.zrm-tabs__pane {
	display: none;
}

.zrm-tabs__pane.brx-open {
	display: block;
}