.post{--col:680px;--side:250px}.post-head{grid-template-columns:auto 1fr auto;align-items:end;gap:0 28px;padding-top:clamp(32px,6vw,72px);padding-bottom:28px;display:grid;position:relative}.post-head__ep{align-self:start;justify-items:center;padding-top:6px;display:grid}.post-head__num{font:400 clamp(4.5rem, 11vw, 9rem)/.8 var(--display);color:#0000;-webkit-text-stroke:2.5px var(--ink);letter-spacing:-.01em}.post-head__jp{font:900 .95rem/1 var(--jp);color:var(--red);letter-spacing:.1em;margin-top:12px}.post-head__meta{flex-wrap:wrap;gap:4px 18px;margin:0 0 14px;display:flex}.post-head__draft{background:var(--yellow);color:var(--ink);border:1.5px solid var(--ink);padding:0 6px}.post-head__title{font:400 clamp(2.4rem, 6.4vw, 5rem)/.98 var(--display);letter-spacing:.005em;text-wrap:balance;max-width:18ch}.post-head__q{font:italic 400 clamp(1.25rem, 2.4vw, 1.65rem)/1.3 var(--serif);color:var(--ink-2);max-width:40ch;margin:18px 0 0}.post-head__vert{writing-mode:vertical-rl;font:900 clamp(2.4rem, 5vw, 4rem)/1 var(--jp);color:var(--red);letter-spacing:.08em;opacity:.92;align-self:start;margin:0}.post-video{max-width:calc(var(--col) + var(--side) + 48px + 2 * var(--gutter));margin-left:max(0px,50vw - 590px);margin-right:auto;padding-bottom:40px}.post-body{max-width:var(--col);counter-reset:fig}.post-body>*+*{margin-top:1.1em}.post-body p,.post-body li{text-wrap:pretty}.post-body h2{font:400 clamp(1.9rem, 4vw, 2.6rem)/1.02 var(--display);border-top:var(--rule);margin-top:2.2em;padding-top:18px;position:relative}.post-body h2:before{content:"";background:var(--red);width:64px;height:7px;position:absolute;top:-3px;left:0}.post-body h3{font:800 1.2rem/1.3 var(--sans);margin-top:1.8em;font-stretch:112%}.post-body ul,.post-body ol{padding-left:1.3em}.post-body li+li{margin-top:.35em}.post-body li::marker{color:var(--red);font-weight:700}.post-body blockquote{border-left:6px solid var(--ink);font:italic 1.3rem/1.4 var(--serif);margin:1.6em 0;padding:4px 0 4px 20px}.post-body hr{background:var(--tone);opacity:.7;border:0;height:12px;margin:2.4em 0}.post-body table{border-collapse:collapse;width:100%;font:.92rem/1.4 var(--mono);background:var(--card);border:var(--rule)}.post-body th,.post-body td{text-align:left;border-bottom:1px solid var(--paper-2);padding:8px 10px}.post-body th{background:var(--ink);color:var(--paper);font-weight:600}.post-body td:not(:first-child),.post-body th:not(:first-child){text-align:right}.post-body .table-wrap{overflow-x:auto}.wide{margin-right:calc(-1 * (var(--side) + 48px))}.tldr{background:var(--card);border:var(--rule);box-shadow:var(--shadow);padding:20px 24px;font-size:1.12rem;position:relative}.tldr p{margin:0}.tldr__label{font:400 1rem/1 var(--display);background:var(--yellow);border:2.5px solid var(--ink);padding:5px 10px 4px;position:absolute;top:-15px;left:18px;transform:rotate(-2deg)}.src{font:600 .7em/0 var(--mono);margin-left:1px}.src a{color:var(--red-text);padding:0 1px;text-decoration:none}.src a:hover{background:var(--yellow);color:var(--ink)}.sidenote{display:none}@media (width>=1100px){.sidenote{float:right;clear:right;width:var(--side);margin-right:calc(-1 * (var(--side) + 48px));font:400 .76rem/1.45 var(--mono);color:var(--ink-2);border-left:2px solid var(--red);margin-top:.2em;padding-left:10px;display:block}.sidenote b{color:var(--red-text);font-weight:600}}@media (width<=1099px){.wide{margin-right:0}}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;margin-block:2em;display:grid}.stat{background:var(--card);border:var(--rule);box-shadow:var(--shadow);align-content:start;gap:8px;margin:0;padding:16px 18px;display:grid}.stat__num{font:400 clamp(2.6rem, 5vw, 3.4rem)/.95 var(--display);color:var(--red);margin:0}.stat--compare .stat__num{color:var(--blue)}.stat__unit{color:var(--ink);letter-spacing:.02em;margin-left:.25em;font-size:.45em}.stat__label{color:var(--ink-2);font-size:.92rem;line-height:1.4}.method{margin-block:2em;padding:22px 24px 10px}.method__title{font:400 1.5rem/1 var(--display);margin-bottom:14px}.method__title span{color:var(--red);font-family:var(--mono);font-size:.8em}.method__list{margin:0}.define{border-top:1.5px dashed var(--mute);grid-template-columns:minmax(120px,30%) 1fr;gap:6px 18px;padding:12px 0;display:grid}.define dt code{background:var(--ink);color:var(--paper);white-space:normal;border:0;padding:2px 7px}.define dd{margin:0}.define dd>:first-child{margin-top:0}.define dd>:last-child{margin-bottom:0}@media (width<=560px){.define{grid-template-columns:1fr}}.code{border:var(--rule);box-shadow:var(--shadow);background:var(--card);margin:2em 0}.code__tab{background:var(--ink);color:var(--paper);font:500 .82rem/1.2 var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.code__file:before{content:"";background:var(--red);border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block}.code__full{color:var(--paper)}.code__full:hover{background:var(--red);color:var(--card)}.code__note{border-top:1.5px dashed var(--mute);color:var(--ink-2);margin:0;padding:10px 14px;font-size:.9rem}.post-body pre.astro-code{font:400 .86rem/1.6 var(--mono);counter-reset:line;border:0;margin:0;padding:16px 0;overflow-x:auto}.post-body pre.astro-code code{font-size:inherit;font-variant-ligatures:none;display:block}.post-body pre.astro-code .line{min-width:100%;padding-right:16px;display:inline-block}.post-body pre.astro-code .line:before{counter-increment:line;content:counter(line);text-align:right;width:3.2em;color:var(--mute);border-right:1.5px solid var(--paper-2);margin-right:.8em;padding-right:1em;display:inline-block}.post-body>pre.astro-code{border:var(--rule);box-shadow:var(--shadow)}.aside{border:2.5px dashed var(--ink);background:#fbfaf6b3;margin-block:2em;padding:16px 20px}.aside__label{font:600 .8rem/1 var(--mono);color:var(--red-text);margin:0 0 6px}.aside>:last-child{margin-bottom:0}.fig{counter-increment:fig;margin:2.2em 0}.fig__panel{background:var(--card);border:var(--rule);box-shadow:var(--shadow);padding:18px 18px 12px;position:relative}.fig__title{font:800 1.08rem/1.25 var(--sans);margin:0 0 2px;font-stretch:110%}.fig__sub{color:var(--ink-2);margin:0 0 10px;font-size:.9rem}.fig__cap{color:var(--ink-2);margin-top:10px;font-size:.88rem}.fig__cap:before{content:"Fig. " counter(fig) "  ";font:600 .8rem/1 var(--mono);color:var(--red-text);white-space:pre}.end h2{margin-top:2.6em}.files{gap:14px;padding:0;list-style:none;display:grid}.files li+li{margin-top:0}.file{background:var(--card);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);gap:2px;padding:12px 16px;display:grid}.file__name{font:600 .95rem/1.3 var(--mono)}.file__name:before{content:"⤓ ";color:var(--red-text)}.file__label{font-size:.95rem}.sources{padding-left:2.2em;font-size:.95rem}.sources li{padding-left:4px;scroll-margin-top:24px}.sources li:target{background:var(--yellow);outline:2px solid var(--ink)}.sources li::marker{font-family:var(--mono);content:"[" counter(list-item) "]  ";color:var(--red-text)}.sources__detail{color:var(--ink-2);font-size:.88rem;display:block}.credits{gap:14px;margin:0;display:grid}.credits>div{border-top:1.5px dashed var(--mute);grid-template-columns:140px 1fr;gap:12px;padding-top:12px;display:grid}.credits dt{font:600 .82rem/1.5 var(--mono);color:var(--ink-2)}.credits dd{margin:0}.credits ul{margin:0;padding:0;list-style:none}@media (width<=560px){.credits>div{grid-template-columns:1fr;gap:4px}}.next{max-width:var(--col);gap:4px;margin-top:72px;padding:22px 24px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative;overflow:hidden}.next:hover{background:var(--card);box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.next__jp{writing-mode:vertical-rl;font:900 1.6rem/1 var(--jp);color:var(--red);letter-spacing:.1em;position:absolute;top:10px;right:16px}.next__label{font:500 .8rem/1 var(--mono);color:var(--ink-2)}.next__title{font:400 clamp(1.6rem, 3.5vw, 2.2rem)/1.02 var(--display);padding-right:48px}.next__q{font:italic 1.1rem/1.35 var(--serif);color:var(--ink-2);padding-right:48px}@media (width<=760px){.post-head{grid-template-columns:1fr}.post-head__ep{place-items:baseline start;gap:14px;margin-bottom:8px;padding-top:0;display:flex}.post-head__num{-webkit-text-stroke-width:2px;font-size:4rem}.post-head__jp{margin-top:0}.post-head__vert{display:none}}.chart{min-height:120px;margin-top:6px;position:relative}.chart__canvas{position:relative}.chart svg{touch-action:pan-y;display:block;overflow:visible}.chart .grid{stroke:#e3ded2;stroke-width:1px}.chart .axis{stroke:var(--ink);stroke-width:1.5px}.chart .tick{font:500 11.5px var(--mono);fill:var(--ink-2)}.chart .note{font:600 11.5px var(--mono);fill:var(--ink-2)}.chart .mark{stroke:var(--ink);stroke-width:1px;stroke-dasharray:0;opacity:.45}.chart .hline{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:6 4}.chart .ln{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart .ln--partial{stroke-dasharray:2 5}.chart .dot{stroke:var(--card);stroke-width:2px}.chart .endlabel{font:700 13px var(--mono);fill:var(--ink)}.chart .rowlabel{font:500 13px var(--sans);fill:var(--ink)}.chart .value{font:600 12px var(--mono);fill:var(--ink)}.chart .cross{stroke:var(--ink);stroke-width:1px}.chart__tip{z-index:2;pointer-events:none;background:var(--ink);color:var(--paper);font:500 .78rem/1.45 var(--mono);min-width:150px;box-shadow:3px 3px 0 var(--red);padding:8px 10px;position:absolute}.chart__tip strong{margin-bottom:2px;font-weight:700;display:block}.chart__tip i{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.chart__tip b{color:var(--yellow);font-weight:700}.chart__n{color:var(--mute)}.legend{flex-wrap:wrap;gap:4px 18px;margin:4px 0 2px;padding:0;font-size:.88rem;list-style:none;display:flex}.legend li+li{margin-top:0}.legend__key{vertical-align:middle;border-radius:2px;width:18px;height:3px;margin-right:8px;display:inline-block}.legend__key--red{background:var(--red)}.legend__key--blue{background:var(--blue)}.legend__key--ink{background:var(--ink)}.fig__table{margin-top:8px;font-size:.88rem}.fig__table summary{cursor:pointer;font:600 .8rem/1.4 var(--mono);color:var(--ink-2);width:max-content}.fig__table summary:hover{background:var(--yellow)}.fig__table table{margin-top:8px;font-size:.8rem}.post-body .method__title{margin-top:0}.fig.wide{margin-right:calc(-1 * (var(--side) + 48px))}@media (width<=1099px){.fig.wide{margin-right:0}}.fig__cap>p{margin:0;display:inline}.stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat .sidenote,.define .sidenote,.fig .sidenote,.tldr .sidenote,li .sidenote,blockquote .sidenote,td .sidenote{display:none!important}.post-tags{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.post-tags a{font:500 .8rem/1 var(--mono);border:2px solid var(--ink);background:var(--card);padding:6px 8px;text-decoration:none;display:inline-block}.post-tags a:hover{background:var(--yellow)}