/* Page TOC */





.toc-list {margin:0;padding:0}

.toc-list li {list-style:none;}

a.toc-link{color:currentColor;height:100%}


.is-collapsible{max-height:10000px;overflow:hidden;transition:all 500ms ease-in-out}
.is-collapsed{max-height:0}

.toc-list-item { margin-left:10px; }

.toc-list-item:has(.is-active-link) {	
/*	box-shadow: -2px 0 0 #0095c6; */
	border-left: 2px solid #0095c6;
}
.toc-list.is-collapsible > .toc-list-item:has(.is-active-link) {
/*	box-shadow: -2px 0 0 #0095c6; */
	border-left: 2px solid #0095c6;
}

.is-active-link{
	background-color: #f8f9fa;
}

.toc-link { display:block; padding: 4px 4px 4px 10px }

.toc-list-item {
/*	box-shadow: -2px 0 0 rgba(0,0,0,0.1); */
	border-left: 2px solid rgba(0,0,0,0.1);
	margin-left: 0px; 
}

.toc-list.is-collapsible > .toc-list-item {
/*	box-shadow: -2px 0 0 rgba(0,0,0,0.1); */
	border-left: 2px solid rgba(0,0,0,0.1);
	margin-left: 5px;
}


@media (max-width: 767.98px) {
	.page-pagetoc {
		position: absolute;
		right: 0;
		top: 40px; 
		z-index: 1050;
		
		background-color: white;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: .25rem;
		
		min-width:25vw;
		width: max-content;
		max-width: 60vw; 
		
		margin-left: -7px;
	}
	
	/* Target the specific state when the menu is OPEN (.show) */
	.page-pagetoc.collapse.show {
		height: auto !important;      /* FORCE render height */
		max-height: 60vh !important;  /* Maintain your scroll limit */
		overflow-y:auto;
	}
}
@media (min-width: 768px) {

	.page-pagetoc-wrapper {
		max-height:calc(100vh - 5rem - 1rem);
	}
	.page-pagetoc.collapse.show {
		flex: 1 1 auto;
		
		min-height:0;
		overflow-y:auto;
		
		width: max-content;
		max-width: 250px;
		
	}
}




/* Page specific styles */



html {
  /* Set this to the height of your fixed header */
  scroll-padding-top: 5rem; 
}


@media only screen {
	.page-pagecontent {
		padding-bottom:80vh;
	}
}


.page-pagecontent, .page-pagecontent-infopanel {
	overflow-x: auto;
}

/* Scoped to .page-pagecontent or .page-pagecontent-infopanel */

:is(.page-pagecontent, .page-pagecontent-infopanel) summary {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(0,0,0,0.03);
	padding: .75rem 1.25rem;
	border-radius: .25rem;
	margin-bottom: 0 !important;
}

/* Applies to summary containing any heading */
:is(.page-pagecontent, .page-pagecontent-infopanel) summary:has(:is(h1, h2, h3, h4, h5, h6)) {
	background-color: inherit !important;
	padding: 0 !important;
}

/* Applies to any direct child heading */
:is(.page-pagecontent, .page-pagecontent-infopanel) summary > :is(h1, h2, h3, h4, h5, h6) {
	flex-grow: 1;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) summary > p {
	margin-bottom: 0;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) summary::after {
	content: '';
	border-top: 10px solid #868e96;
	border-inline: 7px solid transparent;
	transition: 0.2s;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) details[open] > summary::after {
	transform: rotate(180deg);
}

:is(.page-pagecontent, .page-pagecontent-infopanel) summary::-webkit-details-marker {
	display: none;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) details[open] summary {
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid rgba(0,0,0,0.125);
}

:is(.page-pagecontent, .page-pagecontent-infopanel) details[open] summary:has(:is(h1, h2, h3, h4, h5, h6)) {
	border: none !important;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) details {
	background: #fff;
	border: 1px solid rgba(0,0,0,0.125);
	border-radius: 5px;
	margin-bottom: 1rem;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) details:has(summary > :is(h1, h2, h3, h4, h5, h6)) {
	border: none !important;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) article > *:first-child {
	margin: 0;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) article > * + * {
	margin: 0.75em 0 0 0;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) article {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: .75rem 1.25rem;
	margin: 0;
}

:is(.page-pagecontent, .page-pagecontent-infopanel) details:has(summary > :is(h1, h2, h3, h4, h5, h6)) > article {
	padding: 0 !important;
}








.page-pagecontent h1,.page-pagecontent-infopanel h1 { font-size:2em; padding-top: 1em; padding-bottom: .3em; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.page-pagecontent h2,.page-pagecontent-infopanel h2 { font-size:1.5em; padding-top: 0.75em; padding-bottom: .3em; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.page-pagecontent h3,.page-pagecontent-infopanel h3 { font-size:1.25em;}
.page-pagecontent h4,.page-pagecontent-infopanel h4 { font-size:1em;}
.page-pagecontent h5,.page-pagecontent-infopanel h5 { font-size:0.9em;}
.page-pagecontent h6,.page-pagecontent-infopanel h6 { font-size:0.83em; color: #6c757d;}






.page-pagecontent-infopanel img { max-height:50vh; max-width:100%;}

.page-pagecontent img { max-width:30vw; max-height:50vh;}




.page-pagecontent mark,.page-pagecontent-infopanel mark { padding: 0.1em; background-color: yellow;}

.page-pagecontent blockquote, .page-pagecontent-infopanel blockquote, .page-pagecontent .markdown-alert, .page-pagecontent-infopanel .markdown-alert {
	padding: 0.5em 10px;
	background-color: #f8f9fa;
	border-left: 0.25em solid #ccc;
	margin: 0 0 1rem;
}
.page-pagecontent blockquote p:last-child, .page-pagecontent-infopanel blockquote p:last-child, .page-pagecontent .markdown-alert-content p:last-child, .page-pagecontent-infopanel .markdown-alert-content p:last-child {
	margin-bottom: 0;
}

.markdown-alert {
	background-color: inherit !important;
}

.markdown-alert.markdown-alert-note {
	border-color: #0095c6;
}
.markdown-alert.markdown-alert-tip {
	border-color: #4db47d;
}
.markdown-alert.markdown-alert-important {
	border-color: #c62f99;
}
.markdown-alert.markdown-alert-warning {
	border-color: #ffc107;
}
.markdown-alert.markdown-alert-caution {
	border-color: #c41f4b;
}

.markdown-alert.markdown-alert-note .markdown-alert-title {
	color: #0095c6;
}
.markdown-alert.markdown-alert-tip .markdown-alert-title {
	color: #4db47d;
}
.markdown-alert.markdown-alert-important .markdown-alert-title {
	color: #c62f99;
}
.markdown-alert.markdown-alert-warning .markdown-alert-title {
	color: #ffc107;
}
.markdown-alert.markdown-alert-caution .markdown-alert-title {
	color: #c41f4b;
}

.markdown-alert .markdown-alert-title {
	font-size: 85%; margin-bottom: 3px; font-weight: 500;
}



.page-snippets mark { padding:0.0em; background-color: #FFFFBD; }








.page-pagecontent pre, .page-pagecontent-infopanel pre {
	padding: 0.5em 10px;
	background-color: #f8f9fa;
	overflow: visible !important;	 /* prevent scrollbars after wrapping */
}
.page-pagecontent pre code, .page-pagecontent-infopanel pre code {
	white-space: pre-wrap;
}
.page-pagecontent .codecopybutton, .page-pagecontent-infopanel .codecopybutton {
	padding: 2px 7px 5px 7px;
	
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	margin: 5px;
}





.page-pagecontent input[type="checkbox"][disabled], .page-pagecontent-infopanel input[type="checkbox"][disabled] {
	
}
.page-pagecontent input[type="checkbox"][disabled]::after, .page-pagecontent-infopanel input[type="checkbox"][disabled]::after {
		
}
.page-pagecontent input[type="checkbox"][disabled]:checked::after, .page-pagecontent-infopanel input[type="checkbox"][disabled]:checked::after {
	
}


.page-pagecontent ul li:has(> span.markdown-custom-checkbox), .page-pagecontent-infopanel  ul li:has(> span.markdown-custom-checkbox) {
	list-style:none;
	 padding-inline-start: 0px;
}
.page-pagecontent ul li span.markdown-custom-checkbox, .page-pagecontent-infopanel ul li span.markdown-custom-checkbox {
	margin-left: -1.4em;
}

.page-pagecontent ul li span.markdown-custom-checkbox.clickable, .page-pagecontent-infopanel ul li span.markdown-custom-checkbox.clickable {
	cursor:pointer;
}


.page-pagecontent ul li span.markdown-custom-checkbox.updating, .page-pagecontent-infopanel ul li span.markdown-custom-checkbox.updating {
	pointer-events:none;
	opacity:0.5;
	filter: grayscale(100%);
}



.page-pagecontent ul li span.markdown-custom-checkbox.notclickable, .page-pagecontent-infopanel ul li span.markdown-custom-checkbox.notclickable {
	cursor:pointer;
}