*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--step--2:clamp(.64rem, .6122rem + .1391vw, .72rem);--step--1:clamp(.8rem, .7652rem + .1739vw, .9rem);--step-0:clamp(1rem, .9565rem + .2174vw, 1.125rem);--step-1:clamp(1.25rem, 1.1957rem + .2717vw, 1.4063rem);--step-2:clamp(1.5625rem, 1.4946rem + .3397vw, 1.7578rem);--step-3:clamp(1.9531rem, 1.8682rem + .4246vw, 2.1973rem);--step-4:clamp(2.4414rem, 2.3353rem + .5307vw, 2.7466rem);--step-5:clamp(3.0518rem, 2.9191rem + .6634vw, 3.4332rem);--space-3xs:clamp(.25rem, .2283rem + .1087vw, .3125rem);--space-2xs:clamp(.5rem, .4783rem + .1087vw, .5625rem);--space-xs:clamp(.75rem, .7065rem + .2174vw, .875rem);--space-s:clamp(1rem, .9565rem + .2174vw, 1.125rem);--space-m:clamp(1.5rem, 1.4348rem + .3261vw, 1.6875rem);--space-l:clamp(2rem, 1.913rem + .4348vw, 2.25rem);--space-xl:clamp(3rem, 2.8696rem + .6522vw, 3.375rem);--space-2xl:clamp(4rem, 3.8261rem + .8696vw, 4.5rem);--space-3xl:clamp(6rem, 5.7391rem + 1.3043vw, 6.75rem);--space-3xs-2xs:clamp(.25rem, .1413rem + .5435vw, .5625rem);--space-2xs-xs:clamp(.5rem, .3696rem + .6522vw, .875rem);--space-xs-s:clamp(.75rem, .6196rem + .6522vw, 1.125rem);--space-s-m:clamp(1rem, .7609rem + 1.1957vw, 1.6875rem);--space-m-l:clamp(1.5rem, 1.2391rem + 1.3043vw, 2.25rem);--space-l-xl:clamp(2rem, 1.5217rem + 2.3913vw, 3.375rem);--space-xl-2xl:clamp(3rem, 2.4783rem + 2.6087vw, 4.5rem);--space-2xl-3xl:clamp(4rem, 3.0435rem + 4.7826vw, 6.75rem);--space-s-l:clamp(1rem, .5652rem + 2.1739vw, 2.25rem);--flow-space:var(--space-m);--wrapper-width:clamp(16rem, 93vw, 85rem);--font-base:"Times New Roman", serif;--color-black:#212121;--color-yellow:#f3f93c}.grid{border-width:0 0 1px;border-color:var(--color-black);border-style:solid}.grid__cell:last-child{border-right-width:0;grid-column:2/-1}.grid--reverse .grid__cell{grid-column:1/3}.grid--reverse .grid__cell:last-child{grid-column:3/-1}.grid:has(.work-data) .grid__cell:last-child{padding:0}.grid__content{padding:var(--space-s)}.grid__extra{font-size:var(--step--1);flex-wrap:wrap;display:flex}.grid__extra :first-child{flex-shrink:0}.grid__extra>*{border-style:solid;border-width:0 1px 1px 0;border-color:var(--color-black);padding:var(--space-2xs);align-items:center;display:flex}.grid__cell--icon.bracket svg{max-height:125px}.grid__cell--icon.star svg{max-width:65px}.grid__cell--icon{display:none}@media(min-width:600px){.grid{border-bottom-color:var(--color-black);border-bottom-style:solid;border-bottom-width:1px;grid-template-columns:120px 1fr 120px;display:grid}.grid__content{padding:var(--space-l)}.grid__cell{border-right-color:var(--color-black);border-right-style:solid;border-right-width:1px;grid-column:1/2}.grid__cell--icon{padding:var(--space-l) 0;place-content:center;display:grid}}@media(min-width:500px){.header__nav{display:flex}}.header__nav{background-color:var(--color-yellow);border-bottom:1px solid var(--color-black);padding:var(--space-s) 0;text-transform:lowercase;justify-content:space-between;align-items:center}.header__nav a{text-decoration:none}.header__nav>a{color:var(--color-black);font-family:var(--font-base);font-size:var(--step-2)}.header__nav ul{margin:0;padding:0}.hero h1{font-weight:400;font-size:var(--step-4);margin:0}.sub-header p{font-size:var(--step-2);margin:0}.rotate-180{transform:rotate(180deg)}.content{align-content:center;display:grid}:not(pre)>code{background:var(--color-black);color:#fff;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace}code{font-family:Courier New,monospace}.demo-block,.code-block{border:1px solid}.demo-block__header,.code-block__header{padding:var(--space-3xs) var(--space-m);border-bottom:1px solid;font-family:Courier New,monospace}.code-block pre{padding:var(--space-m);tab-size:4;border-radius:0;margin:0;line-height:1.2;overflow-x:auto}.code-block dd{margin-inline-start:0}.code-block__icon,.demo-block__icon{width:3rem;height:3rem;display:block}.demo-block__icon{width:3rem;height:3rem}.code-block__icon{width:2rem;height:2rem}:where(body,h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin-block:0}body{background-color:var(--color-yellow);color:var(--color-black);font-family:var(--font-base);font-style:normal;font-weight:400;font-size:var(--step-0)}figure{margin-inline:0}a:hover{background-color:var(--color-black);color:var(--color-yellow)}.wrapper{padding-left:var(--space-m);padding-right:var(--space-m);width:clamp(16rem,93vw,85rem);margin-left:auto;margin-right:auto}.section{padding-block:var(--space-l-xl)}.repel{justify-content:space-between;align-items:center;display:flex}.cluster{flex-wrap:wrap;gap:1rem;display:flex}.site-title{font-size:var(--step-1);font-weight:700;text-decoration:none}.text{font-size:var(--step-1);max-width:50rem;line-height:1.8}.work{margin:0;padding:0;list-style-type:none}@media(min-width:600px){.work-title{font-size:var(--step-5)}}.work-title{color:var(--color-black);font-size:var(--step-3)}.tags{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.tags li{background-color:var(--color-black);color:var(--color-yellow);border:1px solid var(--color-black);font-family:monospace;font-size:var(--step--2);border-radius:4rem;padding:.1rem .75rem}.svg-sprite{display:none}svg{max-width:100%}.center-v{align-content:center}.flow>*+*{margin-top:var(--flow-space,1rem)}.strong{font-weight:700}.main-footer{padding:var(--space-m);text-align:center}.list{margin:0;padding:0;list-style-type:none}.italic{font-style:italic}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:0;margin:0;padding:0;position:absolute;overflow:hidden}.post-image{border:1px solid var(--color-black)}