@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-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);max-height:calc(100vh - var(--header-h) - 4rem);align-self:start;gap:2rem;display:grid;position:sticky;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 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 summary{cursor:pointer;list-style:none}.toc summary::-webkit-details-marker{display:none}.toc ol{gap:.1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.toc li a{border-top:1px solid var(--line-soft);color:inherit;opacity:.75;transition:opacity var(--dur-micro) var(--ease-apple);grid-template-columns:2.5rem 1fr;gap:.5rem;padding-block:.45rem;font-size:.875rem;line-height:1.4;display:grid}.toc li a:hover{opacity:1}.toc li.l3 a{padding-left:1.25rem;font-size:.8rem}.toc-mobile{border-block:1px solid var(--line);margin-bottom:2.5rem;padding-block:1rem}.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{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card);margin-top:.25rem;display:grid}.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 (min-width:1024px){.toc-mobile{display:none}}@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}