/* === Start StackApps Paragraph 1.0 === */

/* task and todos */
.task-list-item {
	list-style: none;
	position: relative;
	padding-left: 1.4em;

	/* Hide the real checkbox */
	.task-list-item-checkbox {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}

	/* Marker for unchecked items */
	&::before {
		content: "▢";
		position: absolute;
		left: 0;
		top: 0.0em;
		width: 1.0em;
		text-align: center;
		line-height: 1.3;
		font-weight: 400;
		font-size: 1.1em;
	}

	/* Strike-through completed tasks */
	&:has(.task-list-item-checkbox:checked) {
		text-decoration: line-through;

		/* Marker for checked items */
		&::before {
			content: "✓";
			line-height: 1.2;
			font-weight: 300;
			font-size: 1.3em;
		}
	}

	/* Nested lists with same smaller indent */
	> ul {
		margin-top: 0.25rem;
		padding-left: 1.4em;
	}
}

/* === End StackApps Paragraph 1.0 === */










/* === Start StackApps Navbar 1.0 === */


/* Fix: hide image assets in S6 displayed in the navbar */
a[href*=".png"].dropdown-item,
a[href*=".svg"].dropdown-item,
a[href*=".webp"].dropdown-item,
a[href*=".jpeg"].dropdown-item,
a[href*=".jpg"].dropdown-item {
  display: none;
}


/* make sure that the navbar and menus render above the content */
#stacks_in_PA1ECCEA_4 {
	z-index: 10;
}

/* hide the focus ring in the navbar */

.navbar .nav-link:focus	 {
	outline: 0;
	box-shadow: none;
}


#stacks_in_PA1ECCEA_4 img {
    height: auto;
    width: auto;
    max-height: 32px;
    /* max-height: ; */
    vertical-align: middle;
    margin-right: 0.5rem;
	display: inline-block;
}

#stacks_in_PA1ECCEA_4 a:has(> img) {
    margin-top: 0px;
}

#stacks_in_PA1ECCEA_4 .navbar-toggler-icon {
  background-image: none;
}

/* hide the navbar initially for smoother rendering */
#stacks_in_PA1ECCEA_4 .navbar-nav {
	display: none;
}

/* limit button size in sidebar */
#stacks_in_PA1ECCEA_4-content .btn {
  align-self: flex-start; /* same as align-self-start */
  flex-grow: 0;           /* same as flex-grow-0 */
}

/* adjust the padding of the navbar in case of rounded corners */
.navbar {

	--bs-navbar-padding-x: calc(var(--bs-navbar-padding-y) * 1.0) !important;

	backdrop-filter: blur(10px);
}

/* switch on toggler button border */
#stacks_in_PA1ECCEA_4 .navbar-toggler {
	--bs-border-width: 0;
}

/* the floating navbar default settings */
#stacks_in_PA1ECCEA_4 {
	margin-left: 0 !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* apply navbar margins, corners, shadow and height based on the expand breakpoint */


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {






}

/* === End StackApps Navbar 1.0 === */

#stacks_in_PA1ECCEA_5 {
}

/* === Start StackApps Partition 1.0 === */


#stacks_in_1 {
	/* height: 100%; */
}


.stacks_top {
	
	height: 100%;
	
}

html, body {
	height: 100vh - 60px;
}

#stacks_in_50 {

	&.page-container {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.main-container {
		display: flex;
		flex-grow: 1;
		overflow: hidden;
		height: calc(100vh - 60px);

		transition: margin-right 0.3s ease;
		/* margin-right logic handled by layout */

	}

	.sidebar {
		width: 250px;
		min-width: calc(250px);
		overflow-y: auto;
		transition: transform 0.3s ease;

		/* z-index: 1000; */
		will-change: transform; /* helps with scroll performance */
	}

	.content-wrapper {
		flex-grow: 1;
		display: flex;
		min-width: 0;
		flex-direction: column;
	}

	.content-header {
		position: sticky;
		/* top: will be set dynamically */
		z-index: 100;
	}

	.content-body {
		flex-grow: 1;
		overflow-y: auto;
	}

	.sidebar.sidebar-hidden {

		transform: translateX(-100%);

	}

	.main-footer {
		/* min-height: will be set dynamically */
	}
}

#toggle-stacks_in_50 {
	position: fixed;
	bottom: 1rem;

	right: 1rem;

	z-index: 2150;
	display: none !important;
}

@media (max-width: 768px) {

	#toggle-stacks_in_50 {
		display: block !important;
	}

	#stacks_in_50 {
		.sidebar {
			position: fixed;
			padding-top: 0.5rem;
			padding-left: 0.5rem;
			padding-right: 0.5rem;
			/* top: will be set dynamically */
			bottom: 0;

			left: 0;

			height: auto;
			box-shadow: 4px 0 4px -4px rgba(0, 0, 0, 0.2);
			background-color: var(--bs-tertiary-bg) !important;
			z-index: 2000;
		}

		.main-container {
			margin-left: 0;
		}
	}
}

/* === End StackApps Partition 1.0 === */
%[endif]%




/* === Start StackApps List Group 1.0 === */

.list-group {
	--bs-list-group-item-padding-x: 1.0rem !important;
}



/* === End StackApps List Group 1.0 === */

#stacks_in_159 {
}

#stacks_in_161 {
}

#stacks_in_165 {
}

#stacks_in_167 {
}

#stacks_in_173 {
}

#stacks_in_169 {
}

#stacks_in_171 {
}

#stacks_in_10 {
}

#stacks_in_12 {
}

#stacks_in_14 {
}

#stacks_in_16 {
}

#stacks_in_20 {
}

#stacks_in_22 {
}

#stacks_in_54 {
}

#stacks_in_56 {
}

#stacks_in_163 {
}

#stacks_in_35 {
}

#stacks_in_37 {
}

#stacks_in_39 {
}



/* === Start StackApps Scroll Spy 1.0 === */

#stacks_in_73 {
	overflow: auto;
	height: calc(100%);

}

/* === End StackApps Scroll Spy 1.0 === */



/* === Start StackApps Container 1.0 === */

#stacks_in_75 {

	/* width:100%; this interferes with collapse elements */



















	max-width: calc(1100px);


}



@media (prefers-color-scheme: dark) {
	#stacks_in_75 {
	
	
	
	
	

	
	
	
	
		max-width: calc(1100px);
	
	}
}

/* === End StackApps Container 1.0 === */



/* === Start StackApps Heading 1.0 === */











/* === End StackApps Heading 1.0 === */

#stacks_in_24 {
}

#stacks_in_40 {
}



/* === Start StackApps Paragraph 1.0 === */







/* custom markdown styling */


/* === End StackApps Paragraph 1.0 === */

#stacks_in_41 {
}

#stacks_in_42 {
}

#stacks_in_26 {
}




/* === Start StackApps Paragraph 1.0 === */







/* custom markdown styling */

#stacks_in_28 {


	/* remove the margin-bottom in case of being the last paragraph not followed by a list */
	p:last-of-type:not(:has(+ ul)):not(:has(+ ol)) {
		margin-bottom: 0 !important;
	}
	ul:last-of-type, ol:last-of-type {
		margin-bottom: 0 !important;
	}





}


/* === End StackApps Paragraph 1.0 === */

#stacks_in_43 {
}

#stacks_in_30 {
}

#stacks_in_44 {
}

#stacks_in_45 {
}




/* === Start StackApps Paragraph 1.0 === */







/* custom markdown styling */

#stacks_in_100 {


	/* remove the margin-bottom in case of being the last paragraph not followed by a list */
	p:last-of-type:not(:has(+ ul)):not(:has(+ ol)) {
		margin-bottom: 0 !important;
	}
	ul:last-of-type, ol:last-of-type {
		margin-bottom: 0 !important;
	}





}


/* === End StackApps Paragraph 1.0 === */

#stacks_in_102 {
}

#stacks_in_101 {
}

#stacks_in_103 {
}

#stacks_in_104 {
}

#stacks_in_98 {
}



/* === Start StackApps Paragraph 1.0 === */







/* custom markdown styling */

#stacks_in_31 {






}


/* === End StackApps Paragraph 1.0 === */

#stacks_in_46 {
}

#stacks_in_32 {
}

#stacks_in_47 {
}