main{display:grid;grid-template-columns:repeat(32,var(--half-block));grid-template-rows:auto;row-gap:var(--half-block)}main h1{margin-bottom:var(--quarter-block)}main h2{margin:var(--quarter-block) 0}main h3{margin-bottom:calc(var(--quarter-block) * .5)}main h1,main h2,main h3,main h4{grid-column:1/-1}main ol,main ul,main p,main code{grid-column:1/span 20}main code{margin:calc(var(--quarter-block) * .5) 0;grid-column:1/span 28;text-align:left}main .code-block{display:block}main .code-example{padding-bottom:var(--quarter-block)}main ul li,main ol li{margin-left:var(--half-block);margin-bottom:calc(var(--quarter-block) * .5)}main ol{margin-top:calc(var(--quarter-block) * .5);margin-bottom:var(--quarter-block)}main #explanation{grid-column:1/span 20;text-align:justify;grid-template-columns:subgrid;grid-auto-rows:auto;display:grid}main #examples{grid-column:1/-1;text-align:justify;display:grid;grid-template-columns:subgrid;grid-auto-rows:auto}@media(prefers-color-scheme:dark){main{color:var(--pastelyellow)}main .carousel-container,main #PB,main .header-figure-container,main .puzzle-layout-container{color:var(--darkblue)}}