/* ---------- Sidebar tab switch ---------- */
/* Lives inside #popup-sidebar (appended via the curriculum filter, then moved
   above the search form by JS on load — the search is specifically for the
   real curriculum, so it doesn't belong above these). */

.tritek-content-switch {
	box-sizing: border-box;
	display: flex;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 16px;
}

.tritek-content-switch__btn {
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 14px 8px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #fff;
	color: #6b7280;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
}

.tritek-content-switch__btn:hover:not(.is-active) {
	border-color: #6a008e;
	color: #6a008e;
}

.tritek-content-switch__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f3f0f6;
	color: #6a008e;
}

.tritek-content-switch__btn.is-active {
	background: #6a008e;
	border-color: #6a008e;
	color: #fff;
}

.tritek-content-switch__btn.is-active .tritek-content-switch__icon {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}

/* ---------- Sidebar: Additional Content list ---------- */
/* Visibility of this wrapper and of the real curriculum/content elements is
   driven entirely by inline style.display from additional-content.js, not by
   a class here — a plain CSS rule wasn't reliably winning against whatever
   else is applied to these elements on the page. */

.tritek-additional-content-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tritek-additional-content-list__item {
	padding: 10px 16px;
	font-size: 13px;
	color: #374151;
	cursor: pointer;
	border-left: 3px solid transparent;
}

.tritek-additional-content-list__item:hover {
	background: #faf7fb;
}

.tritek-additional-content-list__item.is-active {
	background: #f3e9f7;
	border-left-color: #6a008e;
	color: #6a008e;
	font-weight: 600;
}

/* ---------- Main area: Additional Content viewer ---------- */

.tritek-additional-content-viewer__title {
	margin: 0 0 16px;
}