/**
 * Cresset TOC - Family Office guide skin.
 *
 * Collapsible accordion skin over the Cresset TOC plugin, mirroring the sidebar
 * "Table of Contents" accordion: #EEEEEE box (fluid), a 73px header bar (19px/500
 * title + navy circular chevron badge) with a 1px #D5D8DC bottom divider, 400ms
 * slide (cresset-toc-accordion.js), and a 12px section list (all anchors 500,
 * H3 indent 13px, navy #005172 active with underline, no row dividers). Scoped
 * under .cresset-toc so it outranks the plugin base CSS and is overridable per page.
 *
 * Tokens (kit #17525): #414042 text, #005172 navy, #EEEEEE box, #D5D8DC rule.
 */

.cresset-toc {
	box-sizing: border-box;
	background: #EEEEEE;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
}

/* Header bar (title): 16px pad, 1px bottom divider, navy circular chevron badge. */
.cresset-toc .cresset-toc__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 16px;
	border-bottom: 1px solid #D5D8DC;
	color: #414042;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.3;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.cresset-toc .cresset-toc__title::after {
	content: "";
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #005172;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l211.5 211.5c4.7 4.7 12.3 4.7 17 0l211.5-211.5c4.7-4.7 4.7-12.3 0-17z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 16px;
	transition: transform .3s ease;
}
.cresset-toc:not(.is-collapsed) .cresset-toc__title::after {
	transform: rotate(180deg);
}

/* Collapsible panel - margin (not padding) for the gap so it clips to 0 when collapsed. */
.cresset-toc .cresset-toc__list {
	box-sizing: border-box;
	margin: 16px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	transition: max-height .4s ease;
}
.cresset-toc.is-collapsed .cresset-toc__list { margin: 0; }
.cresset-toc .cresset-toc__sublist {
	margin: 0;
	padding: 0 0 0 13px;
	list-style: none;
}
.cresset-toc.is-collapsed .cresset-toc__empty { display: none; }

.cresset-toc .cresset-toc__item { margin: 0 0 10px; }
.cresset-toc .cresset-toc__list > .cresset-toc__item:last-child { margin-bottom: 0; }

.cresset-toc .cresset-toc__link {
	display: block;
	padding: 0;
	color: #414042;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	opacity: 1;
	text-decoration: none;
	border: 0;
	transition: color .15s ease;
}
.cresset-toc .cresset-toc__link:hover,
.cresset-toc .cresset-toc__link:focus { color: #005172; text-decoration: underline; }
.cresset-toc .cresset-toc__link.is-active { color: #005172; font-weight: 500; text-decoration: underline; }