.feed-dot{z-index:10;background-color:#7dd3fc;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-4px;box-shadow:0 0 0 1px #7dd3fc}@media (min-width:768px){.feed-dot{top:7px;left:-4px}}.feed-border{background-color:#7dd3fc;width:1px;position:absolute;top:-12px;bottom:-8px;left:-1px}@media (min-width:768px){.feed-border{top:10px;left:-1px}}.content-date{color:#6b7280;padding-left:1.75rem;font-size:.75rem;line-height:1.5}@media (min-width:640px){.content-date{font-size:.875rem}}@media (min-width:768px){.content-date{text-align:right;width:25%;padding-left:0;padding-right:3rem}}.content-block{padding-top:.5rem;padding-bottom:4rem;padding-left:1.75rem;position:relative}@media (min-width:768px){.content-block{width:75%;padding-top:0;padding-left:3rem}}.content-block .blog-image{border-radius:.5rem;margin-bottom:1.5rem;transition:all .3s ease-in-out;overflow:hidden}.content-block .blog-image:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.content-block .blog-image img{transition:transform .3s ease-in-out}.content-block .blog-image:hover img{transform:scale(1.05)}.document{max-width:none;font-size:.875rem}.document h3{margin-bottom:1rem;font-size:1rem;line-height:1.5}.document pre{font-size:1rem}.document a{color:#3b82f6;font-weight:600}.document a:hover{color:#0284c7}[data-theme=dark] .content-block,.dark .content-block{color:#f9fafb}[data-theme=dark] .feed-dot,.dark .feed-dot{background-color:#7dd3fc;border-color:#1f2937}[data-theme=dark] .content-date,.dark .content-date{color:#9ca3af}.blog-sidebar{scrollbar-width:thin;scrollbar-color:#9ca3af transparent;max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow-y:auto}.blog-sidebar::-webkit-scrollbar{width:6px}.blog-sidebar::-webkit-scrollbar-track{background:0 0}.blog-sidebar::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:3px}.blog-toc{scrollbar-width:thin;scrollbar-color:#9ca3af transparent;max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow-y:auto}.blog-toc::-webkit-scrollbar{width:6px}.blog-toc::-webkit-scrollbar-track{background:0 0}.blog-toc::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:3px}html{scroll-behavior:smooth}.toc-link.active{color:#0284c7;background-color:#7dd3fc1a;border-left:2px solid #7dd3fc;padding-left:14px;font-weight:500}@media (max-width:1024px){.blog-sidebar{display:none}}.mobile-toc-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7dd3fc1a;border:1px solid #7dd3fc4d}.mobile-toc-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0000001a}[data-theme=dark] .mobile-toc-content,.dark .mobile-toc-content{background:#1f2937;border-color:#374151}.blog-post-image{transform-origin:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-post-image:hover{transform:scale(1.02);box-shadow:0 25px 50px -12px #00000040}[data-theme=dark] .blog-post-image,.dark .blog-post-image{border-color:#374151}[data-theme=dark] .blog-post-image:hover,.dark .blog-post-image:hover{box-shadow:0 25px 50px -12px #0006}.content-block img{border-radius:.5rem;max-width:100%;height:auto}@media (max-width:640px){.content-block .blog-image{border-radius:0;margin-left:-1.75rem;margin-right:-1rem}}@media (min-width:768px){.content-block .blog-image{border-radius:.5rem;margin-left:0;margin-right:0}}