html{color:var(--text-color);background-color:var(--bg-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}*{box-sizing:border-box}:root{color-scheme:light dark;--orange:#f60;--brand:light-dark(var(--orange),var(--orange));--brand-reverse:light-dark(#fff,#ddd);accent-color:var(--brand);--text-color:light-dark(#333,#aaa);--quote-color:light-dark(#666,#777);--quote-bg:light-dark(#f4f4f4,#111);--bg-color:light-dark(#fff,#222);--subtle:light-dark(#ddd,#363636);--subtler:light-dark(#f0f0f0,#555);--subtle-text:light-dark(#737373,#888);--radius:.5rem;--radius-small:.25rem;--header-text:light-dark(#333,#ddd);--header-bg:light-dark(#fff5,#2228);--link-dark:var(--orange);--shadow:0 0 10px #00000040}::selection{color:var(--bg-color);background:var(--brand)}.skip-link{background:var(--brand);color:var(--bg-color);border-radius:var(--radius);z-index:9999;padding:.5rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:-100%;left:1rem;&:focus{top:1rem}}a{color:var(--brand);text-underline-offset:.3em;text-decoration:underline dotted #0000;transition:text-decoration .3s;&:hover{text-decoration-color:var(--brand)}}blockquote{color:var(--quote-color);background-color:var(--quote-bg);border-left:2px solid var(--quote-color);margin-left:0;margin-right:0;padding:1em;font-weight:200;& p{margin:0}& em{font-style:normal}}h1,h2,h3,h4,h5,h6{color:var(--brand);font-weight:900;line-height:1.3}hr{border:0;border-top:1px solid var(--subtle)}p{margin-trim:both;margin-block:1lh}p code{border-radius:var(--radius-small);background-color:var(--subtle);padding:.2rem .4rem;font-size:1rem}body{flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex;overflow:auto}@media (prefers-reduced-motion:no-preference){@keyframes pulse{0%{transform:scale(1)}to{opacity:.85;transform:scale(1.2)}}}main{flex:1;margin-top:4rem;padding:0;& .date{color:var(--subtle-text);font-size:small}& ul{margin:0 0 1rem;padding:0;list-style-type:square}& li{margin-bottom:1rem;margin-left:1rem}& h1{margin-top:0}& img{border-radius:var(--radius);max-width:100%}& .blogpost{& .title{margin-bottom:2rem}& h1{color:var(--brand);margin:0 0 .5rem;padding:0;font-size:2rem;line-height:1.1}& .post-navigation{flex:1;align-items:center;gap:1rem;margin-top:2rem;display:flex;& a{color:var(--brand);vertical-align:middle;flex:auto;text-decoration:none;&:hover{text-decoration:underline}&.prev{text-align:left}&.next{text-align:right}}}}}.astro-code{border-radius:var(--radius);overflow-x:overlay;margin:1rem 0;padding:1rem;font-size:1rem}:root{--base-size:1rem;--scale:1.3;--measure:66ch;--font-weight:400}@media screen and (width>800px){:root{--base-size:1.2rem;--scale:1.3;--font-weight:300}}main{color:var(--text-color);font-size:var(--base-size);font-weight:var(--font-weight);& h1,& h2,& h3{color:var(--brand);font-weight:calc(var(--font-weight) / var(--scale));text-wrap:balance}& h1{font-weight:calc(var(--font-weight) / var(--scale));font-size:calc(var(--base-size) * var(--scale) * 2.5);margin-inline-start:-4px;line-height:1.1}& h2{font-size:calc(var(--base-size) * var(--scale) * var(--scale) * var(--scale));margin-inline-start:-3px}& h3{font-size:calc(var(--base-size) * var(--scale) * var(--scale));margin-inline-start:-1px}& p,& li{text-wrap:pretty;line-height:150%}& ul,& ol{padding:0 0 0 1em;& li{margin-bottom:.5em}}& ul{list-style:square}& strong{color:var(--brand);font-weight:600}& section{padding:0 2rem;&.text{max-inline-size:var(--measure);margin:4rem auto;&.case{margin:8rem auto}& h2{margin-block-end:1rem}& h3{margin-block-end:1rem;font-weight:150}& h4{color:var(--subtle);margin:0;font-size:1.4rem;font-weight:400}& h5{color:var(--subtle);margin:1rem 0;font-size:1.4rem;font-weight:400}& figure{max-inline-size:calc(var(--measure) - 2rem);margin:1rem 0;display:block;& img{width:100%}& figcaption{color:oklch(from var(--subtle) calc(l - .2) c h);text-align:center;font-size:.9rem}}& img{max-inline-size:100%;height:auto;&.border{border:1px solid var(--subtle-text)}}&.back{text-align:center;padding:6rem 0}}&.image{& h3{text-align:center;color:var(--text-color);margin:0 0 2rem;font-size:1.6rem;font-weight:200}background-color:var(--subtle);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;& img{height:auto;max-inline-size:60vw;margin:0 auto;display:block}& iframe{width:100%;max-width:80vw;height:80vh;box-shadow:var(--shadow);border:none;border-radius:1rem;display:block}& video{outline:2px solid var(--subtle-text);outline-offset:-2px;border-radius:.5rem;width:100%;max-width:2000px;height:auto;display:block}&.scrollable{max-height:80vh;display:block;overflow-y:auto;& img{width:100%;max-width:1100px}}}}& a{color:var(--brand);text-decoration:none;transition:all .2s;&:hover{--gap:1rem;padding:calc(var(--gap) * .25) var(--gap) calc(var(--gap) * .5) var(--gap);margin:0 calc(var(--gap) * -1);background-color:var(--brand);color:var(--brand-reverse);border-radius:var(--radius);z-index:2000}}}a[data-astro-cid-evkijfd6]{text-decoration:none;display:inline-block;&:hover{color:var(--brand)}&.active{font-weight:bolder}}header[data-astro-cid-nen7h5rs]{border:1px solid color-mix(in oklch, var(--brand) 8%, transparent);background-color:var(--header-bg);text-align:center;backdrop-filter:blur(20px);z-index:1000;border-radius:999px;width:fit-content;margin:0 auto;padding:.5rem 1.5rem .5rem .55rem;& a{color:var(--header-text)}&.sticky{background-color:var(--header-bg);backdrop-filter:blur(20px);z-index:1000;position:sticky;top:20px}& .internal-links{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex;& img{vertical-align:middle;&:hover{animation:1.5s ease-in-out infinite alternate pulse}}}}footer[data-astro-cid-jo6i4kqk]{border-top:1px solid color-mix(in oklch, var(--text-color) 15%, transparent);text-align:center;color:var(--subtle-text);background-color:var(--subtle);flex:0;margin-block-start:4rem;padding:2rem 2rem 4rem;font-size:.9rem;& a{color:var(--link-dark)}}