.hero,.markdown .hero{background-color:var(--bg-dim);display:flex;flex-direction:column;font-size:var(--step-1);justify-content:center;min-height:70vh;padding-block:var(--space-m);padding-inline:unset;width:unset}.hero .markdown>*,.markdown .hero .markdown>*{margin-inline-start:unset;max-width:38ch;padding-inline:unset;width:100%}.hero+*,.markdown .hero+*{margin-top:var(--space-xl)}.post-list[data-astro-cid-nni2rj4u]{list-style:none;max-width:30em;padding-left:0;width:100%}lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube:before{content:attr(data-title);display:block;position:absolute;top:0;background-image:linear-gradient(180deg,#000000ab,#0000008a 14%,#00000026 54%,#0000000d 72%,#0000 94%);height:99px;width:100%;font-family:YouTube Noto,Roboto,Arial,Helvetica,sans-serif;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:18px;padding:25px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}lite-youtube:hover:before{color:#fff}lite-youtube:after{content:"";display:block;padding-bottom:56.25%}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lyt-playbtn{display:block;width:100%;height:100%;background:no-repeat center/68px 48px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');position:absolute;cursor:pointer;z-index:1;filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:0}lite-youtube:hover>.lyt-playbtn,lite-youtube .lyt-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lyt-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.grid{display:flex}.grid>*{flex-basis:100%}.flow-s>*~*,.markdown>*~*{margin-top:var(--space-s)}.flow-s>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child),.markdown>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.wrapper,.markdown>*{width:90vw;width:clamp(16rem,90vw,70rem);margin-inline:auto;padding-inline:1.5rem;position:relative}.markdown code{--offset: 2px;background-color:#2b2b2b;border-radius:2px;color:#f8f8f2;font-size:var(--step--1);margin:calc(-1 * var(--offset));padding:calc(2 * var(--offset))}.markdown pre code{font-size:unset;margin:unset;padding:unset}.markdown>*:is(ul,ol){padding-inline:3em}*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--bg-dim: hsl(220, 10%, 95%);--accent-dark: hsl(220, 100%, 10%)}:root{--step--2: clamp(.72rem, .6218rem + .4364vw, .96rem);--step--1: clamp(.9rem, .7773rem + .5455vw, 1.2rem);--step-0: clamp(1.125rem, .9716rem + .6818vw, 1.5rem);--step-1: clamp(1.4063rem, 1.2145rem + .8523vw, 1.875rem);--step-2: clamp(1.7578rem, 1.5181rem + 1.0653vw, 2.3438rem);--step-3: clamp(2.1973rem, 1.8976rem + 1.3317vw, 2.9297rem);--step-4: clamp(2.7466rem, 2.372rem + 1.6646vw, 3.6621rem);--step-5: clamp(3.4332rem, 2.9651rem + 2.0807vw, 4.5776rem)}body{font-size:var(--step-0);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{line-height:1}h2{line-height:1.1}h3{line-height:1.3}h4,h5,h6,p{line-height:1.5}:root{--space-3xs: clamp(.3125rem, .2869rem + .1136vw, .375rem);--space-2xs: clamp(.5625rem, .4858rem + .3409vw, .75rem);--space-xs: clamp(.875rem, .7727rem + .4545vw, 1.125rem);--space-s: clamp(1.125rem, .9716rem + .6818vw, 1.5rem);--space-m: clamp(1.6875rem, 1.4574rem + 1.0227vw, 2.25rem);--space-l: clamp(2.25rem, 1.9432rem + 1.3636vw, 3rem);--space-xl: clamp(3.375rem, 2.9148rem + 2.0455vw, 4.5rem);--space-2xl: clamp(4.5rem, 3.8864rem + 2.7273vw, 6rem);--space-3xl: clamp(6.75rem, 5.8295rem + 4.0909vw, 9rem);--space-3xs-2xs: clamp(.3125rem, .1335rem + .7955vw, .75rem);--space-2xs-xs: clamp(.5625rem, .3324rem + 1.0227vw, 1.125rem);--space-xs-s: clamp(.875rem, .6193rem + 1.1364vw, 1.5rem);--space-s-m: clamp(1.125rem, .6648rem + 2.0455vw, 2.25rem);--space-m-l: clamp(1.6875rem, 1.1506rem + 2.3864vw, 3rem);--space-l-xl: clamp(2.25rem, 1.3295rem + 4.0909vw, 4.5rem);--space-xl-2xl: clamp(3.375rem, 2.3011rem + 4.7727vw, 6rem);--space-2xl-3xl: clamp(4.5rem, 2.6591rem + 8.1818vw, 9rem)}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#d4d0ab}.token.punctuation{color:#fefefe}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ffa07a}.token.boolean,.token.number{color:#00e0e0}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#abe338}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function{color:gold}.token.keyword{color:#00e0e0}.token.regex,.token.important{color:gold}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast:active){code[class*=language-],pre[class*=language-]{color:windowText;background:window}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}.wrapper{width:90vw;width:clamp(16rem,90vw,70rem);margin-inline:auto;padding-inline:1.5rem;position:relative}.flow-3xs>*~*{margin-top:var(--space-3xs)}.flow-3xs>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-2xs>*~*{margin-top:var(--space-2xs)}.flow-2xs>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-xs>*~*{margin-top:var(--space-xs)}.flow-xs>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-s>*~*{margin-top:var(--space-s)}.flow-s>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-m>*~*{margin-top:var(--space-m)}.flow-m>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-l>*~*{margin-top:var(--space-l)}.flow-l>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-xl>*~*{margin-top:var(--space-xl)}.flow-xl>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-2xl>*~*{margin-top:var(--space-2xl)}.flow-2xl>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-3xl>*~*{margin-top:var(--space-3xl)}.flow-3xl>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.flow-4xl>*~*{margin-top:var(--space-4xl)}.flow-4xl>:is(h2,h3,h4,h5,h6):not(:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6),:first-child){margin-top:1.5em}.button{background-color:var(--accent-dark);border-radius:3px;color:#fff;padding-block:var(--space-3xs);padding-inline:var(--space-xs);text-decoration:none}.button.inline-block{display:inline-block}main{margin-block-end:var(--space-xl)}.header,.footer{background-color:var(--bg-dim);padding-block:var(--space-xs)}.header nav ul{display:flex;gap:0 var(--space-m);padding-inline-start:unset}.header nav ul li{list-style:none}.header nav ul a{display:block;padding-block:var(--space-xs);text-decoration:none;color:currentColor}.footer{color:#454a54;font-size:var(--step--1);line-height:1}.post>.markdown p{padding-inline-end:clamp(1.5rem,100vw - 1000px,20vw)}.post>.markdown+.lastmod{font-size:var(--step--1);margin-block-start:var(--space-m)}