.article-toc-rail{min-width:0}.article-toc-rail .toc{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 96%, var(--fg));margin-bottom:30px;padding:14px 16px}.article-toc-rail .toc summary{font:14px/1.6 var(--reader)}.article-toc-rail .toc small{font:10px/1.6 var(--mono);margin-left:10px}.article-toc-rail .toc ol{overscroll-behavior:contain;max-height:min(36svh,280px);font:14px/1.65 var(--reader);scrollbar-width:thin;margin-top:12px;overflow-y:auto}.article-toc-rail .toc a{overflow-wrap:anywhere;padding:5px 0;display:block}.article-toc-rail .toc a:hover,.article-toc-rail .toc a:focus-visible{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.article-toc-rail .toc .subheading{padding-left:14px}@container (width>=1160px){.reading-column:has(.article-toc-rail){grid-template-columns:minmax(0,1fr);display:grid}.reading-column:has(.article-toc-rail)>*{grid-column:1}.reading-column>.article-toc-rail{grid-row:2;width:200px;margin-left:-235px}.reading-column:has(.article-toc-rail)>.prose{grid-row:2;min-width:0}.article-toc-rail .toc{background:0 0;border-width:0 0 0 1px;margin:0;padding:14px 12px;position:sticky;top:36px}.article-toc-rail .toc ol{max-height:calc(100svh - 140px);font-size:13px}.article-toc-rail .toc small{margin:4px 0 0;display:block}}.reading-hero{--hero-h:min(86svh, 880px);--title-at:.62;--fade:linear-gradient(#000 0 32%, #000000b3 48%, #0000005c 63%, #0000001f 80%, transparent 95%);--hue:var(--accent);padding-top:calc(var(--hero-h) * var(--title-at));position:relative}.reading-hero:not([data-kind=painting]){--hero-h:min(74svh, 700px);--title-at:.54;--fade:linear-gradient(#000 0 34%, #00000080 56%, transparent 88%)}.reading-hero[data-category=daily]{--hue:#b58b4c}.reading-hero[data-category=engineering]{--hue:#7d97a8}.reading-hero[data-category=papers]{--hue:#86956f}.reading-hero[data-category=tutorials]{--hue:#ab7e6d}.reading-hero[data-category=thoughts]{--hue:#937f9c}.reading-hero[data-category=travel]{--hue:#6f9a96}.reading-hero[data-category=design]{--hue:#a98a63}.hero-media{width:100cqw;height:var(--hero-h);pointer-events:none;-webkit-mask-image:var(--fade);mask-image:var(--fade);position:absolute;top:0;left:calc(50% - 50cqw);overflow:hidden}.hero-scroll{background:var(--bg);transform-origin:50% 0;position:absolute;inset:0}.reading-hero[data-kind=painting] .hero-image{object-fit:cover;object-position:50% 42%;transform-origin:62% 38%;width:100%;height:100%;position:absolute;inset:0}:root[data-tone=dark] .reading-hero[data-kind=painting] .hero-image{filter:brightness(.82)saturate(.88)}.hero-mist{opacity:.34;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='480'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0022 .009' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.3 0 0 0 -.58'/%3E%3C/filter%3E%3Crect width='720' height='480' filter='url(%23w)'/%3E%3C/svg%3E") 0 0/720px 480px;width:calc(100% + 720px);position:absolute;inset:0 auto 0 0}:root[data-tone=dark] .hero-mist{opacity:.18}.reading-hero:not([data-kind=painting]) .hero-mist{opacity:.4;mix-blend-mode:soft-light}:root[data-tone=dark] .reading-hero:not([data-kind=painting]) .hero-mist{opacity:.12}.hero-plane{perspective:900px;perspective-origin:50% -20%;position:absolute;inset:0}.hero-plane .hero-image{--tilt:rotateX(60deg) rotateZ(-9deg);width:min(1000px,104cqw);height:auto;transform:translate(-50%, -50%) var(--tilt);position:absolute;top:36%;left:50%}.hero-drift{aspect-ratio:16/9}.hero-drift path{fill:none;stroke:color-mix(in srgb, var(--hue) 70%, var(--fg));stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.38}.hero-drift path.crest{stroke-width:1.6px;opacity:.7}:root[data-tone=dark] .hero-drift path{stroke:color-mix(in srgb, var(--hue) 62%, var(--fg))}.reading-hero:not([data-kind=painting]) .hero-scroll:after{content:"";background:linear-gradient(var(--bg) 6%, transparent 48%), radial-gradient(ellipse 60% 70% at 50% 60%, transparent 40%, var(--bg));position:absolute;inset:0}.reading-hero .hero-text{position:relative}.reading-column .reading-hero h1{font:400 clamp(36px, 4.4vw, 62px) / 1.18 var(--reader);letter-spacing:-.015em;text-wrap:balance;margin:16px 0 20px}@container (width>=1000px){.reading-column .reading-hero[data-kind=painting] h1{margin-right:min(-6cqw,-60px)}}.reading-hero .deck{font:19px/1.8 var(--reader);color:color-mix(in srgb, var(--fg) 72%, var(--bg));max-width:32em;margin:0 0 22px}.reading-hero .hero-caption{max-width:26em;font:italic 13px/1.6 var(--reader);color:var(--muted);text-align:right;text-wrap:pretty;margin:-6px 0 16px auto}.reading-column .reading-hero .paper-eyebrow{gap:16px}.reading-hero .paper-eyebrow :is(time,span){color:var(--muted)}.reading-hero[data-kind=painting] .paper-eyebrow :is(time,span){color:color-mix(in srgb, var(--fg) 78%, var(--bg))}.reading-column .reading-hero h1[data-hang]{text-indent:-.5em}.reading-hero[data-kind=painting] :is(.paper-eyebrow,.deck,h1){text-shadow:0 0 18px var(--bg), 0 0 2px color-mix(in srgb, var(--bg) 70%, transparent)}.reading-page>.back{z-index:2;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(8px);min-height:0;color:var(--fg);padding:5px 12px;position:absolute;top:18px;left:max(clamp(24px,6vw,96px) + 12px,50% - 336px)}.reading-page>.back:is(:hover,:focus-visible){color:var(--accent)}@media (width<=900px){.reading-page>.back{left:clamp(24px,6vw,96px)}}@media (prefers-reduced-motion:no-preference){html:not([data-motion=reduced-motion]) .hero-media{animation-name:hero-develop;animation-duration:1.4s;animation-timing-function:var(--ease-out);animation-fill-mode:both}html:not([data-motion=reduced-motion],[data-motion=light]) .reading-hero[data-kind=painting] .hero-image{animation-name:hero-drift;animation-duration:46s;animation-timing-function:var(--ease-inout);animation-iteration-count:infinite;animation-direction:alternate}html:not([data-motion=reduced-motion],[data-motion=light]) .hero-plane .hero-image{animation-name:hero-glide;animation-duration:64s;animation-timing-function:var(--ease-inout);animation-iteration-count:infinite;animation-direction:alternate}html:not([data-motion=reduced-motion],[data-motion=light]) .hero-mist{animation-name:hero-wind;animation-duration:70s;animation-timing-function:linear;animation-iteration-count:infinite}}@keyframes hero-develop{0%{opacity:0}}@keyframes hero-drift{0%{transform:scale(1.04)}to{transform:scale(1.13)translate(-1.6%,-1.1%)}}@keyframes hero-glide{0%{transform:translate(-50%, -46%) var(--tilt)}to{transform:translate(-50%, -58%) var(--tilt) rotateZ(4deg)}}@keyframes hero-wind{to{transform:translate(-720px)}}@supports (animation-timeline:view()){.reading-hero{view-timeline-name:--hero}html:not([data-motion=reduced-motion]) .hero-scroll{animation-name:hero-recede;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--hero;animation-range:exit}html[data-motion=light] .hero-scroll{animation-name:hero-thin}@media (prefers-reduced-motion:reduce){.hero-scroll{animation-name:none}}}@keyframes hero-recede{to{opacity:0;transform:translateY(30%)scale(1.04)}}@keyframes hero-thin{to{opacity:0}}@media print{.hero-media{display:none}.reading-hero{padding-top:0}}@media (width<=700px){.reading-hero{--hero-h:min(64svh, 580px);--title-at:.64}.reading-hero:not([data-kind=painting]){--hero-h:min(54svh, 470px);--title-at:.56}.reading-column .reading-hero h1{text-wrap:pretty;margin:12px 0 16px;font-size:clamp(30px,8.4vw,40px);line-height:1.24}.reading-hero .deck{font-size:16px}.reading-page>.back{top:14px;left:24px}.hero-plane .hero-image{width:190cqw}}.reading-column .prose .has-initial{display:flow-root}.prose .initial{--n:3;--b:calc((var(--prose-leading) - 1) / 2 + .735);float:left;color:var(--accent);font-style:normal;font-weight:400;line-height:1;position:relative}.prose [data-lines="2"] .initial{--n:2}.prose .initial[data-kind=han]{--s:calc((var(--n) - 1) * var(--prose-leading) + 1);font-size:calc(var(--s) * 1em);margin:calc((var(--b) - .88) / var(--s) * 1em + .145em) .16em -.1em 0}.prose .initial:is([data-kind=latin],[data-kind=digit]){--s:calc(((var(--n) - 1) * var(--prose-leading) + .67) / .67);font-size:calc(var(--s) * 1em);font-variant-numeric:lining-nums;margin:calc((var(--b) - .67) / var(--s) * 1em - .065em) .08em -.265em -.04em}.prose .initial-punct{vertical-align:top;color:color-mix(in srgb, var(--accent) 72%, var(--bg));margin-right:-.06em;font-size:.45em;line-height:1}.prose .initial-punct[data-wide]{margin-left:-.5em}.prose .initial[data-kind=han] .initial-punct{position:relative;top:-.3em}:root[data-tone=dark] .reading-column .prose img{filter:brightness(.88)sepia(.08)}.reading-column .related{margin:0 0 46px}.reading-column .related h2{font:400 21px/1.5 var(--reader);justify-content:space-between;align-items:baseline;margin:0 0 8px;display:flex}.reading-column .related h2 small{color:var(--muted);font:13px var(--reader)}.related ul{margin:0;padding:0;list-style:none}.related li+li{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent)}.related a{isolation:isolate;grid-template-columns:4.5em minmax(0,1fr);column-gap:18px;padding:16px 0;display:grid;position:relative}.related a:before{content:"";z-index:-1;border-radius:var(--radius-s);background:var(--soft);opacity:0;transition:opacity var(--dur-2) var(--ease-out);position:absolute;inset:0 -12px}.related a:is(:hover,:focus-visible):before{opacity:1}.related-type{font:italic 14px/1.6 var(--reader);color:var(--accent);grid-row:1/3;padding-top:3px}.related [data-type=extend] .related-type{color:var(--muted)}.related-title{font:18px/1.55 var(--reader);color:var(--fg);transition:color var(--dur-1) var(--ease-out)}.related a:is(:hover,:focus-visible) .related-title{color:var(--accent)}.related-why{font:13px/1.6 var(--reader);color:var(--muted);margin-top:3px}@media (width<=700px){.related a{grid-template-columns:minmax(0,1fr)}.related-type{grid-row:auto;padding:0;font-size:13px}.reading-column .related h2 small{display:none}}@media (prefers-reduced-motion:reduce){.related a:before,.related-title{transition:none}}