.toc{font-size:var(--tsuki-fs-sm);color:var(--tsuki-fg-muted)}.toc-heading{font-size:var(--tsuki-fs-sm);font-weight:600;margin:0 0 var(--tsuki-space-3);color:var(--tsuki-fg);text-transform:uppercase;letter-spacing:.05em}.toc nav ul{list-style:none;padding:0;margin:0}.toc nav ul ul{padding-inline-start:var(--tsuki-space-3);margin-block-start:var(--tsuki-space-1)}.toc nav li{margin-block:var(--tsuki-space-1)}.toc nav a{display:block;padding:.125rem 0;color:var(--tsuki-fg-muted);border-inline-start:2px solid transparent;padding-inline-start:var(--tsuki-space-3);margin-inline-start:calc(-1 * var(--tsuki-space-3));transition:var(--tsuki-transition)}.toc nav a:hover{color:var(--tsuki-fg);text-decoration:none}.toc nav a[aria-current=true]{color:var(--tsuki-accent);border-inline-start-color:var(--tsuki-accent);font-weight:550}@media(min-width:64rem){body.post main{max-width:var(--tsuki-wide-width);display:grid;grid-template-columns:1fr 14rem;gap:var(--tsuki-space-12);align-items:start}body.post .post{min-width:0}body.post .toc{position:sticky;inset-block-start:var(--tsuki-space-6);max-block-size:calc(100vh - var(--tsuki-space-12));overflow-y:auto}}@media(max-width:63.99rem){.toc{margin-block-end:var(--tsuki-space-8);padding:var(--tsuki-space-4);border:1px solid var(--tsuki-border);border-radius:var(--tsuki-radius)}}.callout{margin-block:var(--tsuki-space-4);padding:var(--tsuki-space-3)var(--tsuki-space-4);border-inline-start:3px solid var(--tsuki-callout,var(--tsuki-accent));background:var(--tsuki-callout-bg,transparent);border-radius:var(--tsuki-radius);color:var(--tsuki-fg);font-style:normal}.callout :is(p:last-child){margin-block-end:0}.callout-title{font-weight:600;margin:0 0 var(--tsuki-space-2);color:var(--tsuki-callout,var(--tsuki-accent));font-size:var(--tsuki-fs-sm);text-transform:uppercase;letter-spacing:.04em}.callout-note{--tsuki-callout:#2563eb;--tsuki-callout-bg:#2563eb14}.callout-tip{--tsuki-callout:#16a34a;--tsuki-callout-bg:#16a34a14}.callout-important{--tsuki-callout:#7c3aed;--tsuki-callout-bg:#7c3aed14}.callout-warning{--tsuki-callout:#d97706;--tsuki-callout-bg:#d9770614}.callout-caution{--tsuki-callout:#dc2626;--tsuki-callout-bg:#dc262614}:where([data-theme=dark]){.callout-note { --tsuki-callout: #6ea1ff; --tsuki-callout-bg: #6ea1ff1f; } .callout-tip { --tsuki-callout: #4ade80; --tsuki-callout-bg: #4ade801f; } .callout-important { --tsuki-callout: #a78bfa; --tsuki-callout-bg: #a78bfa1f; } .callout-warning { --tsuki-callout: #fbbf24; --tsuki-callout-bg: #fbbf241f; } .callout-caution { --tsuki-callout: #f87171; --tsuki-callout-bg: #f871711f; }}.comments{margin-block-start:var(--tsuki-space-12);padding-block-start:var(--tsuki-space-8);border-block-start:1px solid var(--tsuki-border)}.comments-heading{font-size:var(--tsuki-fs-xl);margin:0 0 var(--tsuki-space-4)}.giscus,.giscus-frame{min-block-size:12rem}.giscus-frame{width:100%;border:none}.breadcrumbs{margin-block-end:var(--tsuki-space-4);font-size:var(--tsuki-fs-sm);color:var(--tsuki-fg-muted)}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--tsuki-space-2)}.breadcrumbs li+li::before{content:"›";margin-inline-end:var(--tsuki-space-2);color:var(--tsuki-fg-subtle)}.breadcrumbs a{color:var(--tsuki-fg-muted)}.breadcrumbs a:hover{color:var(--tsuki-fg)}.breadcrumbs [aria-current=page]{color:var(--tsuki-fg)}.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:var(--tsuki-space-4);margin-block-start:var(--tsuki-space-12);padding-block-start:var(--tsuki-space-6);border-block-start:1px solid var(--tsuki-border)}.prev-next a{display:flex;flex-direction:column;gap:var(--tsuki-space-1);padding:var(--tsuki-space-3);border:1px solid var(--tsuki-border);border-radius:var(--tsuki-radius);color:var(--tsuki-fg);text-decoration:none;min-block-size:3rem}.prev-next a:hover{border-color:var(--tsuki-fg-muted)}.prev-next-next{text-align:end}.prev-next-label{font-size:var(--tsuki-fs-xs);color:var(--tsuki-fg-muted)}.prev-next-title{font-weight:550}@media(max-width:32rem){.prev-next{grid-template-columns:1fr}.prev-next-next{text-align:start}}details{border:1px solid var(--tsuki-border);border-radius:var(--tsuki-radius);padding:var(--tsuki-space-3)var(--tsuki-space-4);margin-block:var(--tsuki-space-4)}details>summary{cursor:pointer;font-weight:550}details[open]>summary{margin-block-end:var(--tsuki-space-3)}.code-copy:hover{background:var(--tsuki-code-bg)}.code-copy[data-state=copied]{opacity:1;color:var(--tsuki-accent);border-color:var(--tsuki-accent)}