.BlogPost{background:var(--primaryBackground);min-height:100dvh;color:var(--primaryText);padding:2rem;transition:background 1s}@media(max-width:768px){.BlogPost{padding:1rem}}.BlogPost .BlogPostContainer{max-width:800px;margin:0 auto}.BlogPost .BlogPostHeader{border-bottom:1px solid var(--activeBorder);margin-bottom:2rem;padding-bottom:1rem}@media(max-width:768px){.BlogPost .BlogPostHeader{margin-bottom:2rem;padding-bottom:1.5rem}}.BlogPost .BlogPostHeader h1{font-size:var(--typography_fluid-content-4xl);font-weight:700;line-height:1.2;font-family:var(--font-dosis),"Dosis",sans-serif;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:1rem 0 1.5rem}.BlogPost .BackLink{color:var(--primaryText);opacity:.7;font-size:var(--typography_fluid-content-s);text-decoration:none;transition:opacity .3s}.BlogPost .Meta{flex-direction:column;gap:1rem;display:flex}.BlogPost .Meta time{font-size:var(--typography_fluid-content-s);opacity:.7}.BlogPost .Tags{flex-wrap:wrap;gap:.5rem;display:flex}.BlogPost .Tag{font-size:var(--typography_fluid-content-xs);background:var(--tagBackground);color:var(--tagText);border-radius:12px;padding:.25rem .75rem;font-weight:500}.BlogPost .BlogPostContent{font-size:var(--typography_fluid-content-m);line-height:1.8;font-family:var(--font-monaspace),monospace;word-wrap:break-word;overflow-wrap:break-word;font-weight:400}.BlogPost h2{font-size:var(--typography_fluid-content-3xl);color:var(--primaryText);font-weight:700;font-family:var(--font-dosis),"Dosis",sans-serif;word-wrap:break-word;overflow-wrap:break-word;margin:2.5rem 0 1rem;scroll-margin-top:2rem}.BlogPost h3{font-size:var(--typography_fluid-content-2xl);color:var(--primaryText);font-weight:700;font-family:var(--font-dosis),"Dosis",sans-serif;word-wrap:break-word;overflow-wrap:break-word;margin:2rem 0 1rem;scroll-margin-top:2rem}.BlogPost .heading-link{color:inherit;text-decoration:none;position:relative}.BlogPost .heading-link:hover:before{content:"#";color:var(--activeBorder);opacity:.8;font-weight:400;position:absolute;left:-1.25em}.BlogPost p{margin-bottom:1.5rem}.BlogPost strong{color:var(--primaryText);font-weight:700}.BlogPost em{font-style:italic}.BlogPost blockquote{border-left:4px solid var(--activeBorder);background:#8080801a;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}@media(max-width:768px){.BlogPost blockquote{margin:1.5rem 0;padding:.75rem 1rem}}.BlogPost blockquote p{margin-bottom:0}.BlogPost ul{margin:1.5rem 0;padding-left:2rem}@media(max-width:768px){.BlogPost ul{padding-left:1.5rem}}.BlogPost ol{margin:1.5rem 0;padding-left:2rem}@media(max-width:768px){.BlogPost ol{padding-left:1.5rem}}.BlogPost li{margin-bottom:.5rem}.BlogPost code{font-size:.9em;font-family:var(--font-monaspace),"Monaspace Argon",monospace;word-break:break-all;overflow-wrap:anywhere;background:#80808033;border-radius:4px;padding:.125rem .375rem}.BlogPost a{color:var(--primaryText);opacity:.9;text-decoration:underline;transition:opacity .3s}.BlogPost a:hover{opacity:1}.BlogPost .sr-only{display:none}.BlogPost section.footnotes{border-top:2px solid var(--activeBorder);font-size:var(--typography_fluid-content-s);padding:0 2rem;font-style:italic}.BlogPost section.footnotes ol{padding:0;list-style:auto}.BlogPost .prose-figure{margin-bottom:2rem;padding:0 2rem}.BlogPost .prose-figure button{cursor:zoom-in;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;display:inline-block}.BlogPost .prose-figure img{object-fit:contain;max-width:100%;height:auto;display:block}@media(min-width:900px){.BlogPost .prose-figure img{width:auto;max-height:75vh;margin:auto}}.BlogPost .prose-figure figcaption{text-align:center;text-wrap:balance;padding-top:.5rem}.BlogPost table{border-collapse:collapse;font-size:var(--typography_fluid-content-xs);max-width:100%;margin:2rem}.BlogPost th,.BlogPost td{border:1px solid;padding:.75em}.BlogPost td:hover{background-color:var(--tagBackground)}.BlogPost th{font-weight:700}.BlogPost dialog.popover-lightbox{z-index:10000;background:#000000d9;border:none;width:100vw;height:100dvh;margin:0;padding:0;position:fixed;inset:0}.BlogPost dialog.popover-lightbox button{color:#fff;z-index:2;cursor:pointer;background:#0009;border:none;border-radius:999px;outline:none;place-self:start end;place-items:center;width:44px;height:44px;margin:8px;font-size:1.25rem;display:grid;position:absolute;top:8px;right:8px}.BlogPost dialog.popover-lightbox button:hover{transform:scale(1.05)}.BlogPost dialog.popover-lightbox img{object-fit:contain;width:100%;height:100%;padding:1rem;box-shadow:0 10px 40px #00000080}.BlogPost [popover]:popover-open{opacity:1;transform:scale(1)}.BlogPost [popover]{opacity:0;transition:all .3s allow-discrete;transform:scale(0)}@starting-style{.BlogPost [popover]:popover-open{opacity:0;transform:scale(.9)}}.BlogPost [popover]::backdrop{transition:all .3s allow-discrete;background:#00000080}@starting-style{.BlogPost [popover]:popover-open::backdrop{background-color:#0000}}