html{color:var(--text-color);background-color:var(--bg-color);interpolate-size:allow-keywords;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.1em;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-large:1rem;--header-text:light-dark(#333,#ddd);--header-bg:light-dark(#fff5,#2228);--measure:60ch}::selection{color:var(--bg-color);background:var(--brand)}a{color:var(--brand);text-underline-offset:.3em;text-decoration:underline dotted #0000;transition:text-decoration .3s}a:hover{text-decoration-color:var(--brand)}aside{border-radius:var(--radius);background-color:#ffc;margin:auto -1lh;padding:1lh;display:block}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-top:0;&:last-child{margin-bottom:0}}& em{font-style:normal}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--brand);letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.1}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:.9rem}.skip-link{z-index:9999;background:var(--brand);color:var(--brand-reverse);border-radius:0 0 var(--radius) 0;padding:.5rem 1rem;font-weight:700;text-decoration:none;position:absolute;top:0;left:-9999px;&:focus{left:0}}body{flex-direction:column;min-height:100vh;margin:0;padding:0;display:flex;overflow:auto}header{text-align:center;background-color:var(--header-bg);backdrop-filter:blur(20px);z-index:1000;border:1px solid #f601;border-radius:999px;width:fit-content;max-width:calc(100% - 2rem);margin:0 auto;padding:.5rem 1.5rem .5rem .55rem;position:sticky;top:20px;& a{color:var(--header-text)}& .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}}}}@media (width<=480px){header{top:10px;& .internal-links{gap:.6rem;font-size:.9rem}}}.logo{margin:0 auto;padding:4rem 0;& a{&:hover{animation:1.5s ease-in-out infinite alternate pulse}}}main{width:calc(100% - 4rem);max-width:var(--measure);flex:1;margin:0 auto;padding:0;& .date{color:var(--subtle-text);font-size:small}& ul{margin-trim:both;margin:0;margin-block:1lh;padding:0;list-style-type:square}& li{margin-left:1rem;margin-trim:both;margin-block:0 .3lh}& h1{margin-top:0}& img{border-radius:var(--radius);max-width:100%;height:auto}& .blogpost{& .title{margin-bottom:2rem}& h1{color:var(--brand);letter-spacing:-.03em;margin:0 0 .5rem;padding:0;font-size:clamp(2.75rem,1.5rem + 5vw,4.5rem);line-height:1.05}& h2{margin:2rem 0 1rem;font-size:1.75rem}}}.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}}}@media (width<=480px){.logo{padding:2rem 0}main{width:calc(100% - 2rem);& .blogpost .post-navigation{flex-direction:column;gap:.5rem;& a.prev,& a.next{text-align:center}}}}.astro-code{border-radius:var(--radius);overflow-x:overlay;margin:1rem 0;padding:1rem}@keyframes pulse{0%{transform:scale(1)}to{opacity:.85;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){@keyframes pulse{0%,to{opacity:1;transform:none}}}a[data-astro-cid-evkijfd6]{text-decoration:none;display:inline-block;&:hover{color:var(--brand)}&.active{font-weight:bolder}}footer[data-astro-cid-jo6i4kqk]{text-align:center;color:var(--brand-reverse);background-color:var(--brand);border-top:1px solid #0003;flex:0;margin-block-start:4rem;padding:2rem 2rem 4rem;font-size:.9rem;& a{color:var(--brand-reverse);text-underline-offset:.3em;text-decoration:underline dotted}}