@layer theme,base;@layer components{.bl-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.bl-head+.bar{margin-bottom:2.5rem}.bl-filters{gap:1.25rem;max-width:48rem;margin-bottom:2.5rem;display:grid}.bl-filters .chip{opacity:.7;transition:opacity var(--dur-micro) var(--ease-apple)}.bl-filters .chip:hover{opacity:1}.bl-filters .chip[aria-current]{background:var(--ink);color:var(--panel);border-color:var(--ink);opacity:1}.bl-reset{justify-self:start}.bl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.bl-grid>li{min-width:0;display:flex}.bl-grid>li>*{flex:1;min-width:0}.bl-more{border-top:1px solid var(--line);margin-top:2rem}.bl-more summary{cursor:pointer;opacity:.7;padding-block:1rem;font-size:.875rem;list-style:none}.bl-more summary::-webkit-details-marker{display:none}.bl-more summary:hover{opacity:1}.bl-more summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.bl-more ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.bl-more li a{color:inherit;padding-block:.35rem;font-size:.875rem;line-height:1.4;display:block}.bl-empty{opacity:.6;padding-block:3rem}.list-lite .ph:after{display:none}.list-lite .lcard:hover .ph>img{filter:grayscale()contrast(1.06)brightness(.96);transform:none}@media (max-width:1023px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.bl-grid{grid-template-columns:minmax(0,1fr)}}.post-meta{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2rem;display:flex}.post-meta a{color:inherit;border-bottom:1px solid #0000}.post-meta a:hover{border-bottom-color:currentColor}.post-hero{aspect-ratio:16/9;margin-top:3rem}.post-hero img{height:100%}@media (max-width:767px){.post-hero.has-mobile{aspect-ratio:1}}.post-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:4rem;display:grid}.post-aside{top:calc(var(--header-h) + 2rem);align-self:start;gap:2rem;display:grid;position:sticky}.post-aside .toc ol{max-block-size:max(12rem, calc(100vh - var(--header-h) - 15rem));overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:linear-gradient(var(--panel) 30%, transparent) top / 100% 1.5rem no-repeat local, linear-gradient(transparent, var(--panel) 70%) bottom / 100% 1.5rem no-repeat local, radial-gradient(farthest-side at 50% 0, var(--line), transparent) top / 100% .5rem no-repeat scroll, radial-gradient(farthest-side at 50% 100%, var(--line), transparent) bottom / 100% .5rem no-repeat scroll;padding-block-end:.75rem;padding-inline-end:.25rem;overflow-y:auto}.post>.tldr{margin:0 0 3rem}.post-body :is(h2,h3,h4){scroll-margin-top:calc(var(--header-h) + 2rem)}.post-body :is(h2,h3,h4):focus:not(:focus-visible){outline:none}.post-body img{border:1px solid var(--line);max-width:100%;height:auto}.post-body .ph>img{border:0;height:100%}.post-body .ph .cap{opacity:1;margin-top:0}.post-body iframe{max-width:100%}.post-body .tbl{margin-block:2rem;overflow-x:auto}.post-body .tbl table{margin-block:0}.post-body .tbl th{position:static}.post-body .code pre{background:linear-gradient(to right, var(--ground) 40%, transparent) left center / 2rem 100% no-repeat, linear-gradient(to left, var(--ground) 40%, transparent) right center / 2rem 100% no-repeat, radial-gradient(farthest-side at 0 50%, var(--line-stage), transparent) left center / .6rem 100% no-repeat, radial-gradient(farthest-side at 100% 50%, var(--line-stage), transparent) right center / .6rem 100% no-repeat;background-attachment:local,local,scroll,scroll;border:0;margin:0;padding:0;overflow-x:auto}.post-body .code{tab-size:4}.post-foot{border-top:1px solid var(--line);gap:2rem;margin-top:4rem;padding-top:2rem;display:grid}.post-foot .chips a.chip{color:inherit}.post-share{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.post-share .btn{padding:.6rem .9rem;font-size:.8rem}.toc{--toc-dot-y:1.06rem}.toc summary{cursor:pointer;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.toc ol{margin:1.25rem 0 0;padding:0 0 0 .5rem;list-style:none;display:grid;position:relative}.toc li{padding-inline-start:1.5rem;position:relative}.toc .seg{inset-inline-start:.3rem;top:var(--toc-dot-y);bottom:calc(var(--toc-dot-y) * -1);background:var(--line);inline-size:1px;position:absolute}.toc li:last-child .seg{block-size:0;bottom:auto}.toc .seg:before{content:"";z-index:1;top:0;background:var(--panel);border:1px solid var(--line-chip);border-radius:50%;block-size:.5rem;inline-size:.5rem;position:absolute;inset-inline-start:50%;transform:translate(-50%,-50%)}.toc .seg:after{content:"";background:var(--ink);transform-origin:top;inline-size:2px;position:absolute;inset-block:0;inset-inline-start:-.5px;transform:scaleY(0)}.toc li[data-state] .seg:before{background:var(--ink);border-color:var(--ink)}.toc li[data-state=past] .seg:after{transform:scaleY(1)}.toc li[data-state=active] .seg:after{transform:scaleY(var(--f,0))}.toc li[data-state=active] .seg:before{box-shadow:var(--ring-active);transform:translate(-50%,-50%)scale(1.5)}.toc li a{color:inherit;opacity:.62;grid-template-columns:2.25rem 1fr;gap:.5rem;padding-block:.45rem;font-size:.875rem;line-height:1.4;display:grid}.toc li a:hover,.toc li a:focus-visible{opacity:1}.toc li a[aria-current=true]{opacity:1;font-weight:600}.toc li a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.toc li.l3 a{padding-left:1rem;font-size:.8rem}.toc-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:var(--track-h);align-items:baseline;gap:.2rem;margin-block:-.2em;padding-block:.2em;line-height:1;display:inline-flex;overflow:hidden}.toc-num b{font-size:2.6rem;font-weight:600}.toc-num i{opacity:.4;font-size:.95rem;font-style:normal;font-weight:500}.toc-desk summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}@keyframes toc-num-in{0%{opacity:0;transform:translateY(.4em)}}@media (prefers-reduced-motion:no-preference){.toc .seg:before{transition:transform var(--dur-micro) var(--ease-out-expo), box-shadow var(--dur-micro) var(--ease-apple)}.toc .seg:after{transition:transform var(--dur-micro) var(--ease-apple)}.toc li a{transition:opacity var(--dur-micro) var(--ease-apple), transform var(--dur-micro) var(--ease-out-expo)}.toc li a:hover{transform:translate(2px)}.toc-num b{animation:toc-num-in var(--dur-reveal) var(--ease-out-expo)}}.post-internal{gap:2.5rem;display:grid}.post-copy{justify-content:space-between;width:100%}.post-copy-l{align-items:center;gap:.6rem;display:inline-flex}.post-copy-menu{position:relative}.post-copy-menu>summary{cursor:pointer;list-style:none}.post-copy-menu>summary::-webkit-details-marker{display:none}.post-copy-items{inset-inline:0;z-index:5;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card);margin-bottom:.25rem;display:grid;position:absolute;bottom:100%}.post-copy-items button{text-align:left;color:var(--ink);align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.post-copy-items button:hover{background:var(--panel-off)}.post-link{color:var(--ink);cursor:pointer;font:inherit;border-bottom:1px solid}.post-internal h3{margin-bottom:1rem}.post-internal .chip{color:inherit}@media (max-width:1023px){.post-grid{grid-template-columns:minmax(0,1fr);gap:3rem}.post-aside{max-height:none;position:static;overflow:visible}.post-aside .toc-desk{display:none}}}@layer utilities;.post-body .prose{max-width:none;color:inherit;font-size:inherit;line-height:inherit}