@charset "UTF-8";:root{--header-content-height: 2.6rem;--header-padding-vertical: var(--space-unit)}body{--header-height: calc( var(--header-content-height) + 2 * var(--header-padding-vertical) + 2 * var(--border-width) )}.header-bg{position:fixed;top:0;left:0;width:100%;z-index:900;background-color:#000;height:var(--header-height)}.header-gradient{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:998;height:calc(1.75 * var(--header-height));background-color:#000}.header-gradient.gradient-up:after{opacity:.4;position:absolute;top:0%;height:100%;left:0;width:100%;content:"";background:linear-gradient(180deg,#000,#000000fd,#000000f5,#000000ea,#000000da,#000000c6,#000000b0,#00000098,#00000080,#00000067,#0000004f,#00000039,#00000025,#00000015,#0000000a,#00000002,#0000);background-size:100% 100%}.header{position:fixed;top:0;left:0;z-index:999;align-items:center;justify-content:space-between;padding:var(--header-padding-vertical) var(--layout-gaps);color:#888}.header a{height:2.6rem;line-height:2.6rem;transition:all var(--transition-duration) var(--transition-easing)}.header .logo{height:2.6rem;position:relative}.header .logo img{height:100%}.header .mode-note{position:absolute;left:100%;top:0}.header .links{padding:var(--border-width);scale:.8;transform-origin:center right}@media screen and (min-width: 500px){.header .links{scale:1}}.header .links a{display:block;color:var(--heading-color)}.header .links a.active{font-weight:700;color:var(--text-color)}.header .links a.active:before{content:"[";text-decoration:none}.header .links a.active:after{content:"]";text-decoration:none}.header .links a:hover{text-decoration:underline}.footer{text-align:center;background-color:#000;margin:var(--layout-gaps) 0;&:not(.col-md-content):not(.col-not-left){margin:var(--layout-gaps)}}.social-links{background-color:#000;display:flex;justify-content:center;gap:1em;margin-top:1em}.social-links a{text-decoration:underline;color:rgb(var(--gray))}.social-links a:hover{color:rgb(var(--gray-dark))}html{background-color:#000}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-weight:400}a,a:hover,a:active{text-decoration:none}html{font-size:16px}@media screen and (max-width: 360px){html{font-size:14px}}@media screen and (max-width: 300px){html{font-size:12px}}@media screen and (min-width: 720px){html{font-size:18px}}@media screen and (min-width: 1600px){html{font-size:20px}}body{box-sizing:border-box;margin:0;padding:0;text-align:left;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word;min-height:110vh;overflow:scroll;overflow-x:hidden;background-color:#000;color:#fff;color:var(--text-color);font-weight:300;font-size:1rem}main{max-width:calc(100vw - 2em);margin:auto;padding:3em 1em}pre{padding:1.5em}code{all:unset}hr{border:none;border-top:1px solid var(--border-color)}table{width:100%;border:var(--border-width) solid var(--border-color);border-collapse:collapse}table td,table th{border:var(--border-width) solid var(--border-color);padding:.5rem}table th{padding:.25rem .5rem;background-color:var(--border-color);color:var(--bg-color);font-weight:400}article ul{position:relative}article ul:before{content:" ";position:absolute;left:0;top:0;width:var(--border-width);bottom:.7em;bottom:calc(.85em - 1px);background-color:var(--list-border-color)}article ul li{margin-left:1em;list-style:none;position:relative}article ul li:before{content:" ";position:absolute;left:-1em;top:.85em;top:calc(.85em - 3px);width:.7em;height:4px;border-width:var(--border-width);border-style:solid;border-top-width:0px;border-right-width:0px;border-color:var(--list-border-color)}article ol{position:relative;counter-reset:ol-counter}article ol li{list-style:none;position:relative;display:flex;counter-increment:ol-counter 1}article ol li:before{content:counter(ol-counter);display:inline-block;color:var(--list-border-color);margin-right:var(--space-unit);width:2ch;text-align:right;font-family:FiraCode}article blockquote{padding-left:2em;margin:1em 0;position:relative}article blockquote:before{content:"“";font-family:FiraCode;position:absolute;left:-.1em;top:-.1em;font-size:5rem;color:var(--list-border-color)}@media (max-width: 720px){main{padding:1rem}}:root{--transition-duration: .3s;--transition-easing: cubic-bezier(.77,0,.18,1)}:root{--font-size-small: .707rem}h1,.typo-h1{margin-top:0;font-size:2.827rem;line-height:1.25;text-wrap:balance}h2,.typo-h2{font-size:1.999rem;line-height:1.25;text-wrap:balance}h3,.typo-h3,blockquote,blockquote p{font-size:1.414rem;line-height:1.25}h4,h5,h6,p,ul,li,ol,a,.typo-body{font-size:1rem;line-height:1.7}h3,h4,h5,h6,.typo-h3{text-wrap:balance}pre,code,pre code *{font-size:.8rem;line-height:1.7}small,.typo-small{font-size:var(--font-size-small);line-height:1.7}.typo-light{font-weight:200}.typo-regular,p,.typo-medium,code,pre,pre code *{font-weight:400}b,.typo-bold{font-weight:500}i,.typo-italic{font-style:italic}.typo-caps{text-transform:uppercase}body{font-family:Inter,sans-serif}code,.typo-monospace{font-family:FiraCode,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}time{font-weight:inherit}:root{--content-column-width: 720px;--content-full-width: 1200px}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.inline-block{display:inline-block}.block,.child-block>*{display:block}.flexbox{display:flex}.flex-wrap{flex-wrap:wrap}.flex-align-end{align-items:end}.flex-justify-center{justify-content:center}.full-width{width:100%}.full-height{height:100%}.contents{display:contents}.sticky{position:sticky}.absolute{position:absolute;top:0;left:0}.hide{display:none}@media screen and (min-width: 1300px){.l-sticky{position:sticky}.l-text-left{text-align:left}.l-text-right{text-align:right}.l-hide{display:none}.l-block{display:block}}:root{--border-width: 2px;--pattern-color: #222;--pattern-size: 1px;--pattern-repeat: 2px}.pattern-dot{background-image:radial-gradient(var(--pattern-color) var(--pattern-size),transparent var(--pattern-size));background-size:var(--pattern-repeat) var(--pattern-repeat)}.pattern-crt{background-image:linear-gradient(90deg,transparent 0%,transparent 50%,var(--pattern-color) 50%,var(--pattern-color) 100%);background-size:var(--pattern-repeat) 100%}.pattern-lines{background-image:linear-gradient(45deg,transparent 25%,var(--pattern-color) 25%,var(--pattern-color) 50%,transparent 50%,transparent 75%,var(--pattern-color) 75%,var(--pattern-color) 100%);background-size:50px 50px}.border,.bt,.bl,.bb,.br{border-style:solid;border-width:0;border-color:var(--border-color)}.border.dashed,.bt.dashed,.bl.dashed,.bb.dashed,.br.dashed{border-style:dashed}.border{border-width:var(--border-width)}.bl{border-left-width:var(--border-width)}.bt{border-top-width:var(--border-width)}.br{border-right-width:var(--border-width)}.bb{border-bottom-width:var(--border-width)}.gradient-down{background:linear-gradient(0deg,#000,#0000 80%);background:linear-gradient(0deg,#000,#000000fd,#000000f5,#000000ea,#000000da,#000000c6,#000000b0,#00000098,#00000080,#00000067,#0000004f,#00000039,#00000025,#00000015,#0000000a,#00000002,#0000);background-size:100% 80%;background-position:0% 100%;background-repeat:no-repeat}.gradient-up{background:linear-gradient(#000,#000000bc 19%,#0000008a 34%,#00000061 47%,#00000047 56.5%,#00000031 65%,#00000020 73%,#00000013 80.2%,#0000000b 86.1%,#00000005 91%,#00000002 95.2%,#00000001 98.2%,#0000);background-size:100% 100%}.opacity-90{opacity:.9}.opacity-50{opacity:.5}.aspect-16-7{aspect-ratio:16/7;object-fit:cover}video{width:100%}:root{--layout-gaps: calc(var(--space-unit) * 2);--slider-padding: var(--layout-gaps)}.blog-grid,.blog-grid .layout-grid,.project-grid,.project-grid .layout-grid{display:grid;grid-template-columns:1fr minmax(0,60ch) 1fr;column-gap:var(--layout-gaps);grid-auto-flow:row;align-items:start}.blog-grid>*,.blog-grid .contents>*,.blog-grid .col-center,.blog-grid .col-content,.blog-grid .col-content-wide,.blog-grid .col-left,.blog-grid .col-right,.blog-grid .col-not-left,.blog-grid .col-md-content,.blog-grid .col-not-right,.blog-grid .layout-grid>*,.blog-grid .layout-grid .contents>*,.blog-grid .layout-grid .col-center,.blog-grid .layout-grid .col-content,.blog-grid .layout-grid .col-content-wide,.blog-grid .layout-grid .col-left,.blog-grid .layout-grid .col-right,.blog-grid .layout-grid .col-not-left,.blog-grid .layout-grid .col-md-content,.blog-grid .layout-grid .col-not-right,.project-grid>*,.project-grid .contents>*,.project-grid .col-center,.project-grid .col-content,.project-grid .col-content-wide,.project-grid .col-left,.project-grid .col-right,.project-grid .col-not-left,.project-grid .col-md-content,.project-grid .col-not-right,.project-grid .layout-grid>*,.project-grid .layout-grid .contents>*,.project-grid .layout-grid .col-center,.project-grid .layout-grid .col-content,.project-grid .layout-grid .col-content-wide,.project-grid .layout-grid .col-left,.project-grid .layout-grid .col-right,.project-grid .layout-grid .col-not-left,.project-grid .layout-grid .col-md-content,.project-grid .layout-grid .col-not-right{grid-column:2/3}.blog-grid .col-all,.blog-grid .col-project-wide,.blog-grid .layout-grid .col-all,.blog-grid .layout-grid .col-project-wide,.project-grid .col-all,.project-grid .col-project-wide,.project-grid .layout-grid .col-all,.project-grid .layout-grid .col-project-wide{grid-column:1/4}.blog-grid .col-project-wide,.blog-grid .layout-grid .col-project-wide,.project-grid .col-project-wide,.project-grid .layout-grid .col-project-wide{margin:var(--layout-gaps)}.blog-grid .ecol-width-all,.blog-grid .layout-grid .ecol-width-all,.project-grid .ecol-width-all,.project-grid .layout-grid .ecol-width-all{width:60ch}@media screen and (min-width: 1300px){:root{--layout-gaps: calc(var(--space-unit) * 4)}.blog-grid,.blog-grid .layout-grid,.project-grid,.project-grid .layout-grid{grid-template-columns:0 25ch 1fr minmax(0,60ch) 1fr 25ch 0}.blog-grid>*,.blog-grid .contents>*,.blog-grid .col-center,.blog-grid .layout-grid>*,.blog-grid .layout-grid .contents>*,.blog-grid .layout-grid .col-center,.project-grid>*,.project-grid .contents>*,.project-grid .col-center,.project-grid .layout-grid>*,.project-grid .layout-grid .contents>*,.project-grid .layout-grid .col-center{grid-column:2/7}.blog-grid .col-all,.blog-grid .layout-grid .col-all,.project-grid .col-all,.project-grid .layout-grid .col-all{grid-column:1/8}.blog-grid .col-content,.blog-grid .layout-grid .col-content,.project-grid .col-content,.project-grid .layout-grid .col-content{grid-column:4/5}.blog-grid .col-content-wide,.blog-grid .layout-grid .col-content-wide,.project-grid .col-content-wide,.project-grid .layout-grid .col-content-wide{grid-column:3/6}.blog-grid .col-project-wide,.blog-grid .layout-grid .col-project-wide,.project-grid .col-project-wide,.project-grid .layout-grid .col-project-wide{grid-column:3/7}.blog-grid .col-left,.blog-grid .layout-grid .col-left,.project-grid .col-left,.project-grid .layout-grid .col-left{grid-column:2/3}.blog-grid .col-right,.blog-grid .layout-grid .col-right,.project-grid .col-right,.project-grid .layout-grid .col-right{grid-column:6/7}.blog-grid .col-not-left,.blog-grid .col-md-content,.blog-grid .layout-grid .col-not-left,.blog-grid .layout-grid .col-md-content,.project-grid .col-not-left,.project-grid .col-md-content,.project-grid .layout-grid .col-not-left,.project-grid .layout-grid .col-md-content{grid-column:4/7}.blog-grid .col-not-right,.blog-grid .layout-grid .col-not-right,.project-grid .col-not-right,.project-grid .layout-grid .col-not-right{grid-column:2/5}.blog-grid .ecol-width-all,.blog-grid .layout-grid .ecol-width-all,.project-grid .ecol-width-all,.project-grid .layout-grid .ecol-width-all{width:100%;width:calc(100% - 2 * var(--layout-gaps))}}@media screen and (min-width: 1800px){:root{--layout-gaps: calc(var(--space-unit) * 6);--slider-padding: calc(.5*(100vw - 120ch)) }.blog-grid,.blog-grid .layout-grid,.project-grid,.project-grid .layout-grid{grid-template-columns:0 30ch 1fr minmax(0,60ch) 1fr 30ch 0}}.col-md-content{display:grid;grid-template-columns:minmax(0,80ch) 1fr 1fr;column-gap:var(--layout-gaps);grid-auto-flow:row;align-items:start}.col-md-content>*{grid-column:1/2}.col-md-content pre{grid-column:1/2}:root{--layout-gaps: calc(var(--space-unit) * 2);--slider-padding: max( calc(.5*(100vw - 1500px)) , var(--layout-gaps))}.content-grid,.content-grid .layout-grid{display:grid;grid-template-columns:1fr minmax(0,1500px) 1fr;column-gap:var(--layout-gaps);grid-auto-flow:row;align-items:start}.content-grid>*,.content-grid .contents>*,.content-grid .col-center,.content-grid .col-content,.content-grid .col-content-wide,.content-grid .col-left,.content-grid .col-right,.content-grid .col-not-left,.content-grid .col-not-right,.content-grid .layout-grid>*,.content-grid .layout-grid .contents>*,.content-grid .layout-grid .col-center,.content-grid .layout-grid .col-content,.content-grid .layout-grid .col-content-wide,.content-grid .layout-grid .col-left,.content-grid .layout-grid .col-right,.content-grid .layout-grid .col-not-left,.content-grid .layout-grid .col-not-right{grid-column:2/3}.content-grid .col-all,.content-grid .layout-grid .col-all{grid-column:1/4}.content-grid .ecol-width-all,.content-grid .layout-grid .ecol-width-all{width:60ch}@media screen and (min-width: 1300px){:root{--layout-gaps: calc(var(--space-unit) * 4)}}@media screen and (min-width: 1800px){:root{--layout-gaps: calc(var(--space-unit) * 6)}}.card-grid{display:grid;--column-width: calc(100% - calc(0 * var(--gap)));grid-template-columns:var(--column-width);grid-auto-flow:row;--gap: var(--space-unit);gap:var(--gap)}@media screen and (min-width: 550px){.card-grid{--column-width: calc(50% - calc(.5 * var(--gap)));grid-template-columns:var(--column-width) var(--column-width)}}@media screen and (min-width: 1100px){.card-grid{--column-width: calc(33.333% - calc(.666 * var(--gap)));grid-template-columns:var(--column-width) var(--column-width) var(--column-width)}}.card-grid li>a{display:contents}.card-grid li>a img{width:100%}.card-grid ul{list-style:none;display:contents}.card-grid ul li{display:contents}.card-grid.slider-grid{grid-column-start:1;padding-left:calc(2 * var(--gap));padding-left:var(--slider-padding);padding-right:calc(2 * var(--gap));padding-right:var(--slider-padding);grid-column-end:4;--container-width: calc(100% - var(--layout-gaps));--column-width: calc(.8 * var(--container-width) - calc(.2 * var(--gap)));grid-template-columns:calc(.75 * var(--column-width)) var(--column-width);grid-auto-columns:var(--column-width);grid-auto-flow:column;overflow:scroll;overflow-y:hidden}@media screen and (min-width: 550px){.card-grid.slider-grid{--column-width: calc( .5 * var(--container-width) - calc(.5 * var(--gap)) );grid-template-columns:calc(.66 * var(--column-width)) var(--column-width)}}@media screen and (min-width: 1100px){.card-grid.slider-grid{--column-width: calc( .3333 * var(--container-width) - calc(.666 * var(--gap)) );grid-template-columns:calc(.75 * var(--column-width)) var(--column-width) var(--column-width)}}@media screen and (min-width: 1500px){.card-grid.slider-grid{--max-column-width: calc(500px - calc(.666 * var(--gap)));grid-template-columns:calc(.75*min(var(--column-width),var(--max-column-width))) min(var(--column-width),var(--max-column-width));grid-auto-columns:min(var(--column-width),var(--max-column-width))}}.header-card{scroll-snap-align:start;display:block;display:flex}.post-card{scroll-snap-align:center;display:block;max-width:100%}.post-card.slider{width:33.33%}.post-card img{max-width:100%}.post-card.end-card{right:0;width:100%;background-color:#000}a .post-card{filter:grayscale(0)}a:hover .post-card{--color-hue: var(--hue-red);--border-color: oklch( var(--lightness-60) var(--saturation-5) var(--color-hue) );transition:all var(--transition-duration) var(--transition-easing);filter:grayscale(0) saturate(2)}:root{--space-unit: .5rem}.ptheader{padding-top:var(--header-height)}.mtheader{margin-top:var(--header-height)}.m1{margin:.5rem}.m2{margin:1rem}.m3{margin:1.5rem}.m4{margin:2rem}.m6{margin:3rem}.m8{margin:4rem}.m10{margin:5rem}.m12{margin:6rem}.ml1{margin-left:.5rem}.ml2{margin-left:1rem}.ml3{margin-left:1.5rem}.ml4{margin-left:2rem}.ml6{margin-left:3rem}.ml8{margin-left:4rem}.ml10{margin-left:5rem}.ml12{margin-left:6rem}.mr1{margin-right:.5rem}.mr2{margin-right:1rem}.mr3{margin-right:1.5rem}.mr4{margin-right:2rem}.mr6{margin-right:3rem}.mr8{margin-right:4rem}.mr10{margin-right:5rem}.mr12{margin-right:6rem}.mt1{margin-top:.5rem}.mt2{margin-top:1rem}.mt3{margin-top:1.5rem}.mt4{margin-top:2rem}.mt6{margin-top:3rem}.mt8{margin-top:4rem}.mt10{margin-top:5rem}.mt12{margin-top:6rem}.mb1{margin-bottom:.5rem}.mb2{margin-bottom:1rem}.mb3{margin-bottom:1.5rem}.mb4{margin-bottom:2rem}.mb6{margin-bottom:3rem}.mb8{margin-bottom:4rem}.mb10{margin-bottom:5rem}.mb12{margin-bottom:6rem}.p1{padding:.5rem}.p2{padding:1rem}.p3{padding:1.5rem}.p4{padding:2rem}.p6{padding:3rem}.p8{padding:4rem}.p10{padding:5rem}.p12{padding:6rem}.pl1{padding-left:.5rem}.pl2{padding-left:1rem}.pl3{padding-left:1.5rem}.pl4{padding-left:2rem}.pl6{padding-left:3rem}.pl8{padding-left:4rem}.pl10{padding-left:5rem}.pl12{padding-left:6rem}.pr1{padding-right:.5rem}.pr2{padding-right:1rem}.pr3{padding-right:1.5rem}.pr4{padding-right:2rem}.pr6{padding-right:3rem}.pr8{padding-right:4rem}.pr10{padding-right:5rem}.pr12{padding-right:6rem}.pt1{padding-top:.5rem}.pt2{padding-top:1rem}.pt3{padding-top:1.5rem}.pt4{padding-top:2rem}.pt6{padding-top:3rem}.pt8{padding-top:4rem}.pt10{padding-top:5rem}.pt12{padding-top:6rem}.pb1{padding-bottom:.5rem}.pb2{padding-bottom:1rem}.pb3{padding-bottom:1.5rem}.pb4{padding-bottom:2rem}.pb6{padding-bottom:3rem}.pb8{padding-bottom:4rem}.pb10{padding-bottom:5rem}.pb12{padding-bottom:6rem}:root{--hue-red: 20;--hue-orange: 50;--hue-yellow: 100;--hue-green: 150;--hue-blue: 270;--hue-pink: 330;--saturation-100: 1;--saturation-66: .66;--saturation-33: .33;--saturation-10: .1;--saturation-5: .05;--saturation-0: 0;--lightness-100: 1;--lightness-80: .8;--lightness-60: .6;--lightness-50: .5;--lightness-40: .4;--lightness-20: .2;--lightness-0: 0;--black: rgb(0, 0, 0);--white: rgb(255, 255, 255);--grey: oklch(var(--lightness-40) var(--saturation-0) 0);--text-grey: oklch(var(--lightness-80) .05 var(--hue-blue))}*{--color-hue: var(--hue-blue);--bg-color: var(--black);--saturation-text: var(--saturation-0);--text-color: oklch( var(--lightness-100) var(--saturation-text) var(--color-hue) );--heading-color: oklch( var(--lightness-80) var(--saturation-text) var(--color-hue) );--border-color: oklch( var(--lightness-40) var(--saturation-text) var(--color-hue) );--border-text-color: oklch( var(--lightness-50) var(--saturation-text) var(--color-hue) );--list-border-color: var(--border-color);color:var(--text-color)}.markdown-content,.markdown-content *,.markdown-style,.markdown-style *{--color-hue: var(--hue-blue);--saturation-text: .03}.markdown-content p>a{text-decoration:underline;color:oklch(var(--lightness-80) .9 var(--hue-blue))}.markdown-content *{scroll-margin-top:100px}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:3rem;margin-bottom:.5rem;font-weight:400;padding-right:1rem;position:relative}.markdown-content h1{margin-top:8rem}.markdown-content h2{margin-top:6rem}.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1rem;position:relative;font-weight:500}.markdown-content p{margin-top:1rem;padding-right:1rem;margin-bottom:1rem}.markdown-content pre{margin-top:1rem}.markdown-content h2,.markdown-content h3{padding:.5rem 1rem}.markdown-content h2{background-color:var(--heading-color);color:var(--bg-color)}.markdown-content h3{color:var(--heading-color);border-color:currentColor;border-style:solid;border-width:var(--border-width)}.markdown-content h1 a,.markdown-content h2 a,.markdown-content h3 a,.markdown-content h4 a,.markdown-content h5 a,.markdown-content h6 a{display:inline-block;width:0;vertical-align:top;font-size:inherit;height:1.5em;overflow:hidden;transition:all var(--transition-duration) var(--transition-easing)}.markdown-content h1 a svg,.markdown-content h2 a svg,.markdown-content h3 a svg,.markdown-content h4 a svg,.markdown-content h5 a svg,.markdown-content h6 a svg{height:.8em;position:relative;top:0;fill:var(--bg-color);margin-right:.5rem}.markdown-content h1:hover a,.markdown-content h2:hover a,.markdown-content h3:hover a,.markdown-content h4:hover a,.markdown-content h5:hover a,.markdown-content h6:hover a{width:calc(.8em + .25rem)}@media (hover: none){.markdown-content h1 a,.markdown-content h2 a,.markdown-content h3 a,.markdown-content h4 a,.markdown-content h5 a,.markdown-content h6 a{width:calc(.8em + .25rem)}}.markdown-content h1 a svg,.markdown-content h3 a svg,.markdown-content h4 a svg,.markdown-content h5 a svg,.markdown-content h6 a svg{fill:var(--border-color)}.markdown-content h3 a svg,.markdown-content h4 a svg,.markdown-content h5 a svg,.markdown-content h6 a svg{top:.05em}.markdown-content h4{margin-top:2rem}.markdown-content h2,.markdown-content h3{padding:0}.markdown-content h2 .pre-headline,.markdown-content h3 .pre-headline{display:inline-block;padding:.25rem .75rem;margin-right:.5rem;color:var(--heading-color);background-color:var(--bg-color);font-weight:500;border:var(--border-width) solid var(--heading-color)}.markdown-content h3 .pre-headline{background-color:var(--heading-color);color:var(--bg-color)}.markdown-content h4 .pre-headline{margin-right:.5rem}.markdown-content pre{padding-left:.5rem;border:var(--border-width) solid var(--border-color)}.markdown-content code{counter-reset:step;counter-increment:step 0}.markdown-content code .line:before{content:counter(step);counter-increment:step;width:3ch;margin-right:1rem;display:inline-block;text-align:right;color:#738a9466}img{width:100%}p:has(img),p:has(video),.markdown-content>img,.markdown-content>video{border:var(--border-width) solid var(--border-color);padding:.5rem}#footnote-label{visibility:hidden;height:0;margin:0}@media screen and (min-width: 1300px){.markdown-content p{padding-right:2rem}.markdown-content p:has(img),.markdown-content p:has(video),.markdown-content .markdown-content>img,.markdown-content .markdown-content>video{border:var(--border-width) solid var(--border-color);padding:.5rem}}@media screen and (min-width: 1600px){.markdown-content p{padding-right:4rem}.markdown-content p:has(img),.markdown-content p:has(video),.markdown-content .markdown-content>img,.markdown-content .markdown-content>video{border:var(--border-width) solid var(--border-color);padding:.5rem}}body{scrollbar-color:#222 #111}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}