html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box}:root{color-scheme:light dark;--orange: hsl(24, 100%, 49%);--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(#ffffff55, #22222288);--link-dark: light-dark(#c05000, var(--orange));--shadow: 0 0 10px rgba(0, 0, 0, .25)}::-moz-selection{color:var(--bg-color);background:var(--brand)}::selection{color:var(--bg-color);background:var(--brand)}a{color:var(--brand);text-decoration:underline;text-decoration-color:transparent;text-decoration-style:dotted;text-underline-offset:.3em;transition:text-decoration .3s;&:hover{text-decoration-color:var(--brand)}}blockquote{font-weight:200;color:var(--quote-color);background-color:var(--quote-bg);margin-left:0;margin-right:0;padding:1em;border-left:2px solid var(--quote-color);p{margin:0}em{font-style:normal}}h1,h2,h3,h4,h5,h6{color:var(--brand);line-height:1.3;font-weight:900}hr{border:0;border-top:1px solid var(--subtle)}p{margin-block:1lh;margin-trim:both}p code{font-size:1rem;padding:.2rem .4rem;border-radius:var(--radius-small);background-color:var(--subtle)}body{display:flex;flex-direction:column;min-height:100vh;margin:0;padding:0;overflow:auto}@keyframes pulse{0%{transform:scale(1)}to{opacity:.85;transform:scale(1.2)}}main{flex:1;margin-top:4rem;padding:0;.date{font-size:small;color:var(--subtle-text)}ul{list-style-type:square;margin:0;padding:0;margin-bottom:1rem}li{margin-left:1rem;margin-bottom:1rem}h1{margin-top:0}img{max-width:100%;border-radius:var(--radius)}.blogpost{.title{margin-bottom:2rem}h1{line-height:1.1;color:var(--brand);font-size:2rem;margin:0;margin-bottom:.5rem;padding:0}.post-navigation{display:flex;flex:1 1;gap:1rem;margin-top:2rem;align-items:center;a{flex:auto;color:var(--brand);text-decoration:none;vertical-align:middle;&:hover{text-decoration:underline}&.prev{text-align:left}&.next{text-align:right}}}}}.astro-code{font-size:1rem;padding:1rem;border-radius:var(--radius);margin:1rem 0;overflow-x:overlay}@keyframes slidein{0%{transform:translate(200%)}to{transform:translate(0)}}@keyframes slideout{0%{transform:translate(0)}to{transform:translate(-400%)}}@view-transition{navigation: auto;}main{view-transition-name:main}::view-transition-old(main){animation:slideout .5s ease-in-out}::view-transition-new(main){animation:slidein .5s ease-in-out}: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{margin-inline-start:-4px;font-weight:calc(var(--font-weight) / var(--scale));font-size:calc(var(--base-size) * var(--scale) * 2.5);line-height:1.1}h2{margin-inline-start:-3px;font-size:calc(var(--base-size) * var(--scale) * var(--scale) * var(--scale))}h3{margin-inline-start:-1px;font-size:calc(var(--base-size) * var(--scale) * var(--scale))}p,li{line-height:150%;text-wrap:pretty}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{font-weight:150;margin-block-end:1rem}h4{margin:0;font-size:1.4rem;font-weight:400;color:var(--subtle)}h5{margin:1rem 0;font-size:1.4rem;font-weight:400;color:var(--subtle)}figure{display:block;max-inline-size:calc(var(--measure) - 2rem);margin:1rem 0;img{width:100%}figcaption{color:oklch(from var(--subtle) calc(l - .2) c h);font-size:.9rem;text-align:center}}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;font-size:1.6rem;font-weight:200;color:var(--text-color);margin:0 0 2rem}display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:var(--subtle);img{height:auto;max-inline-size:60vw;display:block;margin:0 auto}iframe{display:block;width:100%;max-width:80vw;height:80vh;border:none;border-radius:1rem;box-shadow:var(--shadow)}video{display:block;width:100%;max-width:2000px;height:auto;border-radius:.5rem;outline:2px solid black;outline-offset:-2px}&.scrollable{display:block;max-height:80vh;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-eimmu3lg]{display:inline-block;text-decoration:none;&:hover{color:var(--brand)}&.active{font-weight:bolder}}header[data-astro-cid-3ef6ksr2]{width:fit-content;margin:0 auto;border:1px solid #ff660011;background-color:var(--header-bg);border-radius:999px;padding:.5rem 1.5rem .5rem .55rem;text-align:center;a{color:var(--header-text)}background-color:#fff9;backdrop-filter:blur(20px);z-index:1000;&.sticky{position:sticky;top:20px;background-color:var(--header-bg);backdrop-filter:blur(20px);z-index:1000}.internal-links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;img{vertical-align:middle;&:hover{animation:pulse 1.5s ease-in-out alternate infinite}}}}footer[data-astro-cid-sz7xmlte]{border-top:1px solid #00000033;font-size:.9rem;padding:2rem 2rem 4rem;margin-block-start:4rem;flex:0;text-align:center;color:var(--subtle-text);background-color:var(--subtle);a{color:var(--link-dark)}}