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='https://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);