.line-sidebar{--accent-color:var(--foreground);--text-color:var(--muted-foreground);--marker-color:var(--border);--marker-length:60px;--marker-gap:0px;--tick-scale:.5;--max-shift:30px;--item-gap:20px;--font-size:1.1rem;--smoothing:.1s;justify-content:flex-start;display:flex;position:relative}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{cursor:pointer;position:relative}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__label{font-size:var(--font-size);color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--text-color));transform:translateX(calc(var(--effect,0) * var(--max-shift)));align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.line-sidebar__index{opacity:calc(.55 + var(--effect,0) * .45);margin-right:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.line-sidebar__marker{top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:var(--marker-length);background-color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--marker-color));transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .5));position:absolute}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.5;position:absolute;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}
.blog-line-sidebar{padding-right:calc(var(--spacing) * 4);scrollbar-width:thin;overflow-x:hidden}.blog-line-sidebar .line-sidebar__list{width:100%;min-width:0}.blog-line-sidebar .line-sidebar__label{width:100%;min-width:0;padding-block:calc(var(--spacing) * 2);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;min-height:44px}.blog-line-sidebar .line-sidebar__index{opacity:1;font-family:var(--font-mono);flex-shrink:0}.blog-line-sidebar .line-sidebar__text{overflow-wrap:anywhere;min-width:0}.blog-line-sidebar .line-sidebar__item[data-depth="3"] .line-sidebar__text,.blog-line-sidebar .line-sidebar__item[data-depth="4"] .line-sidebar__text{padding-inline-start:calc(var(--spacing) * 2)}.blog-line-sidebar--compact{max-height:50svh;overflow-y:auto}.blog-line-sidebar .line-sidebar__label[aria-current=location]{font-weight:600}.blog-line-sidebar .line-sidebar__item:before{display:none}.blog-line-sidebar .line-sidebar__label:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius)}.blog-paper-bg :is(h2,h3,h4)[id]{scroll-margin-top:6rem}
.blog-article-layout{gap:calc(var(--spacing) * 8);max-width:80rem;margin-inline:auto;display:grid}.blog-article-content{max-width:72ch;color:var(--foreground);overflow-wrap:anywhere;margin-inline:auto;font-size:1.0625rem;line-height:1.75}.blog-article-content ::selection{background:var(--primary);color:var(--primary-foreground)}.blog-article-content :is(h1,h2,h3,h4){color:var(--foreground);text-wrap:balance;outline-offset:.5rem;margin-block:2.5rem 1rem;scroll-margin-top:6rem;font-weight:600;line-height:1.25}.blog-article-content h1{font-size:2rem}.blog-article-content h2{font-size:clamp(1.5rem,2.5vw,1.875rem)}.blog-article-content h3{font-size:clamp(1.25rem,2vw,1.5rem)}.blog-article-content h4{font-size:1.125rem}.blog-article-content p{margin-block:0 1.5rem}.blog-article-content :is(ul,ol){margin-block:0 1.5rem;padding-inline-start:1.5rem}.blog-article-content ul{list-style:outside}.blog-article-content ol{list-style:decimal}.blog-article-content li+li{margin-top:.5rem}.blog-article-content li>p{margin-bottom:.5rem}.blog-article-content a{color:var(--primary);text-underline-offset:.25rem;text-decoration:underline}.blog-article-content :is(a,h2,h3,h4):focus-visible{outline:2px solid var(--primary);border-radius:var(--radius)}.blog-article-content blockquote{border-inline-start:1px solid var(--primary);color:var(--muted-foreground);margin-block:1.5rem;padding-inline-start:1rem}.blog-article-content pre{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);max-width:100%;color:var(--foreground);tab-size:2;margin-block:1.5rem;padding:1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.blog-article-content code{font-family:var(--font-mono);border-radius:calc(var(--radius) / 2);background:var(--muted);padding:.125rem .375rem;font-size:.9em}.blog-article-content pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.blog-cms-content :is(img,video){max-width:100%;height:auto}.blog-article-content figure{margin-block:2rem}.blog-article-content figcaption{color:var(--muted-foreground);margin-top:.75rem;font-size:.875rem}.blog-article-content table{border-collapse:collapse;width:100%;margin-block:1.5rem;font-size:.9375rem;display:block;overflow-x:auto}.blog-article-content :is(th,td){border:1px solid var(--border);text-align:start;vertical-align:top;padding:.75rem}.blog-article-content th{background:var(--muted);font-weight:600}.blog-article-content hr{border-color:var(--border);margin-block:2rem}@media (min-width:1024px){.blog-article-layout{grid-template-columns:minmax(0,1fr) 20rem}.blog-article-sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:calc(100svh - 7rem);position:sticky;top:6rem;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.blog-line-sidebar .line-sidebar__label,.blog-line-sidebar .line-sidebar__marker,.blog-line-sidebar .line-sidebar__item:after{transform:none}}