.post-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.post-list .post-card:last-child{border-bottom:0}.category-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-border)}.category-list li{border-bottom:1px solid var(--color-border)}.category-list a{display:flex;justify-content:space-between;padding:var(--space-4) 0;color:var(--color-text);text-decoration:none}.category-list a:hover{color:var(--color-accent)}.category-list small{color:var(--color-text-muted);font-family:var(--font-mono)}.post-card{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.post-card article{display:block;min-width:0}.post-card__meta,.article-meta__primary{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;color:var(--color-text-muted);font-size:.8125rem}.post-card__meta{flex-wrap:nowrap;justify-content:flex-start;margin-bottom:var(--space-2);white-space:nowrap;font-family:var(--font-display)}.post-card__meta a,.article-meta a{color:var(--color-accent);text-decoration:none}.post-card h3{margin:0 0 .35rem;font-size:1.22rem;font-weight:500;line-height:1.4}.post-card h3 a{color:var(--color-text);text-decoration:none}.post-card h3 a:hover,.post-card h3 a:focus-visible{color:var(--color-accent)}.post-card p,.archive-page__header p,.simple-page>p:last-child{margin:0;color:var(--color-text-muted)}.post-card p{display:-webkit-box;max-width:45rem;overflow:hidden;font-family:var(--font-display);font-size:.88rem;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:1}.archive-link{display:inline-block;margin-top:var(--space-6);font-weight:700;text-decoration:none}.pagination{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:var(--space-10) 0 0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.pagination a,.pagination span{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border:0;border-radius:var(--radius-sm);color:inherit;text-decoration:none;transition:color .16s ease,background-color .16s ease}.pagination a:hover,.pagination a:focus-visible{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent);outline:none}.pagination a:focus-visible{box-shadow:0 0 0 1px var(--color-accent)}.pagination__pages{display:flex;align-items:center;gap:.15rem;padding-inline:.45rem;border-inline:1px solid var(--color-border)}.pagination__pages [aria-current=page]{color:var(--color-accent);font-weight:700;background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.pagination__icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.archive-page__header,.simple-page{max-width:var(--content-width);margin-bottom:var(--space-12)}.archive-page__header h1,.simple-page h1{margin-bottom:var(--space-4);font-size:clamp(2.25rem,6vw,4rem)}.simple-page h1 span{color:var(--color-text-muted)}.article-shell{display:grid;grid-template-columns:minmax(0,var(--content-width)) minmax(11rem,15rem);gap:clamp(var(--space-8),7vw,var(--space-16));justify-content:space-between;width:100%;margin:0 auto;padding:var(--space-16) 0;min-width:0;max-width:100%}.article__toc-bar{display:none}.article__header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);min-width:0;max-width:100%;overflow-wrap:anywhere}.article{font-family:var(--font-prose)}.article__header h1{margin:var(--space-4) 0;font-size:clamp(2rem,4vw,3rem)}.article__description{margin:0;color:var(--color-text-muted);font-size:1.125rem}.article-meta__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;font-size:.8125rem}.article-meta__tags a{color:var(--color-text-muted)}.article__content{min-width:0;max-width:100%;overflow-x:clip;overflow-wrap:anywhere;word-break:break-word}.markdown-viewer__header{margin-bottom:2rem;text-align:center}.markdown-viewer__header h1{margin-bottom:0}.markdown-viewer[data-toc-empty]>.article{width:min(var(--content-width),calc(100% - 2rem));margin-inline:auto}.markdown-viewer__dropzone{display:grid;place-items:center;gap:.55rem;min-height:14rem;padding:2rem;border:1px solid var(--color-border);border-radius:1rem;transition:color .16s ease,background-color .16s ease,border-color .16s ease;color:var(--color-text-muted);text-align:center}.markdown-viewer__file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.markdown-viewer__help{max-width:34rem;margin:0 0 .4rem;color:var(--color-text);line-height:1.7;text-align:center}.markdown-viewer[data-dragging] .markdown-viewer__dropzone,.markdown-viewer__dropzone:hover,.markdown-viewer__dropzone:focus-within{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.markdown-viewer__dropzone p{margin:0;color:var(--color-text);font-family:var(--font-western);font-size:1.25rem}.markdown-viewer__history{margin-top:var(--space-8)}.markdown-viewer__history .eyebrow{margin-bottom:var(--space-3)}.markdown-viewer__history ol{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.markdown-viewer__history li{display:flex;align-items:center;min-width:0;border-bottom:1px solid var(--color-border)}.markdown-viewer__history-open{min-width:0;flex:1;padding:.7rem 0;overflow:hidden;border:0;background:transparent;color:var(--color-text-muted);font:.8rem var(--font-mono);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.markdown-viewer__history-open:hover,.markdown-viewer__history-open:focus-visible{color:var(--color-accent);outline:none}.markdown-viewer__history-remove{width:1.8rem;height:1.8rem;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer}.markdown-viewer__history-remove:hover,.markdown-viewer__history-remove:focus-visible{color:var(--color-signature-yellow);background:color-mix(in srgb,var(--color-signature-yellow) 10%,transparent);outline:none}.markdown-viewer__choose{padding:.55rem 1rem;border:1px solid var(--color-border);border-radius:.5rem;color:var(--sidebar-accent-strong);cursor:pointer}.markdown-viewer__choose{background:transparent;color:var(--color-text);font:inherit;font-size:.875rem}.markdown-viewer__choose:hover{border-color:var(--color-accent)}.markdown-viewer__choose:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.markdown-viewer [hidden]{display:none}.markdown-viewer[data-reading]{padding-top:2rem}.markdown-viewer__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.markdown-viewer__toolbar .markdown-viewer__filename{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markdown-viewer__toolbar button{flex-shrink:0}.markdown-viewer__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.markdown-viewer__action{position:relative;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .16s ease,background-color .16s ease}.markdown-viewer__action svg{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.markdown-viewer__action:is(:hover,:focus-visible){color:var(--color-signature-yellow);background:color-mix(in srgb,var(--color-signature-yellow) 8%,transparent)}.markdown-viewer__action:focus-visible{outline:1px solid currentColor;outline-offset:2px}.markdown-viewer__action span{position:absolute;top:calc(100% + .3rem);right:0;z-index:2;padding:.3rem .55rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-code-shell);color:var(--color-text);font:.7rem var(--font-mono);white-space:nowrap;visibility:hidden;pointer-events:none}.markdown-viewer__action:is(:hover,:focus-visible) span{visibility:visible}.markdown-viewer[data-dragging] .markdown-viewer__toolbar{border-bottom-color:var(--color-accent)}.markdown-viewer__content{margin-top:2rem}.markdown-viewer__filename{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.article__content>:first-child{margin-top:0}.article__content h1,.article__content h2,.article__content h3,.article__content h4{scroll-margin-top:var(--space-8);color:var(--color-text)}.article__content h1{margin:var(--space-16) 0 var(--space-6);font-size:clamp(2rem,3vw,2.25rem);line-height:1.25;overflow-wrap:anywhere}.article__content h2{margin:var(--space-16) 0 var(--space-4);font-size:1.75rem}.article__content h3{margin:var(--space-12) 0 var(--space-4);font-size:1.375rem}.article__content p,.article__content ul,.article__content ol,.article__content blockquote{margin:0 0 var(--space-6)}.article__content li+li{margin-top:var(--space-2)}.article__content a{text-underline-offset:.2em}.article__content .callout{--callout-accent: var(--color-accent);--callout-background: var(--color-surface);--surface-background: var(--callout-background);--surface-texture-opacity: .42;margin:0 0 var(--space-6);padding:var(--space-4) var(--space-6);color:var(--color-text);border:1px solid color-mix(in srgb,var(--callout-accent) 32%,var(--color-border));border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article__content .callout--note{--callout-accent: #6db8ee;--callout-background: #102b43}.article__content .callout--tip{--callout-accent: #74c69d;--callout-background: #123629}.article__content .callout--warning{--callout-accent: #e4b65e;--callout-background: #3d2f14}.article__content .callout--important{--callout-accent: #e58a83;--callout-background: #3b2025}.article__content .callout--success{--callout-accent: #63c7c0;--callout-background: #10363a}[data-theme=light] .article__content .callout--note{--callout-background: #e6f2fb}[data-theme=light] .article__content .callout--tip{--callout-background: #e8f6ed}[data-theme=light] .article__content .callout--warning{--callout-background: #fff3d7}[data-theme=light] .article__content .callout--important{--callout-background: #ffebea}[data-theme=light] .article__content .callout--success{--callout-background: #e3f6f4}.article__content .callout__title{display:flex;align-items:center;gap:.35rem;margin:0 0 var(--space-2);color:var(--callout-accent);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.article__content .callout__icon{display:grid;min-width:1.25rem;place-items:center;font-size:1.125rem;line-height:1}.article__content .callout>:last-child{margin-bottom:0}.article__content table{width:100%;margin:0;margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);border-collapse:separate;border-spacing:0;overflow:hidden}.article__content td,.article__content th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.article__content tr:last-child td{border-bottom:0}.article__content blockquote{--surface-background: var(--color-surface);margin:0 0 var(--space-6);padding:var(--space-4) var(--space-6);color:var(--color-text-muted);border:1px solid var(--color-border);border-left:3px solid color-mix(in srgb,var(--color-accent) 58%,var(--color-surface));border-radius:var(--radius-md)}.article__content pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0 0 var(--space-6);padding:var(--space-4);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.article__content .code-shell{width:100%;margin:0 0 var(--space-6);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 var(--color-code-shell-edge)}[data-theme=light] .article__content .code-shell pre,[data-theme=light] .article__content .code-shell pre code{color:var(--color-text)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#E1E4E8"]{color:var(--color-code-token-default)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#6A737D"]{color:var(--color-code-token-comment)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#79B8FF"]{color:var(--color-code-token-blue)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#9ECBFF"],[data-theme=light] .article__content .code-shell pre span[style*="color:#DBEDFF"]{color:var(--color-code-token-blue-muted)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#B392F0"]{color:var(--color-code-token-purple)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#F97583"]{color:var(--color-code-token-red)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#FFAB70"]{color:var(--color-code-token-orange)!important}[data-theme=light] .article__content .code-shell pre span[style*="color:#85E89D"]{color:var(--color-code-token-green)!important}.code-shell__header{display:flex;position:relative;z-index:1;isolation:isolate;min-height:2.75rem;align-items:center;justify-content:space-between;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);background-color:var(--color-code-shell-header)}.code-shell__header>*{position:relative;z-index:1}.code-shell__marker{color:var(--color-accent);font-family:var(--font-mono);font-size:.875rem;letter-spacing:.08em}.code-shell__copy{position:relative;display:inline-grid;width:2rem;height:2rem;padding:0;place-items:center;color:var(--color-text-muted);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.code-shell__copy:hover,.code-shell__copy:focus-visible,.code-shell__copy[data-copied=true]{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);outline:none}.code-shell__copy svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.article__content .code-shell pre{position:relative;z-index:1;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:0;border:0;border-radius:0;background:transparent!important}.article__content .code-shell--custom-scrollbar pre{scrollbar-width:none}.article__content .code-shell--custom-scrollbar pre::-webkit-scrollbar{display:none;width:0;height:0}.code-shell__scrollbar{position:relative;z-index:2;height:.95rem;padding:.25rem .4rem .3rem;border-top:1px solid color-mix(in srgb,var(--color-code-shell-edge) 65%,transparent);background:color-mix(in srgb,var(--color-code-shell-header) 82%,var(--color-code-shell))}.code-shell__scrollbar[hidden]{display:none}.code-shell__scrollbar-track{position:relative;height:.4rem;border-radius:999px;background:color-mix(in srgb,var(--color-code-shell) 90%,var(--color-code-shell-edge));box-shadow:inset 0 1px 2px #00000061,0 1px color-mix(in srgb,var(--color-code-shell-edge) 50%,transparent);cursor:pointer}.code-shell__scrollbar-thumb{position:absolute;top:50%;left:0;min-width:3rem;height:.58rem;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-code-shell-edge) 82%,transparent);border-radius:999px;background-color:color-mix(in srgb,var(--color-code-shell) 76%,var(--color-code-shell-edge));box-shadow:inset 0 1px color-mix(in srgb,var(--color-code-shell-edge) 80%,transparent),inset 0 -1px 2px #0000007a,0 1px 2px #00000057;cursor:grab;touch-action:none;transform:translate3d(0,-50%,0);will-change:transform}.code-shell__scrollbar-thumb:before{position:absolute;inset:1px;border-radius:inherit;content:"";opacity:.78;pointer-events:none;background-image:repeating-linear-gradient(135deg,transparent 0 3px,color-mix(in srgb,var(--color-code-shell-edge) 88%,transparent) 3px 4px,transparent 4px 7px),url(/code-shell-texture.webp);background-position:0 0,center;background-size:auto,.75rem .75rem;background-blend-mode:screen,soft-light}.code-shell__scrollbar-thumb:hover,.code-shell__scrollbar-thumb:focus-visible,.code-shell__scrollbar-thumb[data-dragging=true]{border-color:var(--color-code-shell-edge);outline:none;box-shadow:inset 0 1px color-mix(in srgb,var(--color-code-shell-edge) 92%,transparent),inset 0 -1px 2px #0000007a,0 0 0 2px color-mix(in srgb,var(--color-code-shell-edge) 30%,transparent)}.code-shell__scrollbar-thumb[data-dragging=true]{cursor:grabbing}[data-theme=light] .code-shell__scrollbar{background:color-mix(in srgb,var(--color-code-shell-header) 88%,var(--color-code-shell))}[data-theme=light] .code-shell__scrollbar-track{box-shadow:inset 0 1px 2px #33414b38,0 1px #ffffff8c}[data-theme=light] .code-shell__scrollbar-thumb{background-color:color-mix(in srgb,var(--color-code-shell) 74%,var(--color-code-shell-edge));box-shadow:inset 0 1px #ffffffb3,inset 0 -1px 2px #33414b33,0 1px 2px #33414b2e}[data-theme=light] .code-shell__scrollbar-thumb:before{opacity:.34;background-image:repeating-linear-gradient(135deg,transparent 0 3px,color-mix(in srgb,var(--color-code-shell-edge) 62%,transparent) 3px 4px,transparent 4px 7px),url(/light-code-shell-texture-v2.webp);background-blend-mode:normal,multiply;filter:none}.code-copy-toasts{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 3.8rem);z-index:95;display:flex;width:min(22rem,calc(100vw - 2rem));flex-direction:column-reverse;align-items:stretch;gap:var(--space-2);pointer-events:none}.code-copy-toast{display:flex;min-height:3rem;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.7rem .75rem .7rem .9rem;color:var(--color-code-text);border:1px solid color-mix(in srgb,var(--color-code-shell-edge) 82%,var(--color-accent));border-radius:.65rem;background-color:var(--color-surface);background-image:linear-gradient(105deg,color-mix(in srgb,var(--color-surface) 70%,transparent),transparent 62%),url(/splash-leather-cover-texture.webp);background-position:center,center;background-size:auto,18rem auto;box-shadow:0 1rem 2.5rem #00000057,inset 0 1px #ffffff1f,inset 0 -1px #0000003d;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.01em;pointer-events:auto;animation:code-copy-toast-rise .28s cubic-bezier(.16,1,.3,1) both}[data-theme=light] .code-copy-toast{position:relative;isolation:isolate;overflow:hidden;color:var(--color-text);border-color:var(--color-border);background-color:var(--color-code-shell);background-image:none;box-shadow:0 .8rem 2rem #5448372e,inset 0 1px #ffffff85}[data-theme=light] .code-copy-toast:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";opacity:.52;background-color:color-mix(in srgb,var(--color-surface) 92%,var(--color-background));background-image:linear-gradient(135deg,#ffffff2e,#eaedee0f),url(/light-code-shell-texture-v2.webp);background-position:center,center;background-size:auto,36rem 36rem;background-repeat:no-repeat,repeat;background-blend-mode:normal,multiply}[data-theme=light] .code-copy-toast>*{position:relative;z-index:1}.code-copy-toast__message:before{display:inline-grid;width:1.25rem;height:1.25rem;margin-right:var(--space-2);place-items:center;color:var(--color-code-shell);border:1px solid var(--color-accent);border-radius:50%;background:var(--color-accent);content:"✓";font-size:.68rem;font-weight:700}.code-copy-toast__dismiss{width:1.5rem;height:1.5rem;padding:0;color:color-mix(in srgb,var(--color-code-text) 72%,transparent);border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:1.1rem;line-height:1}.code-copy-toast__dismiss:hover,.code-copy-toast__dismiss:focus-visible{color:var(--color-code-text);background:color-mix(in srgb,var(--color-accent) 12%,transparent);outline:none}[data-theme=light] .code-copy-toast__dismiss{color:var(--color-text-muted)}[data-theme=light] .code-copy-toast__dismiss:hover,[data-theme=light] .code-copy-toast__dismiss:focus-visible{color:var(--color-text)}@keyframes code-copy-toast-rise{0%{opacity:0;transform:translateY(1rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.code-copy-toast{animation:none}}.article__content pre,.article__content pre code,.article__content pre span{overflow-wrap:normal;word-break:normal;white-space:pre}.article__content code{font-family:var(--font-mono);font-size:.9em}.article__content :not(pre)>code{padding:.12em .38em;border:1px solid var(--color-code-shell-edge);border-radius:var(--radius-sm);background:var(--color-code-background);color:var(--color-accent-strong);font-family:var(--font-mono);font-size:.875em;font-weight:500;text-shadow:none;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}.article__content table{display:block;width:max-content;max-width:100%;margin-bottom:var(--space-6);overflow-x:auto;border-collapse:collapse;border:1px solid var(--color-border)}.article__content th,.article__content td{min-width:8rem;padding:var(--space-3);text-align:left;vertical-align:top;border:1px solid var(--color-border)}.article__content th{background:transparent}.article__content :is(th,td){position:relative;--cell-rule-right: 1px;--cell-rule-bottom: 1px}.article__content :is(th,td):after{position:absolute;inset:0;content:"";pointer-events:none;padding-right:var(--cell-rule-right);padding-bottom:var(--cell-rule-bottom);background-color:#a4b7c6;background-image:linear-gradient(#a4b7c6a6,#a4b7c6a6),url(/code-shell-texture.webp);background-size:6rem 6rem;background-blend-mode:normal,luminosity;opacity:.3;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.article__content tr>:last-child{--cell-rule-right: 0px}.article__content tbody tr:last-child>:is(th,td){--cell-rule-bottom: 0px}[data-theme=light] .article__content :is(th,td):after{background-color:var(--color-text);background-image:url(/light-code-shell-texture-v2.webp);background-blend-mode:multiply;opacity:.16}.article__content img{display:block;max-width:100%;height:auto;margin:var(--space-8) auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.article__comments:empty{display:none}.article__comments{margin-top:clamp(3rem,8vw,5rem);padding-top:clamp(1.5rem,4vw,2.5rem);border-top:1px solid color-mix(in srgb,var(--color-accent) 48%,var(--color-border))}.table-of-contents__desktop{display:block;position:sticky;justify-self:end;width:100%;top:var(--space-16);max-height:calc(100svh - var(--space-16) - var(--space-8));overflow-y:auto;overscroll-behavior:contain;padding-left:0}.table-of-contents__desktop p{margin:0 0 var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase}.table-of-contents__collapsed-preview{display:none}.table-of-contents__desktop ol,.table-of-contents__mobile ol{margin:0;padding:0;list-style:none}.table-of-contents__desktop li,.table-of-contents__mobile li{display:flex;min-height:2.6rem;align-items:center}.table-of-contents__desktop a,.table-of-contents__mobile a{display:flex;width:100%;min-height:2.6rem;align-items:center;padding:.35rem var(--space-2);color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:.875rem;line-height:1.35;text-decoration:none;transition:color .16s ease,background-color .16s ease,transform .16s ease}.table-of-contents__desktop a:hover,.table-of-contents__desktop a:focus-visible,.table-of-contents__mobile a:hover,.table-of-contents__mobile a:focus-visible{color:var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent) 12%,transparent);outline:none;transform:translate(.2rem)}.table-of-contents__desktop a[aria-current=location],.table-of-contents__mobile a[aria-current=location]{color:var(--color-accent);font-weight:700}.table-of-contents__item--depth-3{padding-left:var(--space-3)}.article__mobile-toc{display:none}@media(min-width:321px){.article-shell{display:block;position:relative;--toc-column-width: 15rem;--toc-gap: var(--space-8);--toc-edge-inset: var(--space-4)}.article-shell[data-toc-collapsed]{--toc-column-width: 2.5rem}.article-shell>.article{width:min(var(--content-width),calc(100% - var(--toc-column-width) - var(--toc-gap) - var(--toc-edge-inset)));margin-left:max(0px,calc((100% - var(--toc-column-width) - var(--toc-gap) - var(--toc-edge-inset) - var(--content-width)) / 2));transition:width .22s ease,margin-left .22s ease}.site-frame[data-sidebar-collapsed] .article-shell>.article,html[data-sidebar-collapsed=true] .article-shell>.article{width:min(var(--content-width),calc(100% - 2rem));margin-inline:auto}.article-shell>.article__desktop-toc{position:fixed;top:calc(var(--space-16) + var(--space-8));right:var(--toc-edge-inset);width:calc(var(--toc-column-width) + .5rem);height:auto}.article-shell>.article__desktop-toc:has(.table-of-contents__desktop:hover),.article-shell>.article__desktop-toc:has(.table-of-contents__desktop:focus-within){z-index:3;width:15rem}.article-shell>.article__desktop-toc:has(.table-of-contents__desktop:hover) .table-of-contents__desktop,.article-shell>.article__desktop-toc:has(.table-of-contents__desktop:focus-within) .table-of-contents__desktop{width:15rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.article-shell>.article__desktop-toc:has(.table-of-contents__desktop:hover) .table-of-contents__desktop a,.article-shell>.article__desktop-toc:has(.table-of-contents__desktop:focus-within) .table-of-contents__desktop a{color:var(--color-text)}.article-shell>.article__desktop-toc .table-of-contents__desktop{position:relative;top:auto;width:calc(var(--toc-column-width) + .5rem);height:auto;max-height:calc(100svh - var(--space-16) - var(--space-8) - var(--space-8));margin-left:auto;padding-inline:.25rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.article__desktop-toc[data-toc-collapsed] .table-of-contents__desktop>ol{display:none}.article__desktop-toc[data-toc-collapsed]:not(:has(.table-of-contents__desktop:hover)):not(:has(.table-of-contents__desktop:focus-within)) .table-of-contents__desktop{background-color:transparent}.article__desktop-toc[data-toc-collapsed]:not(:has(.table-of-contents__desktop:hover)):not(:has(.table-of-contents__desktop:focus-within)) .table-of-contents__desktop:before{content:none}.article__desktop-toc[data-toc-collapsed]:has(.table-of-contents__desktop:hover) .table-of-contents__desktop>ol,.article__desktop-toc[data-toc-collapsed]:has(.table-of-contents__desktop:focus-within) .table-of-contents__desktop>ol{display:block}.article__desktop-toc[data-toc-collapsed] .table-of-contents__collapsed-preview{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:var(--space-4)}.article__desktop-toc[data-toc-collapsed]:has(.table-of-contents__desktop:hover) .table-of-contents__collapsed-preview,.article__desktop-toc[data-toc-collapsed]:has(.table-of-contents__desktop:focus-within) .table-of-contents__collapsed-preview{display:none}.article__desktop-toc[data-toc-collapsed] .table-of-contents__collapsed-preview span{display:block;width:1.5rem;height:2px;background:color-mix(in srgb,var(--color-text-muted) 38%,transparent)}.article__desktop-toc[data-toc-collapsed] .table-of-contents__collapsed-preview span[data-active]{background:var(--color-accent)}}.table-of-contents__mobile{display:none;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.table-of-contents__mobile summary{cursor:pointer;font-weight:700}.table-of-contents__mobile ol{margin-top:var(--space-4)}@media(max-width:900px){.article-shell{display:block;width:min(calc(100% - 2rem),var(--content-width));padding:var(--space-12) 0}.article__toc-bar,.article-shell>.article__desktop-toc{display:none}.article-shell>.article{width:100%;margin-left:0}.article__mobile-toc .table-of-contents__desktop{display:none}.article__mobile-toc{display:block;margin-bottom:var(--space-8)}.table-of-contents__mobile{display:block}}@media(max-width:640px){.post-card{padding:var(--space-4) 0}.post-card h3{font-size:1.0625rem}.article__header{margin-bottom:var(--space-8)}.article__content h2{margin-top:var(--space-12);font-size:1.5rem}}