/* PTE Section Tabs */
.pte-tabs { background: var(--pte-white, #fff); padding: clamp(1rem, 2.5vw, 1.75rem) 0 0; }

/* Outer bordered pill container */
.pte-tabs__pill {
	display: inline-flex; align-items: center;
	border: 2px solid #251e20; border-radius: 999px;
	padding: .4rem; overflow-x: auto;
	-webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.pte-tabs__pill::-webkit-scrollbar { display: none; }

/* Centre the pill row inside the container */
.pte-tabs--center .pte-tabs__pill { display: flex; justify-content: center; }
.pte-tabs--left   .pte-tabs__pill { display: flex; justify-content: flex-start; }

/* Tab list: inner flex row, no decorative border */
.pte-tabs__list {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-wrap: nowrap; gap: .125rem;
	align-items: center;
}
.pte-tabs__item { margin: 0; flex: 0 0 auto; }

/* Individual tab links */
.pte-tabs__link {
	display: inline-block; text-decoration: none;
	font-size: clamp(1rem, 1.6vw, 1.375rem); font-weight: 500; text-transform: none;
	color: var(--pte-ink, #251e20);
	padding: clamp(.4rem, .9vw, .6rem) clamp(.9rem, 1.8vw, 1.5rem);
	border-radius: 999px;
	transition: color .15s ease, background .15s ease;
	white-space: nowrap;
}
.pte-tabs__link:hover,
.pte-tabs__link:focus-visible {
	color: var(--pte-ink, #251e20);
	background: rgba(37, 30, 32, .06);
}

/* Active tab: filled white pill */
.pte-tabs__link.is-active {
	background: #fff;
	color: var(--pte-ink, #251e20);
	box-shadow: 0 2px 8px rgba(0, 40, 60, .16);
	font-weight: 700;
}

@media (max-width: 640px) {
	/* Pill itself scrolls horizontally on narrow screens */
	.pte-tabs__pill {
		max-width: 100%;
	}
}