@media (max-width:1024px){.post-layout{grid-template-columns:1fr;gap:0;padding:var(--space-lg) var(--space-md) var(--space-md)}.post-toc{order:-1;margin-bottom:var(--space-xl);padding-left:0;border-left:none;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-lg)}.toc-sticky{position:static;max-height:none;overflow-y:visible;padding-left:0;border-left:none}.toc-title{margin-left:0;padding-left:0}.toc-list li a{margin-left:0;padding-left:var(--space-md)}.toc-list li a.active{border-left-width:2px}.toc-list li a.toc-h3{padding-left:var(--space-xl)}.toc-list li a.toc-h4{padding-left:var(--space-2xl)}.post-full-title{font-size:2.2em}.post-full-content h1{font-size:1.9em}.post-full-content h2{font-size:1.6em}.post-full-content h3{font-size:1.35em}}@media (max-width:900px){.container{padding:0 var(--space-md)}.nav{height:70px}.nav-links{display:none}.mobile-menu-toggle{display:block;position:relative;width:24px;height:24px}.mobile-menu-toggle svg{display:none!important}.mobile-menu-toggle .hamburger-middle,.mobile-menu-toggle::after,.mobile-menu-toggle::before{content:'';position:absolute;left:50%;width:20px;height:2.5px;background-color:var(--text-secondary);transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);transform-origin:center;border-radius:2px}.mobile-menu-toggle::before{top:calc(50% - 7px);transform:translateX(-50%)}.mobile-menu-toggle .hamburger-middle{top:50%;transform:translateX(-50%) translateY(-50%)}.mobile-menu-toggle::after{top:calc(50% + 5px);transform:translateX(-50%)}.mobile-menu-toggle:hover .hamburger-middle,.mobile-menu-toggle:hover::after,.mobile-menu-toggle:hover::before{background-color:var(--text-primary);transform:translateX(-50%) scale(1.1)}.mobile-menu-toggle:hover .hamburger-middle{transform:translateX(-50%) translateY(-50%) scale(1.1)}.mobile-menu-toggle.open::before{top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(.9);background-color:var(--accent-red)}.mobile-menu-toggle.open .hamburger-middle{opacity:0;transform:translateX(-50%) translateY(-50%) scale(0) rotate(180deg)}.mobile-menu-toggle.open::after{top:50%;transform:translateX(-50%) translateY(-50%) rotate(-45deg) scale(.9);background-color:var(--accent-red)}.mobile-menu-toggle.open:hover::after,.mobile-menu-toggle.open:hover::before{transform:translateX(-50%) translateY(-50%) rotate(45deg) scale(1.05);background-color:var(--accent-red)}.mobile-menu-toggle.open:hover::after{transform:translateX(-50%) translateY(-50%) rotate(-45deg) scale(1.05)}.theme-toggle{display:none}.hero{padding:var(--space-lg) 0 var(--space-xl)}.avatar{width:120px;height:120px}.avatar-home-large{width:130px;height:130px}.hero-content h1{font-size:38px}.hero-content p{font-size:18px}.hero-home-title{font-size:1.5rem}.hero-home-subtitle{font-size:.95rem}.hero-home-social-links .social-link{font-size:1.2rem;gap:var(--space-md)}.hero-divider{margin-top:var(--space-lg)}.recent h2{font-size:32px}.post-card{flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-md)!important}.post-icon{width:60px;height:60px}.post-icon .emoji,.post-icon-fallback .emoji,.post-icon-fallback i,.post-icon>i{font-size:30px}.post-content h3{font-size:20px}.blog-post-item{flex-direction:column;gap:var(--space-md);padding:var(--space-lg) var(--space-md)}.blog-post-emoji,.blog-post-icon,.blog-post-image{width:80px;height:80px;align-self:flex-start}.blog-post-emoji{font-size:36px}.blog-post-icon i{font-size:32px}.blog-post-content h3{font-size:20px}.blog-post-excerpt{font-size:14px}.author-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.author-avatar{width:50px;height:50px;margin-right:0}.author-name{font-size:1.15em}.author-bio{font-size:.9em}.author-social-links{justify-content:flex-start}.share-section{align-items:center}.share-buttons{justify-content:center}.blog-hero h1{font-size:32px}.tag-cloud-grid{gap:var(--space-lg) var(--space-xl);padding:var(--space-lg) 0}.tag-cloud-card .tag-name{font-size:20px}.tag-count{font-size:14px}.tag-content-grid{grid-template-columns:1fr;gap:var(--space-lg)}.tag-content-card{flex-direction:column}.tag-content-icon{align-self:center}.tag-section-title{font-size:24px}.blog-content::before,.projects-listing::before{margin-left:var(--space-md);margin-right:var(--space-md);width:auto}}.mobile-sidebar-header{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:var(--space-sm);min-height:40px}.mobile-sidebar-close{background:0 0;border:none;color:#fff;font-size:20px;cursor:pointer;padding:var(--space-sm);border-radius:50%;transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);position:absolute;top:calc((70px - (20px + 2 * var(--space-sm)))/ 2);right:var(--space-md);z-index:1;width:calc(20px + 2 * var(--space-sm));height:calc(20px + 2 * var(--space-sm));display:flex;align-items:center;justify-content:center}.mobile-sidebar-close:hover{color:var(--accent-red);background:rgba(255,255,255,.08);transform:scale(1.1) rotate(90deg)}.mobile-sidebar-close i{transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);display:inline-block;font-size:18px}.mobile-sidebar-close.spin i{transform:rotate(180deg) scale(1.1)}@media (max-width:480px){.container{padding:0 var(--space-sm)}.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.post-content h3{font-size:18px}.blog-post-content h3{font-size:18px}.blog-post-excerpt,.post-excerpt{font-size:13px}.recent h2{font-size:28px}.posts-year-title{font-size:20px}.blog-hero h1{font-size:28px}.post-icon{width:50px;height:50px}.post-icon .emoji,.post-icon-fallback .emoji,.post-icon-fallback i,.post-icon>i{font-size:24px}.blog-post-emoji,.blog-post-icon,.blog-post-image{width:70px;height:70px}.blog-post-emoji{font-size:30px}.blog-post-icon i{font-size:28px}.author-avatar{width:40px;height:40px}.author-name{font-size:1.1em}.share-button{width:36px;height:36px;font-size:1em}.tag-cloud-grid{gap:var(--space-md) var(--space-lg)}.tag-cloud-card .tag-name{font-size:18px;margin-right:.3ch}.tag-cloud-dot{margin-right:.3ch}.tag-content-card{padding:var(--space-md)}.tag-section-title{font-size:22px}.tag-content-excerpt{font-size:13px}.scroll-to-top{bottom:var(--space-md);right:var(--space-md);width:45px;height:45px;font-size:16px}.intro-content{font-size:1.8rem;padding:0 var(--space-md)}.intro-content::before{width:150%;height:150%}}@media (max-width:900px){.scroll-to-top{bottom:var(--space-lg);right:var(--space-lg);width:50px;height:50px;font-size:18px}.intro-content{font-size:2.2rem}.post-header-top{flex-direction:column;align-items:flex-start;gap:var(--space-md);position:relative}.mode-toggle{width:46px;height:46px;top:8px;right:8px;padding:6px;box-sizing:content-box}.mode-icon{max-width:80%;max-height:80%;width:auto;height:auto}.post-toc-desktop{display:none!important}.post-toc-mobile-wrapper{display:block!important;margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.post-toc-mobile-wrapper .post-toc{margin:0;padding:0;border:none}.post-toc-mobile-wrapper .toc-sticky{position:static;max-height:none;overflow:visible;padding-left:0;border-left:none;background:0 0}}@media (max-width:1024px){.post-toc-desktop{display:none!important}.post-toc-mobile-wrapper{display:block!important}}@media (min-width:1025px){.post-toc-mobile-wrapper{display:none!important}.post-toc-desktop{display:block!important}}@media (max-width:480px){.avatar-home-large{width:90px;height:90px}.blog-hero h1,.hero-content h1{font-size:32px}.mode-toggle{width:40px;height:40px;top:6px;right:6px;padding:6px;box-sizing:content-box}}