body{font-family:"Lato",sans-serif;font-size:16px;color:#fff;word-spacing:1px}pre,code{font-size:12px}code{color:#3bc9db}pre code{color:revert}pre{padding:6px;overflow:auto}h1{font-size:20px;font-weight:700;display:flex;align-items:center;color:#fff}h2{font-size:18px;font-weight:700;margin-top:30px;text-decoration:underline #28455d}ul{padding-left:32px}li{list-style-type:"-";list-style-position:outside;padding-left:16px;line-height:24px}a{text-decoration:underline #5c5024}a,a code{color:#ffd43b}a:hover{color:#ffd43b;text-decoration:underline #a78a22}body{padding:20px 40px;background:#131116}::selection{background-color:#3bc9db;color:#28464a}@media screen and (max-width: 480px){body{padding:10px 20px}h2,li,section{padding-left:0}section:hover{border:none;padding-left:0}[data-comment]:hover::after{display:none}ul{padding-left:16px}li{padding-left:16px;line-height:unset;margin-bottom:4px}}body{padding:unset}article.blog-post{--header-offset: 6rem;--side-panel-width: 30ch;display:grid;grid-column-gap:1em;margin-bottom:4em;grid-template-columns:[full-start] 1fr [left-gutter-start wide-header-start wide-start title-start] 1em [left-gutter-end header-start content-start] min(65ch,100% - var(--side-panel-width) - 3em) [title-end content-end right-gutter-start] 1em [right-gutter-end wide-end] 1em [side-panel-start] var(--side-panel-width) [start-panel-end wide-header-end header-end] 1fr [full-end];grid-template-rows:repeat(3, max-content) [main-start] repeat(1000, max-content) [main-end]}article.blog-post>*{grid-column:content;display:block}article.blog-post>.announce{grid-column:wide;border:1px solid rgba(255,212,59,.8);border-radius:8px;color:#fff;background:rgba(255,212,59,.1333333333);padding:.2em 1em;margin-top:1em}article.blog-post>.disclaimer{padding-left:unset;grid-column:wide;display:grid;grid-template-columns:subgrid;margin-block:10px}article.blog-post>.disclaimer::before{content:"";border-right:1px solid rgba(255,212,59,.8);height:100%;display:block}article.blog-post>.disclaimer::after{content:"";border-left:1px solid rgba(255,212,59,.8);height:100%;display:block}article.blog-post>.disclaimer:hover>div{border-right-width:2px}article.blog-post>.disclaimer:hover::after{border-left-width:2px}article.blog-post>.disclaimer>p{margin-block:5px}article.blog-post>.key-point{grid-column:wide;display:grid;grid-template-columns:subgrid;background:rgba(255,212,59,.8);margin-block:1em;padding-block:1em;border-radius:5px}article.blog-post>.key-point>*{grid-column:content}article.blog-post>.key-point:hover{background:rgba(255,212,59,.9333333333)}article.blog-post>.key-point *{color:#000}article.blog-post>.key-point>p{margin-block:5px}article.blog-post div.footer{display:none}article.blog-post>.side-panel{grid-column:side-panel;grid-row:main;font-size:.9em;max-width:var(--side-panel-width)}article.blog-post>.side-panel h3{margin-block:10px}article.blog-post>.side-panel hr{margin-block:2em}article.blog-post>.side-panel p{margin-block:1em}article.blog-post>.side-panel>div{position:sticky;top:var(--header-offset)}article.blog-post>.side-panel div.block{--block-spacing: 1.5em;padding-top:var(--block-spacing);margin-top:var(--block-spacing);border-top:1px solid gray}article.blog-post>.side-panel div.block:first-child{border-top:revert;margin-top:revert;padding-top:revert}article.blog-post aside+h2,article.blog-post aside+h3,article.blog-post aside+ul,article.blog-post aside+ol,article.blog-post aside+p{margin-top:10px}article.blog-post h2,article.blog-post h3{text-decoration:underline #28455d;display:flex;flex-direction:row-reverse;justify-content:left;gap:.8em}article.blog-post h2 a.zola-anchor.zola-anchor,article.blog-post h3 a.zola-anchor.zola-anchor{text-decoration:none;opacity:.5}article.blog-post h2 a.zola-anchor.zola-anchor:hover,article.blog-post h3 a.zola-anchor.zola-anchor:hover{opacity:.9}article.blog-post .timestamp,article.blog-post .description,article.blog-post .metadata{color:#a9a9a9;font-size:12px}article.blog-post .metadata{display:none}article.blog-post h1{font-size:24px}article.blog-post .description{grid-column:content;margin-top:.5em;margin-bottom:1em;font-size:16px}article.blog-post hr{color:#444}article.blog-post h1{margin:32px 0 16px 0}article.blog-post img{max-width:100%}article.blog-post figure.banner,article.blog-post figure.meme{margin:20px 0;grid-column:wide}article.blog-post figure.banner img,article.blog-post figure.meme img{width:100%;filter:grayscale(0.5)}article.blog-post figure.banner.bright img,article.blog-post figure.meme.bright img{filter:unset}article.blog-post figure.banner.compact img,article.blog-post figure.meme.compact img{aspect-ratio:16/5;object-fit:cover}article.blog-post figure.meme{display:grid;--meme-max-text-size: 1.8em;--meme-text-size: calc(clamp(calc(var(--meme-max-text-size) / 2), 5vw, var(--meme-max-text-size)));--meme-padding: calc(var(--meme-text-size)/2);grid-template-rows:[full-start] var(--meme-padding) [top-start] 1fr [top-end bottom-start] 1fr [bottom-end] var(--meme-padding) [full-end];grid-template-columns:[meme-start] 100% [meme-end]}article.blog-post figure.meme>*{grid-column:meme}article.blog-post figure.meme img{grid-row:full}article.blog-post figure.meme .top{grid-row:top;align-self:start}article.blog-post figure.meme .bottom{grid-row:bottom;align-self:end}article.blog-post figure.meme .top,article.blog-post figure.meme .bottom{z-index:5;justify-self:center;font-weight:bold;font-size:var(--meme-text-size);text-shadow:0 0 4px #000;text-transform:uppercase;user-select:none}article.blog-post figure.figure{grid-column:wide;margin-inline:unset;display:grid;grid-template-columns:subgrid;margin-block:2em}article.blog-post figure.figure img{grid-column:wide}article.blog-post figure.figure figcaption{grid-column:content;font-size:.8em;margin-inline:4em;margin-block:1em 0;text-align:center}article.blog-post figure.figure figcaption p{display:inline}article.blog-post p,article.blog-post ol,article.blog-post ul{color:#ccc}article.blog-post p{margin:10px 0}article.blog-post ol,article.blog-post ul{padding-left:1em;margin:0}article.blog-post li>ul{padding-left:0}article.blog-post p+ol,article.blog-post p+ul{margin-top:-.4em;margin-bottom:.4em}article.blog-post ol li{list-style-type:decimal}article.blog-post [id]{scroll-margin-top:var(--header-offset)}article.blog-post hgroup{display:grid;grid-template-columns:subgrid;grid-column:wide;justify-content:space-between;align-items:baseline;position:sticky;top:3rem;background:#131116;z-index:10;padding-bottom:8px;margin-bottom:8px}article.blog-post hgroup h1{margin:0;grid-column:content;display:inline-flex;justify-content:space-between}article.blog-post hgroup h1 a{font-size:12px}article.blog-post hgroup h1 a svg{padding-top:8px}article.blog-post hgroup::after{content:"";background:linear-gradient(#131116, rgba(19,17,22,0));z-index:20;position:absolute;bottom:0;margin-bottom:-8px;height:8px;width:100%}article.blog-post svg.icon{width:16px;height:16px;fill:#fff}article.blog-post nav{display:grid;grid-template-columns:subgrid;padding:32px 0 20px 0;grid-column:wide-header;z-index:10;position:sticky;top:-16px;background:#131116}article.blog-post nav svg.icon{padding-top:3px}article.blog-post nav ul{display:inline-flex;flex-wrap:wrap;margin:0;padding:0;gap:12px}article.blog-post nav ul li{list-style-type:none;padding:0}article.blog-post nav ul li:nth-child(1)::before{content:"";margin-right:0}article.blog-post nav ul li::before{content:">";margin-right:12px}article.blog-post .yt_embed iframe{width:100%;min-height:300px;border:none}article.blog-post .reading-time{grid-column:header;font-size:12px;color:#a9a9a9;margin-top:6px}article.blog-post .read-more{display:grid;grid-template-columns:1fr 1fr;grid-column:wide-header;gap:16px;margin-top:16px}article.blog-post .read-more h3{margin-bottom:unset}article.blog-post .read-more .previous,article.blog-post .read-more .next{display:grid;grid-row:2;grid-template-columns:[left-button-start] 16px [left-button-end content-start] 1fr [content-end right-button-start] 16px [right-button-end];gap:16px;min-height:100px}article.blog-post .read-more .previous>*,article.blog-post .read-more .next>*{grid-row:1}article.blog-post .read-more .previous svg,article.blog-post .read-more .next svg{padding-top:3px}article.blog-post .read-more .previous div,article.blog-post .read-more .next div{grid-column:content;display:grid;gap:8px;align-content:start}article.blog-post .read-more .previous div>*,article.blog-post .read-more .next div>*{display:block}article.blog-post .read-more .previous div span,article.blog-post .read-more .next div span{color:#a9a9a9}article.blog-post .read-more .next{grid-column:2}article.blog-post .read-more .previous{grid-column:1}article.blog-post .read-more .next>a{grid-column:right-button}article.blog-post .read-more .next svg{transform:rotate(.5turn)}article.blog-post .read-more .previous>a{grid-column:left-button}@media screen and (max-width: 1050px){article.blog-post{grid-column-gap:unset;margin-bottom:2em;grid-template-rows:unset;grid-template-columns:1fr [full-start] 1em [left-gutter-start wide-header-start wide-start title-start left-gutter-end header-start content-start] min(65ch,100% - 2em) [title-end content-end right-gutter-start wide-end wide-header-end header-end right-gutter-end] 1em [full-end] 1fr}article.blog-post>.side-panel{grid-column:content;grid-row:unset;max-width:unset}article.blog-post>.side-panel hr{display:none}article.blog-post>.side-panel h3{margin-block:1.5em .5em}article.blog-post>.side-panel div.block{display:none}article.blog-post>.side-panel div.block.toc{display:block;margin-bottom:1em}article.blog-post>.disclaimer{display:flex;gap:1em}article.blog-post nav{display:flex;gap:1rem;padding:1rem 0;top:0}article.blog-post .metadata{display:revert}article.blog-post h1{font-size:20px}article.blog-post h2,article.blog-post h3{display:flex;gap:1rem}article.blog-post figure.figure{margin-block:1em}article.blog-post div.footer{display:revert;margin-top:1em;border-top:1px solid gray;padding-top:.5em}article.blog-post .read-more{grid-template-columns:unset;gap:24px 16px}article.blog-post .read-more .next,article.blog-post .read-more .previous{min-height:unset;grid-column:1;grid-row:unset}.key-point{padding:.5em 1.2em}}@media print{article.blog-post{grid-column-gap:unset;margin-bottom:2em;grid-template-rows:unset;grid-template-columns:1fr [full-start] 1em [left-gutter-start wide-header-start wide-start title-start left-gutter-end header-start content-start] min(65ch,100% - 2em) [title-end content-end right-gutter-start wide-end wide-header-end header-end right-gutter-end] 1em [full-end] 1fr}article.blog-post>.side-panel{grid-column:content;grid-row:unset;max-width:unset}article.blog-post>.side-panel hr{display:none}article.blog-post>.side-panel h3{margin-block:1.5em .5em}article.blog-post>.side-panel div.block{display:none}article.blog-post>.side-panel div.block.toc{display:block;margin-bottom:1em}article.blog-post>.disclaimer{display:flex;gap:1em}article.blog-post nav{display:flex;gap:1rem;padding:1rem 0;top:0}article.blog-post .metadata{display:revert}article.blog-post h1{font-size:20px}article.blog-post h2,article.blog-post h3{display:flex;gap:1rem}article.blog-post figure.figure{margin-block:1em}article.blog-post div.footer{display:revert;margin-top:1em;border-top:1px solid gray;padding-top:.5em}article.blog-post .read-more{grid-template-columns:unset;gap:24px 16px}article.blog-post .read-more .next,article.blog-post .read-more .previous{min-height:unset;grid-column:1;grid-row:unset}.key-point{padding:.5em 1.2em}article.blog-post nav,article.blog-post a.zola-anchor,article.blog-post div.read-more{display:none}article.blog-post figure.meme .top,article.blog-post figure.meme .bottom{color:#ff0}article.blog-post .key-point{padding-inline:0}}