.blog-content{font-size:1.125rem;line-height:1.8}.blog-content h2{margin-top:4rem;margin-bottom:1.5rem;scroll-margin-top:100px;font-size:2.25rem;font-weight:800;line-height:1.2}.blog-content h3{margin-top:2.5rem;margin-bottom:1.25rem;scroll-margin-top:100px;font-size:1.75rem;font-weight:700;line-height:1.3}.blog-content p{margin-bottom:1.5rem}.blog-content ul{margin-bottom:2rem;margin-left:0;list-style-type:none}.blog-content li{margin-bottom:.75rem;padding-left:1.75rem;position:relative}.blog-content li:before{content:"";background-color:hsl(var(--accent));border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.6em;left:0}.blog-content strong{color:hsl(var(--foreground));font-weight:700}.blog-content em{color:hsl(var(--foreground));font-style:italic}.blog-content blockquote{border-left:4px solid hsl(var(--accent));color:hsl(var(--foreground));margin:2.5rem 0;padding-left:1.5rem;font-style:italic}.blog-image-wrapper{border:1px solid hsl(var(--border));border-radius:1rem;margin:3rem 0;overflow:hidden}.blog-image-caption{text-align:center;color:hsl(var(--muted-foreground));margin-top:.75rem;font-size:.875rem}.toc-sidebar{max-height:calc(100vh - 120px);position:sticky;top:100px;overflow-y:auto}.toc-link{color:hsl(var(--muted-foreground));border-left:2px solid #0000;padding:.5rem 0 .5rem 1rem;font-size:.875rem;transition:all .2s}.toc-link:hover{color:hsl(var(--foreground))}.toc-link.active{color:hsl(var(--foreground));border-left-color:hsl(var(--accent));font-weight:600}.pro-tip{background-color:hsl(var(--secondary)/.3);border-left:4px solid hsl(var(--accent));border-radius:0 1rem 1rem 0;margin:3rem 0;padding:1.5rem}.pro-tip-title{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--accent-foreground));background-color:hsl(var(--accent));margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}html{scroll-behavior:smooth}
