.essay{--content-w: 42rem;--measure: 42rem;--margin-w: 15rem;--gutter: 2.5rem;max-width:calc(var(--content-w) + var(--gutter) + var(--margin-w));margin-inline:auto;padding-top:var(--sp-6)}.essay__back{display:inline-block;font-size:var(--fs-1);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-soft);background:none;margin-bottom:var(--sp-7)}.essay__back:hover{color:var(--accent);background:none}.essay__head{max-width:var(--content-w)}.essay__crumb{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-5)}.essay__kind{color:var(--ink-soft)}.essay__title{animation:essayFadeUp .7s var(--ease-out) both}.essay__dek{margin-top:var(--sp-4);animation:essayFadeUp .7s var(--ease-out) both;animation-delay:.12s}.essay__meta{margin-top:var(--sp-5);font-size:var(--fs-1);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-faint);animation:essayFadeUp .7s var(--ease-out) both;animation-delay:.22s}.essay__status{color:var(--accent)}.essay__repo{margin-top:var(--sp-4);font-size:var(--fs-1);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;animation:essayFadeUp .7s var(--ease-out) both;animation-delay:.3s}.essay__repo a{color:var(--ink-soft);background:none}.essay__repo a:hover{color:var(--accent);background:none}.essay__rule{height:1px;background:var(--rule);margin:var(--sp-7) 0;max-width:var(--content-w)}.essay__contents{max-width:var(--content-w);margin-bottom:var(--sp-7)}.essay__contents-list{list-style:none;margin:var(--sp-4) 0 0;padding:0;columns:2;column-gap:var(--sp-6)}.essay__contents-list li{break-inside:avoid;margin-bottom:.55em}.essay__contents-list a{display:flex;align-items:baseline;gap:.75em;color:var(--ink-soft);background:none;text-decoration:none}.essay__contents-list a:hover{background:none}.essay__contents-list a:hover .essay__contents-text{color:var(--accent)}.essay__contents-num{font-size:var(--fs-1);flex:none}.essay__contents-text{transition:color .16s var(--ease-out)}.essay__body :is(h2,h3)[id]{scroll-margin-top:var(--sp-6)}@media(max-width:640px){.essay__contents-list{columns:1}}.essay__body{position:relative}.essay__body img{max-width:100%;height:auto;cursor:zoom-in}.essay__body p:has(>img){max-width:none}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);background:color-mix(in srgb,var(--ink) 88%,transparent);cursor:zoom-out;opacity:0;transition:opacity .2s var(--ease-out);touch-action:none}.lightbox[hidden]{display:none}.lightbox.lightbox--open{opacity:1}.lightbox__img{max-width:94vw;max-height:92vh;object-fit:contain;box-shadow:0 1.5rem 4rem #0006;background:var(--paper);cursor:zoom-in;user-select:none;will-change:transform}.lightbox__img--zoomed{cursor:grab}.lightbox__img--zoomed:active{cursor:grabbing}.lightbox__close{position:fixed;top:var(--sp-4);right:var(--sp-5);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:1;color:var(--paper);background:none;border:none;cursor:pointer}.lightbox__close:hover{color:var(--accent);background:none}@media(prefers-reduced-motion:reduce){.lightbox{transition:none}}.essay__body .marginalia{float:right;clear:right;width:var(--margin-w);margin-left:var(--gutter);margin-right:calc(-1 * (var(--margin-w) + var(--gutter)));margin-top:.4em;margin-bottom:1.4em}.essay__foot{max-width:var(--content-w);margin-top:var(--sp-9)}.essay__sign{margin-top:var(--sp-5);font-family:var(--font-display);color:var(--ink-soft);font-size:var(--fs-4);font-style:italic}@keyframes essayFadeUp{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.essay__title,.essay__dek,.essay__meta,.essay__repo{animation:none}}@media(max-width:1024px){.essay{--content-w: 100%;max-width:var(--measure)}.essay__body .marginalia{float:none;clear:none;width:100%;margin:1.4em 0}}.code-wrap{position:relative;margin:2em 0;max-width:var(--measure-wide)}.code-wrap>pre{margin:0}.code-copy{position:absolute;top:.45rem;right:.45rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:.3rem;color:var(--ink-faint);background:transparent;border:0;border-radius:4px;cursor:pointer;opacity:.55;transition:opacity .16s var(--ease-out),color .16s var(--ease-out),background .16s var(--ease-out)}.code-copy svg{width:15px;height:15px;display:block}.code-wrap:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.code-copy.is-copied{color:var(--accent);opacity:1}