.article-sidebar{--sidebar-width:min(19rem, calc(100vw - 3.5rem));z-index:90;width:0;position:fixed;top:1rem;bottom:0;left:0}.article-sidebar-panel{width:var(--sidebar-width);color:var(--text-secondary);background:var(--surface-background);border-right:1px solid var(--border-color);box-shadow:.35rem 0 1rem var(--shadow-color);scrollbar-color:color-mix(in srgb, var(--text-secondary) 22%, transparent) transparent;scrollbar-width:thin;padding:3.75rem 1rem 2rem;font-size:.9rem;transition:transform .16s;position:fixed;top:1rem;bottom:0;left:0;overflow-y:auto;transform:translate(0)}.article-sidebar-panel::-webkit-scrollbar{width:.35rem}.article-sidebar-panel::-webkit-scrollbar-track{background:0 0}.article-sidebar-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-secondary) 18%, transparent);border-radius:1rem}.article-sidebar-panel:hover{scrollbar-color:color-mix(in srgb, var(--text-secondary) 40%, transparent) transparent}.article-sidebar-panel:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-secondary) 35%, transparent)}.article-sidebar[data-initial] .article-sidebar-panel,.article-sidebar[data-initial] .article-sidebar-toggle{transition:none}.article-sidebar[data-state=closed] .article-sidebar-panel{transform:translate(-100%)}html[data-sidebar-isopen=true] .article-sidebar[data-initial] .article-sidebar-panel{transform:translate(0)}html[data-sidebar-isopen=true] .article-sidebar[data-initial] .article-sidebar-status{visibility:hidden}.article-sidebar-toggle{z-index:1;top:80%;left:calc(var(--sidebar-width) - 1px);width:1.75rem;height:4.5rem;color:var(--text-secondary);font:inherit;background:var(--surface-background);border:1px solid var(--border-color);box-shadow:none;cursor:pointer;border-left:0;border-radius:0 100% 100% 0;place-items:center;padding:0 .25rem 0 0;font-size:1.75rem;line-height:1;transition:left .16s,color .16s,background-color .16s;display:grid;position:fixed;transform:translateY(-50%)}.article-sidebar[data-state=closed] .article-sidebar-toggle{left:0}html[data-sidebar-isopen=true] .article-sidebar[data-initial] .article-sidebar-toggle{left:calc(var(--sidebar-width) - 1px)}.article-sidebar-toggle:hover{color:var(--accent-color);background:var(--surface-muted)}.article-sidebar-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:.2rem}.article-sidebar-status{color:var(--text-secondary);margin:0;padding:.35rem .5rem}.sidebar-tree{margin:0;padding:0;list-style:none}.sidebar-tree .sidebar-tree{padding-left:.9rem}.sidebar-directory summary{color:var(--text-primary);cursor:pointer;padding:.35rem 0;font-weight:600}.sidebar-directory summary::marker{color:var(--accent-color)}.sidebar-article a{color:inherit;border-left:2px solid #0000;padding:.35rem .5rem;text-decoration:none;display:block}.sidebar-article a:hover{color:var(--accent-color);background:var(--surface-muted)}.sidebar-article a[aria-current=page]{border-left-color:var(--accent-color);color:var(--accent-color);background:var(--surface-muted);font-weight:600}@media (width<=60rem){.article-sidebar[data-initial] .article-sidebar-panel,.article-sidebar:not([data-state=open]) .article-sidebar-panel{transform:translate(-100%)}.article-sidebar[data-initial] .article-sidebar-toggle,.article-sidebar:not([data-state=open]) .article-sidebar-toggle{left:0}}@media (prefers-reduced-motion:reduce){.article-sidebar-panel,.article-sidebar-toggle{transition:none}}.site-main{width:min(100% - 2rem,50rem);margin-inline:auto;padding-block:4rem;transition:width .16s,margin-left .16s}.article-main{min-width:0}.back-link{margin:0}.back-link a{color:var(--text-secondary)}.back-link a:hover{color:var(--accent-color)}.article{margin-top:4rem;font-size:1rem;line-height:1.8}.article-header{margin-bottom:3rem}.article-title{margin:0 0 .5rem;font-size:clamp(2rem,6vw,3rem);line-height:1.2}.article-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.article-author{font-weight:600}.article-date{color:var(--text-secondary);font-variant-numeric:tabular-nums;background:var(--surface-muted);border:1px solid var(--border-color);border-radius:.25rem;align-items:center;padding:.15rem .5rem;font-size:.85rem;line-height:1.4;display:inline-flex}.article-content :is(h2,h3,h4,h5,h6){margin-block:2em .75em;line-height:1.35}.article-content p,.article-content ul,.article-content ol,.article-content blockquote,.article-content pre,.article-content table{margin-block:1.25em}.article-content blockquote{color:var(--text-secondary);border-left:3px solid var(--border-color);margin-inline:0;padding-left:1rem}.article-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.article-content :not(pre)>code{background:var(--surface-muted);border-radius:.2rem;padding:.15em .35em}.article-content pre{background:var(--surface-muted);border-radius:.3rem;padding:1rem;overflow-x:auto}.article-content .code-block{margin-block:1.25em}.article-content .code-block pre{margin-block:0}.article-content .code-block-bar{border-radius:.3rem .3rem 0 0;justify-content:space-between;align-items:center;gap:.75rem;padding:.3rem .55rem .3rem .85rem;display:flex}.article-content .code-block-lang{opacity:.75;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1}.article-content .code-block-copy{width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.article-content .code-block-copy:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.article-content .code-block-copy:focus-visible{outline:2px solid color-mix(in srgb, currentColor 45%, transparent);outline-offset:1px}.article-content .code-block-copy svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.article-content .code-block-copy .code-block-copy-check,.article-content .code-block-copy.is-copied .code-block-copy-icon{display:none}.article-content .code-block-copy.is-copied .code-block-copy-check{display:block}.article-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.article-content img{max-width:100%;height:auto;display:block}.article-content img.article-image-trigger{cursor:zoom-in}.article-content .md-details,.article-content .md-tip,.article-content .md-warning,.article-content .md-error{margin-block:1.5em}.article-content .md-details{background:var(--surface-muted);border-radius:.35rem;overflow:hidden}.article-content .md-details>summary{cursor:pointer;user-select:none;padding:.85rem 1rem .85rem 2.65rem;font-weight:600;line-height:1.5;list-style:none;position:relative}.article-content .md-details>summary::-webkit-details-marker{display:none}.article-content .md-details>summary:before{content:"";border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:.55rem;height:.55rem;transition:transform .15s;position:absolute;top:1.15rem;left:1.15rem;transform:rotate(-45deg)}.article-content .md-details>summary:hover{color:var(--accent-color)}.article-content .md-details[open]>summary:before{transform:rotate(45deg)translate(-.1rem,-.1rem)}.article-content .md-details[open]>summary{padding-bottom:.7rem}.article-content .md-details-content{color:var(--text-secondary);padding:.1rem 1.25rem 1rem}.article-content :is(.md-tip,.md-warning,.md-error){--container-accent:#42b983;--container-background:#42b9831c;background:var(--container-background);border-left:3px solid var(--container-accent);padding:.85rem 1.25rem .85rem 1rem;position:relative}.article-content .md-warning{--container-accent:#e7c000;--container-background:#ffe56438}.article-content .md-error{--container-accent:#d40000;--container-background:#d400001f}.article-content :is(.md-tip,.md-warning,.md-error,.md-details-content)>:first-child{margin-top:.25rem}.article-content :is(.md-tip,.md-warning,.md-error,.md-details-content)>:last-child{margin-bottom:.25rem}.article-content .md-center{text-align:center;margin-block:1.5em}.article-content .md-center>:is(img,picture,video,figure){margin-inline:auto}.article-content .md-pp{justify-content:center;margin-block:1.5em;display:flex}.article-content .md-pp>:is(img,picture),.article-content .md-pp>picture>img{object-fit:contain;width:auto;max-width:100%;max-height:min(70vh,36rem)}.article-content th,.article-content td{border:1px solid var(--border-color);padding:.5rem .75rem}@media (width>=60.0625rem){html[data-sidebar-isopen=true] .site-main:has(>.article-page){width:min(50rem,100% - 21rem);margin-left:calc(50% + 9rem + min(50rem,100% - 21rem)/-2);margin-right:0}}@media (width<=60rem){.site-main{padding-block:2.5rem}}@media (prefers-reduced-motion:reduce){.site-main{transition:none}}