:root{color-scheme:light dark;--fallback-bg-color:#fff;--fallback-txt-color:#1a1818;--fallback-bg-color-dark:#1a1818;--fallback-txt-color-dark:#fff;--breakpoint-sm:555px;--breakpoint-md:768px;--breakpoint-lg:1000px;--breakpoint-xl:2221px;--space-quarter:.25em;--space-half:.5em;--space-1:1em;--space-1-5:1.5em;--space-2:2em;--heading-space:.67em;--page-gutter-mobile:1.11em;--page-gutter-block:2em;--page-gutter-inline:2.55em;--current-page-gutter-block:var(--page-gutter-mobile);--current-page-gutter-inline:var(--page-gutter-mobile);--prose-width:55ch;--title-measure:22ch;--pre-radius:.33em;--pre-bg-light:#ededed;--pre-bg-dark:#333;--text-muted-opacity:.6;--text-soft-opacity:.7;--text-note-opacity:.75;--sketch-grid-gap:var(--space-1);--surface-code:var(--pre-bg-light)}@supports (margin-block:1lh){:root{--space-quarter:.25lh;--space-half:.5lh;--space-1:1lh;--space-1-5:1.5lh;--space-2:2lh;--heading-space:.67lh}}@supports (margin:1rlh){:root{--page-gutter-mobile:.95rlh;--page-gutter-block:1.65rlh;--page-gutter-inline:2.1rlh}}@media screen and (width>=555px){:root{--current-page-gutter-block:var(--page-gutter-block);--current-page-gutter-inline:var(--page-gutter-inline)}}@supports (color:light-dark(white, black)){*{color:light-dark(var(--txtColor,var(--fallback-txt-color)),var(--txtColorDark,var(--fallback-txt-color-dark)))}:root{--surface-code:light-dark(var(--pre-bg-light),var(--pre-bg-dark))}body{background-color:light-dark(var(--bgColor,var(--fallback-bg-color)),var(--bgColorDark,var(--fallback-bg-color-dark)));color:light-dark(var(--txtColor,var(--fallback-txt-color)),var(--txtColorDark,var(--fallback-txt-color-dark)))}}@supports not (color:light-dark(white, black)){*{color:var(--txtColor,var(--fallback-txt-color));@media (prefers-color-scheme:dark){color:var(--txtColorDark,var(--fallback-txt-color-dark))}}:root{--surface-code:var(--pre-bg-light);@media (prefers-color-scheme:dark){--surface-code:var(--pre-bg-dark)}}body{background-color:var(--bgColor,var(--fallback-bg-color));color:var(--txtColor,var(--fallback-txt-color));@media (prefers-color-scheme:dark){background-color:var(--bgColorDark,var(--fallback-bg-color-dark));color:var(--txtColorDark,var(--fallback-txt-color-dark))}}}html{margin:var(--current-page-gutter-block) var(--current-page-gutter-inline)}@media screen and (width<=999px){html{margin-block-end:0}}html,body,button,input,textarea,select{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{-webkit-font-smoothing:antialiased;font-size:1.23em}.prose{max-width:var(--prose-width);text-wrap:pretty}.title-measure{max-width:var(--title-measure)}.prose img{max-width:100%;height:auto;padding-block-end:var(--space-1);display:inline-block}.prose video{max-width:100%;height:auto;margin-block-end:var(--space-1);display:block}.prose blockquote{border-inline-start:1px solid;margin-inline-start:0;padding-inline-start:var(--space-1);font-style:italic}.prose pre{padding:var(--space-1);border-radius:var(--pre-radius);background-color:var(--surface-code);overflow-x:auto}@supports selector(:has(*)){.prose:has(img:last-child) img:last-child{padding-block-end:0}}@supports not selector(:has(*)){.prose img:last-of-type{padding-block-end:0}}.text-muted{opacity:var(--text-muted-opacity)}.text-soft{opacity:var(--text-soft-opacity)}.text-note{opacity:var(--text-note-opacity)}.button-reset{font:inherit;background:0 0;border:none;padding:0}.responsive-break{display:inline;@media screen and (width<=554px){display:none}}.list-circle li{list-style:circle}.sketch-grid{gap:var(--sketch-grid-gap);flex-wrap:wrap;display:flex;container-type:inline-size;@media (width>=768px){justify-content:flex-start}}:where(main,article,nav,header,footer)>:where(p,ul,ol,dl,blockquote,pre,figure){margin-block:var(--space-1)}:where(main,article,nav,header,footer)>:where(h1,h2,h3,h4,h5,h6){margin-block:var(--heading-space)}:is(a,button){cursor:pointer;text-decoration:none}body>header{justify-content:center;display:flex}.nav-logo{filter:drop-shadow(0 0 2px light-dark(#0000,#fff3))drop-shadow(0 0 5px light-dark(#0000,#ffffff14));width:auto;height:5em;display:block;position:relative;left:.3em}:is(h1,h2,h3,h4,h5,h6){text-wrap:balance}.writing-shell{inline-size:100%}.writing-shell:not(.writing-shell-with-aside){max-inline-size:var(--prose-width);margin-inline:auto}.writing-shell-with-aside{grid-template-columns:minmax(0, var(--prose-width)) minmax(0, 1fr);column-gap:clamp(var(--space-2), 6vw, 7rem);inline-size:calc(100% + var(--current-page-gutter-inline));align-items:start;max-inline-size:none;display:grid}.writing-aside{--writing-aside-caption-reserve:2.5em;--writing-aside-media-max-inline-size:min(100%, 34rem);place-self:start stretch;min-inline-size:0;position:sticky;inset-block-start:var(--current-page-gutter-block)}.writing-aside figure{flex-direction:column;align-items:center;margin:0;display:flex}.writing-aside img{block-size:auto;inline-size:auto;max-inline-size:var(--writing-aside-media-max-inline-size);max-block-size:calc(100vh - (2 * var(--current-page-gutter-block)) - 30.8px - var(--space-half) - var(--writing-aside-caption-reserve));object-fit:contain;object-position:top right;margin-block-start:30.8px;display:block}.writing-aside figcaption{inline-size:var(--writing-aside-media-max-inline-size);opacity:var(--text-note-opacity);overflow-wrap:anywhere;align-self:center;margin-block-start:var(--space-half);font-size:.68em;line-height:1.25}@supports (height:100dvh){.writing-aside img{max-block-size:calc(100dvh - (2 * var(--current-page-gutter-block)) - 30.8px - var(--space-half) - var(--writing-aside-caption-reserve))}}@media screen and (width<=999px){.writing-shell-with-aside{inline-size:100%;max-inline-size:var(--prose-width);display:block}.writing-aside{inline-size:auto;margin-block-start:var(--space-2);margin-inline:0;position:static}.writing-aside figure{flex-direction:column;inline-size:100vw;margin-inline:calc(50% - 50vw);display:flex;position:relative}@supports (width:100dvw){.writing-aside figure{inline-size:100dvw;margin-inline:calc(50% - 50dvw)}}.writing-aside img{--writing-aside-mobile-image-fade:var(--space-2);max-block-size:none;inline-size:100%;max-inline-size:none;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--writing-aside-mobile-image-fade));mask-image:linear-gradient(to bottom, transparent, #000 var(--writing-aside-mobile-image-fade));order:2;margin-block-start:0}.writing-aside figcaption{box-sizing:border-box;inline-size:100%;padding-inline:var(--current-page-gutter-inline);order:1;margin-block-start:0;margin-block-end:var(--space-half)}}.writing-header{text-align:center;margin-block-end:var(--space-half)}.writing-header h1,.writing-pub-date{max-width:none;opacity:var(--text-note-opacity);margin-block:var(--space-quarter);font-size:1em;font-weight:700}.writing-header h1{font-style:italic}.writing-article>p:first-of-type{text-align:center}.writing-article ol{counter-reset:item;margin-inline:0;padding-inline-start:0;list-style:none}.writing-article ol>li{counter-increment:item;margin-block:0;margin-inline-start:-.75em;padding-block:.5em;padding-inline:.75em;position:relative}.writing-article ol>li:before{content:counter(item, lower-roman) ".";text-align:right;white-space:nowrap;width:2.25em;font-weight:700;position:absolute;top:.5em;right:calc(100% + .25em)}@media screen and (width<=554px){.writing-article ol>li{margin-inline-start:0;padding-inline-start:2.25em}.writing-article ol>li:before{text-align:right;width:2em;left:0;right:auto}}.writing-article ol>li:first-child{background-color:color-mix(in srgb, light-dark(var(--txtColor,#1a1918),var(--txtColorDark,#fff9f3)) 8%, light-dark(var(--bgColor,#fff9f3),var(--bgColorDark,#1a1918)))}.writing-article ol>li:nth-child(2){background-color:color-mix(in srgb, light-dark(var(--txtColor,#1a1918),var(--txtColorDark,#fff9f3)) 22%, light-dark(var(--bgColor,#fff9f3),var(--bgColorDark,#1a1918)))}.writing-article ol>li:nth-child(3){background-color:color-mix(in srgb, light-dark(var(--txtColor,#1a1918),var(--txtColorDark,#fff9f3)) 38%, light-dark(var(--bgColor,#fff9f3),var(--bgColorDark,#1a1918)))}.writing-article ol>li:nth-child(4){background-color:color-mix(in srgb, light-dark(var(--txtColor,#1a1918),var(--txtColorDark,#fff9f3)) 56%, light-dark(var(--bgColor,#fff9f3),var(--bgColorDark,#1a1918)))}.writing-article ol>li:nth-child(5),.writing-article ol>li:nth-child(n+6){background-color:color-mix(in srgb, light-dark(var(--txtColor,#1a1918),var(--txtColorDark,#fff9f3)) 72%, light-dark(var(--bgColor,#fff9f3),var(--bgColorDark,#1a1918)))}.writing-article ol>li:nth-child(n+4),.writing-article ol>li:nth-child(n+4) *{color:light-dark(var(--bgColor,#fff9f3),var(--bgColorDark,#1a1918))}.writing-article ol>li:nth-child(n+4):before{color:light-dark(var(--txtColor,#1a1918),var(--txtColorDark,#fff9f3))}@media screen and (width<=554px){.writing-article ol>li:nth-child(n+4):before{color:light-dark(var(--bgColor,#fff9f3),var(--bgColorDark,#1a1918))}}.writing-article{margin-inline:auto;font-size:.9em}.writing-article ul>li+li{margin-block-start:.4em}.writing-article ol~pre{margin-inline-start:var(--space-1)}.reading-highlight{margin-inline-start:0;margin-block:var(--space-1-5);border-inline-start:2px solid;padding-inline-start:var(--space-1);font-style:italic}.reading-highlight p{margin:0;margin-block-end:var(--space-half)}.reading-highlight cite{opacity:.6;font-style:normal;display:block}.highlight-missing{color:#c00;font-style:italic}.writing-article img{cursor:zoom-in}.writing-lightbox{--lightbox-scrim:#ffffffe6;z-index:1000;box-sizing:border-box;padding-block:var(--current-page-gutter-block);padding-inline:var(--current-page-gutter-inline);background-color:var(--lightbox-scrim);place-items:center;display:grid;position:fixed;inset:0}.writing-lightbox[hidden]{display:none}.writing-lightbox img{max-width:calc(100vw - (2 * var(--current-page-gutter-inline)));max-height:calc(100vh - (2 * var(--current-page-gutter-block)));object-fit:contain;cursor:default;width:auto;height:auto;display:block}@supports (height:100dvh){.writing-lightbox img{max-height:calc(100dvh - (2 * var(--current-page-gutter-block)))}}html.writing-lightbox-open,html.writing-lightbox-open body{overflow:hidden}html.writing-lightbox-open body{margin-block-start:0}@supports (background-color:color-mix(in srgb, white 90%, transparent)){.writing-lightbox{--lightbox-scrim:color-mix(in srgb, var(--bgColor,var(--fallback-bg-color)) 90%, transparent)}@media (prefers-color-scheme:dark){.writing-lightbox{--lightbox-scrim:color-mix(in srgb, var(--bgColorDark,var(--fallback-bg-color-dark)) 90%, transparent)}}}@supports (color:light-dark(white, black)) and (background-color:color-mix(in srgb, white 90%, transparent)){.writing-lightbox{--lightbox-scrim:color-mix(in srgb, light-dark(var(--bgColor,var(--fallback-bg-color)),var(--bgColorDark,var(--fallback-bg-color-dark))) 90%, transparent)}}