@layer prose{.article-page{padding:clamp(4rem,8vw,7rem) 0 7rem}.article-head{border-bottom:1px solid var(--line);width:min(62rem,100%);margin-inline:auto;padding:1rem 0 2.2rem clamp(1.2rem,3vw,2.2rem);position:relative}.article-head:before{content:"";background:rgb(var(--content-accent-rgb));width:.28rem;box-shadow:0 2rem 0 rgba(var(--content-accent-rgb), .38);position:absolute;inset:1rem auto 2.2rem 0}.article-title{font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin:1.15rem 0 1.2rem;font-size:clamp(2.4rem,5.8vw,4.7rem);font-weight:640;line-height:1.08}.article-title__short{display:none}.article-description{max-width:40rem;color:rgba(var(--text-rgb), .74);line-height:1.9}.article-cover,.column-cover{border:1px solid var(--line);width:min(78rem,100%);margin:2.5rem auto 0}.article-meta{color:rgba(var(--text-rgb), .66);font-family:var(--font-mono);flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.3rem;font-size:.65rem;display:flex}.article-meta a{color:rgb(var(--content-accent-rgb));text-decoration:none}.article-grid{grid-template-columns:minmax(0,1fr) 13.5rem;gap:clamp(2.5rem,5vw,5rem);width:min(72rem,100%);margin:3.3rem auto 0;display:grid}.article-grid--no-toc{width:min(var(--reading), 100%);display:block}.prose{width:min(var(--reading), 100%);font-family:var(--font-reading);font-size:calc(1.11rem * var(--reader-scale));line-height:var(--reader-leading)}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose table{margin:0 0 1.55em}.prose h2,.prose h3{scroll-margin-top:calc(var(--header) + 1.5rem);font-family:var(--font-display)}.prose h2{letter-spacing:-.02em;margin:2.8em 0 1em;padding-left:1rem;font-size:1.45em;line-height:1.35;position:relative}.prose h2:before{content:"";background:linear-gradient(rgb(var(--spectrum-coral-rgb)), rgb(var(--spectrum-gold-rgb)));width:3px;position:absolute;top:.22em;bottom:.18em;left:0}.prose h3{color:rgb(var(--spectrum-violet-rgb));letter-spacing:-.01em;margin:2.2em 0 .8em;font-size:1.1em}.prose a{color:rgb(var(--signal-rgb));text-decoration-color:rgba(var(--signal-rgb), .42);text-underline-offset:.24em}.prose strong{color:rgb(var(--accent-rgb))}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:.55em}.prose li::marker{color:rgb(var(--accent-rgb))}.prose blockquote{border-left:2px solid rgb(var(--spectrum-violet-rgb));background:rgba(var(--spectrum-violet-rgb), .06);color:rgba(var(--text-rgb), .8);padding:1.15rem 1.35rem}.prose code:not(pre code){overflow-wrap:anywhere;border:1px solid var(--line);color:rgb(var(--accent-rgb));background:rgb(var(--raised-rgb));font-family:var(--font-mono);box-decoration-break:clone;border-radius:2px;padding:.1em .38em;font-size:.84em}.prose pre{border:1px solid var(--line);border-top:2px solid rgb(var(--spectrum-aqua-rgb));background:rgb(var(--surface-rgb));border-radius:2px;max-width:100%;padding:1.25rem;overflow:auto}.prose pre code{font-family:var(--font-mono);font-size:.78em;line-height:1.8}.prose table{border-collapse:collapse;max-width:100%;font-family:var(--font-ui);font-size:.85em;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.72rem .8rem}.prose th{color:rgb(var(--accent-rgb));font-family:var(--font-mono);font-size:.78em}.prose :where(img,picture,video,svg){block-size:auto;max-inline-size:100%}.prose>:where(img,picture,video,svg),.prose figure{width:fit-content;max-width:100%;margin:2.2rem auto}.prose figure :where(img,picture,video,svg){width:auto;max-width:100%;height:auto;margin-inline:auto}.prose figcaption{color:rgba(var(--text-rgb), .58);font-family:var(--font-ui);text-align:center;margin-top:.65rem;font-size:.72rem;line-height:1.65}.prose .media-wide{width:min(68rem,100vw - 2rem);max-width:none;margin-left:50%;transform:translate(-50%)}.prose .media-bleed{width:min(88rem,100vw - 1rem);max-width:none;margin-left:50%;transform:translate(-50%)}.prose .media-left{float:left;width:min(46%,20rem);margin:.4rem 1.5rem 1rem 0}.prose .media-right{float:right;width:min(46%,20rem);margin:.4rem 0 1rem 1.5rem}.toc{top:calc(var(--header) + 1.5rem);border-block:1px solid var(--line);align-self:start;padding:.95rem 0 .8rem 1.15rem;position:sticky}.toc__route{background:var(--line);width:1px;position:absolute;inset:3.05rem auto 2.8rem 0;overflow:hidden}.toc__route i{background:linear-gradient(rgb(var(--content-accent-rgb)), rgb(var(--signal-rgb)));width:100%;height:100%;box-shadow:0 0 .65rem rgba(var(--content-accent-rgb), .35);transform-origin:top;display:block;transform:scaleY(0)}.toc__head,.toc__foot{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.toc__head{margin-bottom:.85rem}.toc__head p{color:rgba(var(--text-rgb), .46);letter-spacing:.12em;margin:0;font-size:.56rem}.toc__head>span{color:rgb(var(--content-accent-rgb));font-variant-numeric:tabular-nums;font-size:.58rem}.toc__list{gap:.08rem;margin:0;padding:0;list-style:none;display:grid}.toc__list li{margin:0;position:relative}.toc__list a{color:rgba(var(--text-rgb), .54);font-family:var(--font-ui);transition:color .2s var(--ease), transform .2s var(--ease);padding:.32rem .2rem .32rem .15rem;font-size:.73rem;line-height:1.5;text-decoration:none;display:block}.toc__list a:before{content:"";border:1px solid rgba(var(--text-rgb), .3);background:rgb(var(--bg-rgb));width:.34rem;height:.34rem;transition:border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);border-radius:50%;position:absolute;top:.83rem;left:-1.34rem}.toc__list li[data-depth="3"] a{padding-left:.85rem;font-size:.68rem}.toc__list li[data-depth="3"] a:before{width:.2rem;height:.2rem;left:-1.2rem}.toc__list a:is(:hover,:focus-visible){color:rgb(var(--text-rgb));transform:translate(.18rem)}.toc__list a:focus-visible{outline:1px solid rgb(var(--signal-rgb));outline-offset:2px}.toc__list a.is-active{color:rgb(var(--content-accent-rgb));transform:translate(.18rem)}.toc__list a.is-active:before{border-color:rgb(var(--content-accent-rgb));background:rgb(var(--content-accent-rgb));box-shadow:0 0 .5rem rgba(var(--content-accent-rgb), .48)}.toc__foot{color:rgba(var(--text-rgb), .42);margin-top:.9rem;font-size:.54rem}.toc__foot b{color:rgb(var(--text-rgb));font-weight:600}.toc__foot em{font-style:normal}.toc__foot a{color:rgba(var(--text-rgb), .5);text-decoration:none}.toc__foot a:is(:hover,:focus-visible){color:rgb(var(--signal-rgb))}.post-navigation{grid-template-columns:1fr 1fr;gap:.75rem;width:min(62rem,100%);margin:4.5rem auto 0;display:grid}.post-navigation a{border:1px solid var(--line);padding:1rem;text-decoration:none}.post-navigation a:last-child{text-align:right}.post-navigation small{color:rgba(var(--text-rgb), .44);font-family:var(--font-mono);margin-bottom:.35rem;font-size:.58rem;display:block}.post-navigation span{font-size:.86rem}.article-page>.article-tools,.article-page>.related,.article-license,.article-syndication{width:min(62rem,100%);margin-inline:auto}.article-license{color:rgba(var(--text-rgb), .64);font-family:var(--font-mono);margin-top:2rem;font-size:.58rem;line-height:1.7}.article-syndication{color:rgba(var(--text-rgb), .56);flex-wrap:wrap;gap:.45rem .8rem;margin-top:3rem;font-size:.68rem;display:flex}.article-syndication a{color:rgb(var(--signal-rgb))}.article-author{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=980px){.article-grid{width:min(var(--reading), 100%);display:block}.toc{display:none}}@media (width<=620px){.article-page{padding:3.4rem 0 calc(7.5rem + env(safe-area-inset-bottom))}.article-title:has(.article-title__short) .article-title__full{display:none}.article-title__short{display:inline}.article-grid{margin-top:2.5rem}.prose{font-size:calc(1.04rem * var(--reader-scale))}.post-navigation{grid-template-columns:1fr}.post-navigation a:last-child{text-align:left}.prose .media-left,.prose .media-right{float:none;width:fit-content;margin:2rem auto}}@media (prefers-reduced-motion:reduce){.toc__list a,.toc__list a:before{transition:none}}}