/* Legal tabs — horizontal nav of the legal pages. Vertical rhythm/background
   from .ibv-section + surface modifiers; this file owns the tab strip only.
   The active tab (current page) gets a Blue/500 bottom border. */

/* Centering happens on the nav, not the list: a centered flex list with
   overflow clips its start edge when the tabs overflow on small screens,
   whereas a centered block keeps the list internally start-aligned and
   scrollable from the first tab. The bottom margin separates the strip
   from the document title below (Figma), on top of the adjacent
   section's collapsed padding. */
.ibv-legal-tabs__nav {
	display: flex;
	justify-content: center;
	margin-block-end: var(--ibv-space-2xl);
}

.ibv-legal-tabs__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: var(--ibv-space-xs); /* 8px between tabs */
	max-width: 100%;
	overflow-x: auto; /* mobile: scroll rather than wrap-cramp */
}

.ibv-legal-tabs__item {
	flex: 0 0 auto;
}

.ibv-legal-tabs__link {
	display: block;
	padding: var(--ibv-space-xs) var(--ibv-space-md); /* 8px vertical, 16px horizontal */
	font-family: var(--ibv-font-body);
	font-size: var(--ibv-fs-small); /* 14px */
	font-weight: var(--ibv-font-weight-bold);
	line-height: var(--ibv-lh-snug);
	color: var(--ibv-color-text);
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
}

.ibv-legal-tabs__item--active .ibv-legal-tabs__link {
	border-bottom-color: var(--ibv-color-blue-500);
}