main.container{max-width:1120px;padding-top:56px;padding-bottom:96px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.blog-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}.blog-main{min-width:0}.blog-sidebar{position:sticky;top:56px;align-self:start;max-height:calc(100vh - 88px);overflow-y:auto;overscroll-behavior:contain}.sidebar-nav{font-family:var(--font-stack)}.sidebar-home{display:block;font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text-main);text-decoration:none;margin-bottom:1.5rem}.sidebar-group{margin-bottom:1rem}.sidebar-group-label{display:flex;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);cursor:pointer;user-select:none;list-style:none;padding:.25rem 0;transition:color var(--transition)}.sidebar-group-label::-webkit-details-marker{display:none}.sidebar-group-label:hover{color:var(--color-text-main)}.sidebar-group-chevron{flex-shrink:0;transition:transform .18s ease}.sidebar-group[open]>.sidebar-group-label .sidebar-group-chevron{transform:rotate(90deg)}.sidebar-group-count{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums;opacity:.75}.sidebar-post-list{list-style:none;display:flex;flex-direction:column;gap:.1rem;margin-top:.45rem}.sidebar-post-link{display:block;padding:.35rem .6rem;margin-left:-.6rem;border-radius:6px;font-size:.9rem;line-height:1.4;color:var(--color-text-muted);text-decoration:none;border-left:2px solid transparent;transition:color var(--transition),background var(--transition)}.sidebar-post-link:hover{color:var(--color-text-main);background:var(--color-card-hover)}.sidebar-post-link.is-active{color:var(--color-text-main);font-weight:600;background:var(--color-card-hover);border-left-color:var(--color-accent);border-radius:0 6px 6px 0}.toc-list{list-style:none;display:flex;flex-direction:column;margin:0;padding:0;font-family:var(--font-stack)}.toc-link{display:block;padding:.28rem 0 .28rem .85rem;border-left:2px solid var(--color-border);font-size:.85rem;line-height:1.45;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition),border-color var(--transition)}.toc-depth-3>.toc-link{padding-left:1.8rem;font-size:.8rem}.toc-link:hover{color:var(--color-text-main)}.toc-link.is-active{color:var(--color-text-main);font-weight:600;border-left-color:var(--color-accent)}.toc-rail{display:none}.toc-inline{font-family:var(--font-stack);margin-bottom:2.5rem;padding:.9rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card-hover)}.toc-inline-summary{font-size:.85rem;font-weight:600;color:var(--color-text-main);cursor:pointer;user-select:none}.toc-inline[open]>.toc-inline-summary{margin-bottom:.75rem}.toc-rail-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.7rem}@media(min-width:1280px){main.container:has(.blog-layout.has-toc){max-width:1360px}.blog-layout.has-toc{grid-template-columns:240px minmax(0,1fr) 210px;gap:48px}.blog-layout.has-toc .toc-rail{display:block;position:sticky;top:56px;align-self:start;max-height:calc(100vh - 88px);overflow-y:auto;overscroll-behavior:contain}.blog-layout.has-toc .toc-inline{display:none}}.sidebar-toggle{display:none;position:fixed;top:.9rem;left:.9rem;z-index:60;align-items:center;gap:.4rem;padding:.5rem .85rem;font-family:var(--font-stack);font-size:.85rem;font-weight:500;color:var(--color-text-main);background:var(--color-background);border:1px solid var(--color-border);border-radius:999px;box-shadow:0 2px 10px #0000000f;cursor:pointer}.sidebar-toggle svg{display:block}.sidebar-overlay{display:none}@media(max-width:1000px){main.container{max-width:760px;padding-top:40px;padding-bottom:56px}.blog-layout{display:block}.sidebar-toggle{display:inline-flex}.blog-main{padding-top:2.75rem}.blog-sidebar{position:fixed;top:0;left:-300px;bottom:0;width:290px;max-width:84vw;z-index:70;margin:0;padding:1.75rem 1.5rem;background:var(--color-background);border-right:1px solid var(--color-border);max-height:none;overflow-y:auto;transition:left .25s ease}.blog-sidebar.is-open{left:0;box-shadow:4px 0 24px #0000001f}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:65;background:#0006;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}body.sidebar-locked{overflow:hidden}}