Sitemap

	#main section.hero{padding:40px 0;}
	#chd-main{width:100%;max-width:1200px;margin:3rem auto;padding:0 1.5rem}
	#chd-main h2, #chd-main #uncategorized-lists h3{text-decoration: underline;}
	#chd-main ul{padding:revert!important;margin-top:.25rem;}
	#chd-main ul>li{list-style: disc;padding-left:0;font-size:1em!important;}
	#chd-main li > ul > li{list-style: circle;}
	#chd-main li:before{all:unset;display:none;}
	#chd-main li::marker{color:#d8240c;}
	#chd-main :is(h2,h3){display: inline;font-weight: bold;}
	#chd-main h2{position: relative;display:inline-block;width:100%}
	#chd-main .grid{display:grid;--columns:3;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;}
	#chd-main .grid .full-span{grid-column:1 / -1}
	#chd-main .grid .grid{gap:.5rem 2rem;--columns:4;}
	#chd-main #uncategorized-lists > .grid{--columns:5}
	#chd-main .collapsible summary{list-style-type:none;position:relative;}
	@media(min-width:769px){
		#chd-main .collapsible summary{pointer-events:none;}
	}
	@media(max-width:768px){
		#chd-main details.collapsible{
			box-shadow: 0px 3px 6px #00000029;
			background-color:#fff;
			padding:.75rem;
			margin-bottom:1rem;
		}
		#chd-main h2{margin:0}
		#chd-main details.collapsible summary h2::after{
			position:absolute;
			width:30px;
			aspect-ratio:1/1;
			content:"";
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
			left:calc(100% - 30px);
			top:50%;
			transform: translateY(-50%);
		}
		#chd-main details.collapsible[open] summary h2::after{
			transform: translateY(-50%) rotatez(180deg);
		}
	}
	@media(max-width:500px){
		#chd-main .grid{grid-template-columns:2fr;gap:2rem 0;}
	}
	@media(max-width:450px){
		#chd-main .grid{grid-template-columns:1fr;gap:1rem 0;}
	}

	
		var mediaQuery = window.matchMedia("(max-width: 768px)");

		function handleMediaChange(mediaQuery) {
			var collapsibleElements = document.querySelectorAll("details.collapsible");
			if (mediaQuery.matches) {
				collapsibleElements.forEach(function(element) {
					element.removeAttribute("open");
				});
			}
			else{
				collapsibleElements.forEach(function(element) {
					element.setAttribute("open","");
				});
			}
		}

		handleMediaChange(mediaQuery);

		mediaQuery.addListener(handleMediaChange);