:root{--content-padding-h: 2rem}.content-wrapper div.post-date{position:absolute;top:0rem;right:2rem;font-size:14px;opacity:.7;padding-top:.75rem}.content-wrapper *:target{outline:solid 2px #fffb00c0;outline-offset:.25rem}article.content-wrapper.single-read-width>*:last-child,article.content-wrapper.subgrid>*:last-child{margin-bottom:1.5rem!important}.content-wrapper.subgrid div.post-date{padding-right:0}.content-wrapper h1{font-size:clamp(1.8rem,calc(1rem + 1.5vw),10rem)}.content-wrapper table{display:block;max-width:fit-content;margin:0 auto;padding:0!important;overflow-x:auto}.content-wrapper>*{overflow-x:auto}.content-wrapper p{text-align:justify}.content-wrapper blockquote p{background-color:#5050500d;border-radius:1rem;padding:.5rem .5rem .5rem 1rem}.content-wrapper p,.content-wrapper pre{margin:.5rem 0}.content-wrapper h1{margin:1rem 0 1.5rem}.content-wrapper h2,.content-wrapper h3,.content-wrapper h4{margin:1rem 0 .5rem}.content-wrapper figure img{display:block;margin:.25rem auto;max-width:100%}.content-wrapper figure figcaption{font-size:15px;font-style:italic;text-align:center;color:#333;margin:.5rem 1rem .25rem}.prevent-horizontal-window-overflow{padding:0 0rem;max-width:initial}.single-read-width>:nth-child(1){display:inline-block}.double-col-grid-read-width{max-width:80em;margin:auto;padding-top:1.5rem}pre{overflow-x:auto}pre>code{-webkit-box-shadow:inset 1px 1px 5px 2px rgba(0,0,0,.3);box-shadow:inset 1px 1px 5px 2px #0000004d;border-radius:4px;font-family:Consolas,monospace}:not(pre)>code{font-family:Consolas,monospace;background-color:#d9dace80;border-radius:.25rem;padding-left:.15rem;padding-right:.15rem}.double-col-grid{position:relative;display:grid;grid-template-columns:50% 50%;grid-auto-flow:column;justify-content:center;word-wrap:break-word}.subgrid{display:contents}.subgrid>*{z-index:100}.subgrid1>*{grid-column:2 / 3;padding-left:2rem;padding-right:1rem}.subgrid2>*{grid-column:1 / 2;padding-left:1rem;padding-right:2rem}.subgrid>table{width:calc(100% - 3rem)}.subgrid1>table{margin-left:2rem;margin-right:1rem}.subgrid2>table{margin-left:1rem;margin-right:2rem}.col-bg-base-styling{background-color:#fffffab8;border-radius:1rem;box-shadow:0 1px .2rem #2c2c2c4d}.col-bg-layout{position:absolute;top:0;bottom:0;height:100%;width:calc(50% - 1rem);margin-top:initial}.col-bg-left{left:0}.col-bg-right{right:0}@media screen and (min-width: 769px){.single-read-width{max-width:40rem;margin:auto;padding:1.5rem var(--content-padding-h)}}@media screen and (max-width: 768px){.prevent-horizontal-window-overflow{padding:0}main.blog-post{margin:.5rem .4rem}.single-read-width{padding:1.5rem 1rem!important}.double-col-grid{grid-column-gap:.8rem}.col-bg-layout{width:calc(50% - .2rem)}.col-bg-left{left:-0rem}.col-bg-right{right:-0rem}.subgrid1>*{padding-left:.4rem;padding-right:.8rem}.subgrid2>*{padding-left:.8rem;padding-right:.4rem}}@media screen and (max-width: 768px){main.blog-post{margin:1rem .4rem .5rem}}
