.blog-detail-container{background:var(--background);min-height:100vh;position:relative}.blog-nav-item.disabled{opacity:.5;pointer-events:none}.blog-nav-title.disabled{color:var(--foreground-muted);cursor:not-allowed}.blog-detail-hero{border-bottom:1px solid var(--border);height:60vh;min-height:400px;position:relative;overflow:hidden}.blog-detail-hero-image{object-fit:cover;filter:brightness(.4);width:100%;height:100%;position:absolute;top:0;left:0}.blog-detail-hero-gradient{background:linear-gradient(rgba(10,10,10,.3) 0%,rgba(10,10,10,.7) 70%,rgba(10,10,10,.9) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blog-detail-hero-content{z-index:10;padding:2rem 0 3rem;position:absolute;bottom:0;left:0;right:0}.blog-detail-breadcrumb{color:var(--foreground-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.blog-detail-breadcrumb a{color:var(--primary);text-decoration:none;transition:color .3s}.blog-detail-breadcrumb a:hover{color:var(--primary-light)}.blog-detail-meta{color:var(--foreground-muted);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.blog-detail-category{background:var(--primary);color:var(--background);text-transform:uppercase;letter-spacing:.05em;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.blog-detail-title{font-family:var(--font-elegant);color:var(--foreground);text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:1rem;font-size:3rem;font-weight:300;line-height:1.2}.blog-detail-excerpt{color:var(--foreground-secondary);max-width:42rem;font-size:1.125rem;line-height:1.6}.blog-detail-content{z-index:2;padding:3rem 0;position:relative}.blog-detail-article{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:1rem;margin-bottom:3rem;padding:3rem}.blog-detail-content-text{color:var(--foreground);font-size:1.125rem;line-height:1.8;font-family:var(--font-serif)}.blog-detail-content-text h1,.blog-detail-content-text h2,.blog-detail-content-text h3,.blog-detail-content-text h4{font-family:var(--font-elegant);color:var(--primary);margin:2rem 0 1rem;font-weight:400}.blog-detail-content-text h2{font-size:2rem}.blog-detail-content-text h3{font-size:1.5rem}.blog-detail-content-text p{margin-bottom:1.5rem}.blog-detail-content-text ul,.blog-detail-content-text ol{margin:1.5rem 0;padding-left:2rem}.blog-detail-content-text li{margin-bottom:.5rem}.blog-detail-content-text blockquote{border-left:4px solid var(--primary);background:var(--glass-strong);color:var(--foreground-secondary);border-radius:.5rem;margin:2rem 0;padding:1rem 2rem;font-style:italic}.blog-detail-content-text code{background:var(--background-secondary);font-family:var(--font-mono);color:var(--primary);border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.blog-detail-content-text pre{background:var(--background-secondary);border-radius:.5rem;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.blog-detail-content-text img{border-radius:.5rem;width:100%;height:auto;margin:2rem 0}.blog-detail-tags{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.blog-detail-tags-title{font-family:var(--font-elegant);color:var(--foreground);margin-bottom:1rem;font-size:1.25rem}.blog-detail-tags-list{flex-wrap:wrap;gap:.75rem;display:flex}.blog-detail-tag{background:var(--glass);border:1px solid var(--border);color:var(--primary);border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .3s}.blog-detail-tag:hover{background:var(--glass-strong);transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,203,162,.2)}.blog-navigation{background:var(--glass-strong);border:1px solid var(--border);border-radius:1rem;justify-content:space-between;align-items:center;margin:3rem 0;padding:2rem;display:flex}.blog-nav-item{flex:1;max-width:45%}.blog-nav-item.next{text-align:right}.blog-nav-label{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem}.blog-nav-title{font-family:var(--font-elegant);color:var(--foreground);font-size:1.125rem;text-decoration:none;transition:color .3s}.blog-nav-title:hover{color:var(--primary)}.back-to-blog{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;text-decoration:none;transition:all .3s;display:inline-flex}.back-to-blog:hover{transform:translate(-4px)}@media (max-width:768px){.blog-detail-hero{height:40vh;min-height:300px}.blog-detail-title{font-size:2rem}.blog-detail-article{padding:2rem 1.5rem}.blog-detail-content-text{font-size:1rem}.blog-navigation{text-align:center;flex-direction:column;gap:2rem}.blog-nav-item{max-width:100%}.blog-nav-item.next{text-align:center}}
.mobile-hero{background:var(--background);padding-top:0}.mobile-hero-background{align-items:flex-end;width:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.mobile-hero-bg-image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-hero-bg-placeholder{background:var(--mystical-gradient);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-hero-bg-placeholder:before{content:"✨";opacity:.3;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-hero-bg-overlay{z-index:2;background:linear-gradient(135deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.75) 30%,rgba(0,0,0,.85) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.mobile-hero-content{z-index:3;color:#fff;width:100%;padding-top:80px;padding-bottom:40px;position:relative}.mobile-breadcrumb-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:12px;overflow-x:auto;overflow-y:hidden}.mobile-breadcrumb-container::-webkit-scrollbar{display:none}.mobile-breadcrumb{opacity:.9;white-space:nowrap;align-items:center;gap:6px;min-width:max-content;padding-bottom:2px;font-size:14px;display:flex}.mobile-breadcrumb-link{color:rgba(255,255,255,.8);white-space:nowrap;align-items:center;gap:3px;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.mobile-breadcrumb-link:hover{color:var(--primary-light)}.mobile-breadcrumb-separator{color:rgba(255,255,255,.6);margin:0 2px;font-size:12px}.mobile-breadcrumb-current{color:rgba(255,255,255,.6);white-space:nowrap;font-size:15px;font-weight:400}.mobile-category-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;margin-bottom:16px;padding:6px 16px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px rgba(139,92,246,.3)}.mobile-category-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.4)}.mobile-hero-meta{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;display:flex}.mobile-meta-item{color:rgba(255,255,255,.8);align-items:center;gap:4px;font-size:11px;font-weight:400;display:flex}.mobile-meta-item:not(:last-child):after{content:"•";color:rgba(255,255,255,.5)}.mobile-meta-item svg{color:rgba(255,255,255,.9);flex-shrink:0;width:14px;height:14px}.mobile-hero-title{color:#fff;font-size:20px;font-weight:700;line-height:1.2;font-family:var(--font-elegant);text-shadow:0 2px 4px rgba(0,0,0,.7);margin-bottom:20px}.mobile-hero-excerpt{color:rgba(255,255,255,.85);text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:90%;font-size:14px;line-height:1.5}.mobile-hero-excerpt p{color:rgba(255,255,255,.85);margin:0}@media (max-width:480px){.mobile-hero-background{min-height:350px}.mobile-hero-title{font-size:18px}.mobile-breadcrumb{font-size:10px}.mobile-breadcrumb-separator{font-size:8px}.mobile-breadcrumb-current{font-size:9px}.mobile-category-badge{padding:5px 12px;font-size:10px}.mobile-meta-item{font-size:11px}.mobile-hero-excerpt{font-size:13px}}@media (max-width:1023px){.mobile-hero{margin-top:0;position:relative}@media (max-width:768px){.mobile-hero-content{padding-top:70px}}}.mobile-hero-background:before{content:"";z-index:2;background:radial-gradient(circle,rgba(0,0,0,.3) 0%,rgba(0,0,0,.8) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.mobile-hero-bg-overlay{z-index:3;background:linear-gradient(rgba(0,0,0,.4) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.9) 100%)}
.blog-detail-container{background:var(--background);min-height:100vh;position:relative}.blog-detail-hero{border-bottom:1px solid var(--border);height:60vh;min-height:400px;position:relative;overflow:hidden}.blog-detail-hero-image{object-fit:cover;filter:brightness(.4);width:100%;height:100%;position:absolute;top:0;left:0}.blog-detail-hero-gradient{background:linear-gradient(rgba(10,10,10,.3) 0%,rgba(10,10,10,.7) 70%,rgba(10,10,10,.9) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blog-detail-hero-content{z-index:10;padding:2rem 0 3rem;position:absolute;bottom:0;left:0;right:0}.blog-detail-breadcrumb{color:var(--foreground-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.blog-detail-breadcrumb a{color:var(--primary);text-decoration:none;transition:color .3s}.blog-detail-breadcrumb a:hover{color:var(--primary-light)}.blog-detail-meta{color:var(--foreground-muted);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.blog-detail-category{background:var(--primary);color:var(--background);text-transform:uppercase;letter-spacing:.05em;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.blog-detail-title{font-family:var(--font-elegant);color:var(--foreground);text-shadow:0 2px 4px rgba(0,0,0,.5);margin-bottom:1rem;font-size:3rem;font-weight:300;line-height:1.2}.blog-detail-excerpt{color:var(--foreground-secondary);max-width:42rem;font-size:1.125rem;line-height:1.6}.blog-detail-content{z-index:2;padding:3rem 0;position:relative}.blog-detail-article{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:1rem;margin-bottom:3rem;padding:3rem}.blog-detail-content-text{color:var(--foreground);font-size:1.125rem;line-height:1.8;font-family:var(--font-serif)}.blog-detail-content-text h1,.blog-detail-content-text h2,.blog-detail-content-text h3,.blog-detail-content-text h4{font-family:var(--font-elegant);color:var(--primary);margin:2rem 0 1rem;font-weight:400}.blog-detail-content-text h1{font-size:2.5rem;line-height:1.2}.blog-detail-content-text h2{font-size:2rem;line-height:1.3}.blog-detail-content-text h3{font-size:1.5rem;line-height:1.4}.blog-detail-content-text h4{font-size:1.25rem;line-height:1.4}.blog-detail-content-text p{margin-bottom:1.5rem}.blog-detail-content-text ul,.blog-detail-content-text ol{margin:1.5rem 0;padding-left:2rem}.blog-detail-content-text li{margin-bottom:.5rem}.blog-detail-content-text blockquote{border-left:4px solid var(--primary);background:var(--glass-strong);color:var(--foreground-secondary);border-radius:.5rem;margin:2rem 0;padding:1rem 2rem;font-style:italic}.blog-detail-content-text code{background:var(--background-secondary);font-family:var(--font-mono);color:var(--primary);border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.blog-detail-content-text pre{background:var(--background-secondary);border-radius:.5rem;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.blog-detail-content-text img{border-radius:.5rem;width:100%;height:auto;margin:2rem 0}.blog-detail-tags{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.blog-detail-tags-title{font-family:var(--font-elegant);color:var(--foreground);margin-bottom:1rem;font-size:1.25rem}.blog-detail-tags-list{flex-wrap:wrap;gap:.75rem;display:flex}.blog-detail-tag{background:var(--glass);border:1px solid var(--border);color:var(--primary);border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .3s}.blog-detail-tag:hover{background:var(--glass-strong);transform:translateY(-1px);box-shadow:0 4px 12px rgba(247,203,162,.2)}.blog-navigation{background:var(--glass-strong);border:1px solid var(--border);border-radius:1rem;justify-content:space-between;align-items:center;margin:3rem 0;padding:2rem;display:flex}.blog-nav-item{flex:1;max-width:45%}.blog-nav-item.next{text-align:right}.blog-nav-label{color:var(--foreground-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem}.blog-nav-title{font-family:var(--font-elegant);color:var(--foreground);font-size:1.125rem;text-decoration:none;transition:color .3s}.blog-nav-title:hover{color:var(--primary)}.back-to-blog{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;text-decoration:none;transition:all .3s;display:inline-flex}.back-to-blog:hover{transform:translate(-4px)}@media (max-width:1023px) and (min-width:769px){.blog-detail-hero{height:50vh;min-height:350px}.blog-detail-title{font-size:2.5rem}.blog-detail-article{padding:2.5rem 2rem}.blog-detail-content-text{font-size:1.0625rem}.blog-detail-content-text h1{font-size:2.25rem}.blog-detail-content-text h2{font-size:1.75rem}.blog-detail-content-text h3{font-size:1.375rem}.blog-navigation{text-align:center;flex-direction:column;gap:1.5rem}.blog-nav-item{max-width:100%}.blog-nav-item.next{text-align:center}}@media (max-width:768px){.blog-detail-hero{height:40vh;min-height:300px}.blog-detail-title{font-size:2rem}.blog-detail-article{padding:2rem 1.5rem}.blog-detail-content-text{font-size:1rem}.blog-navigation{text-align:center;flex-direction:column;gap:2rem}.blog-nav-item{max-width:100%}.blog-nav-item.next{text-align:center}}@media (max-width:1023px){.blog-detail-hero{display:none!important}.blog-detail-container{margin-top:0!important;padding-top:0!important}.blog-detail-content{margin-top:0!important;padding:1rem 0!important}.container{padding-left:12px!important;padding-right:12px!important}.blog-detail-article{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:1.5rem 0!important}.blog-detail-content-text{font-size:16px!important;line-height:1.6!important}.blog-detail-content-text h1,.blog-detail-content-text h2,.blog-detail-content-text h3,.blog-detail-content-text h4{margin-top:1.5rem!important;margin-bottom:.75rem!important}.blog-detail-content-text h1{font-size:24px!important;font-weight:400!important;line-height:1.25!important}.blog-detail-content-text h2{font-size:20px!important;line-height:1.3!important}.blog-detail-content-text h3{font-size:18px!important;line-height:1.35!important}.blog-detail-content-text h4{font-size:16px!important;line-height:1.4!important}.blog-detail-content-text p{margin-bottom:1rem!important}.blog-detail-content-text ul,.blog-detail-content-text ol{margin:1rem 0!important;padding-left:1.5rem!important}.blog-detail-content-text li{margin-bottom:.25rem!important}.blog-detail-content-text blockquote{border-left-width:3px!important;border-radius:.375rem!important;margin:1.5rem 0!important;padding:.75rem 1.5rem!important}.blog-detail-content-text code{padding:.125rem .375rem!important;font-size:.8125rem!important}.blog-detail-content-text pre{border-radius:.375rem!important;margin:1rem 0!important;padding:1rem!important}.blog-detail-content-text img{border-radius:.5rem!important;width:100%!important;height:auto!important;margin:1rem 0!important}.blog-detail-tags{background:var(--background-secondary)!important;border:1px solid var(--border-color)!important;border-radius:.75rem!important;margin-top:2rem!important;padding:1rem!important}.blog-detail-tags-title{margin-bottom:.75rem!important;font-size:16px!important}.blog-detail-tags-list{flex-wrap:wrap!important;gap:.5rem!important;display:flex!important}.blog-detail-tag{background:var(--background)!important;border:1px solid var(--border-color)!important;color:var(--primary)!important;border-radius:.375rem!important;align-items:center!important;min-height:32px!important;padding:.25rem .5rem!important;font-size:12px!important;text-decoration:none!important;transition:all .2s!important;display:inline-flex!important}.blog-detail-tag:hover{background:var(--primary)!important;color:#fff!important;transform:none!important}.blog-navigation{background:var(--background-secondary)!important;border:1px solid var(--border-color)!important;border-radius:.75rem!important;grid-template-columns:1fr!important;gap:.75rem!important;margin:2rem 0!important;padding:1rem!important;display:grid!important}.blog-nav-item{text-align:center!important;background:0 0!important;border:none!important;border-radius:.5rem!important;max-width:100%!important;padding:.75rem!important}.blog-nav-item.next{text-align:center!important}.blog-nav-label{text-transform:uppercase!important;color:var(--foreground-muted)!important;letter-spacing:.05em!important;margin-bottom:.25rem!important;font-size:11px!important}.blog-nav-title{color:var(--foreground)!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;text-decoration:none!important;display:block!important}.blog-nav-title:hover{color:var(--primary)!important}.back-to-blog{margin-bottom:1rem!important;padding:.5rem!important;font-size:14px!important}.back-to-blog:hover{transform:translate(-2px)!important}}@media (max-width:480px){.container{padding-left:8px!important;padding-right:8px!important}.blog-detail-content{padding:.5rem 0!important}.blog-detail-content-text{font-size:15px!important}.blog-detail-content-text h1{font-size:22px!important}.blog-detail-content-text h2{font-size:18px!important}.blog-detail-content-text h3{font-size:16px!important}.blog-detail-content-text h4{font-size:15px!important}.blog-detail-content-text p{margin-bottom:.875rem!important}.blog-detail-tags{margin-top:1.5rem!important;padding:.75rem!important}.blog-detail-tags-title{font-size:14px!important}.blog-detail-tag{padding:.1875rem .375rem!important;font-size:11px!important}.blog-navigation{margin:1.5rem 0!important;padding:.75rem!important}.blog-nav-label{font-size:10px!important}.blog-nav-title{font-size:13px!important}}@media (max-width:1023px){.mobile-toc-button{z-index:1000;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px rgba(139,92,246,.3)}.mobile-toc-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(139,92,246,.4)}.mobile-toc-button svg{width:24px;height:24px}.mobile-toc-overlay{z-index:1001;opacity:0;visibility:hidden;background:rgba(0,0,0,.5);transition:all .3s;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-toc-overlay.active{opacity:1;visibility:visible}.mobile-toc-content{background:var(--background);z-index:1002;border-radius:20px 20px 0 0;max-height:70vh;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -4px 20px rgba(0,0,0,.2)}.mobile-toc-content.active{transform:translateY(0)}.mobile-toc-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-toc-title{color:var(--foreground);font-size:16px;font-weight:600}.mobile-toc-close{background:var(--background-secondary);width:32px;height:32px;color:var(--foreground);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-toc-close:hover{background:var(--background-tertiary)}.mobile-toc-close svg{width:16px;height:16px}.mobile-toc-list{padding:16px 20px}.mobile-toc-list a{color:var(--foreground);border-bottom:1px solid var(--border-color);padding:8px 0;font-size:14px;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.mobile-toc-list a:hover,.mobile-toc-list a.active{color:var(--primary);padding-left:8px}.mobile-toc-list a:last-child{border-bottom:none}.mobile-breadcrumb{color:var(--foreground-muted);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:13px;display:flex}.mobile-breadcrumb a{color:var(--primary);text-decoration:none;transition:color .2s}.mobile-breadcrumb a:hover{color:var(--primary-light)}.mobile-breadcrumb-separator{color:var(--foreground-muted);font-size:13px}.mobile-breadcrumb-current{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:13px;overflow:hidden}.mobile-category-badge{background:var(--primary);color:var(--background);text-transform:uppercase;letter-spacing:.05em;border-radius:.5rem;align-items:center;min-height:28px;padding:.25rem .5rem;font-size:11px;font-weight:600;display:inline-flex}.mobile-meta-item{color:var(--foreground-muted);align-items:center;gap:.25rem;font-size:12px;display:flex}.mobile-hero{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.mobile-hero-title{font-family:var(--font-elegant);color:var(--foreground);margin-bottom:.5rem;font-size:20px;font-weight:400;line-height:1.3}.mobile-hero-excerpt{color:var(--foreground-secondary);background:var(--glass);border:1px solid var(--glass-border);border-radius:.5rem;padding:12px;font-size:14px;line-height:1.5}.mobile-hero-image-container{background:var(--background-tertiary);border-radius:.75rem;height:160px;margin:1rem 0;overflow:hidden}.mobile-hero-image{object-fit:cover;filter:brightness(.6);width:100%;height:100%}.mobile-breadcrumb a:focus,.mobile-category-badge:focus,.blog-detail-tag:focus,.blog-nav-title:focus,.back-to-blog:focus,.mobile-toc-button:focus,.mobile-toc-close:focus{outline:2px solid var(--primary);outline-offset:2px}.mobile-breadcrumb a,.mobile-category-badge,.blog-detail-tag,.back-to-blog{align-items:center;min-height:44px;display:inline-flex}@media (prefers-reduced-motion:reduce){.mobile-hero-image,.mobile-toc-button,.mobile-toc-overlay,.mobile-toc-content,.mobile-category-badge,.blog-detail-tag,.back-to-blog,.blog-nav-title{transition:none!important}.mobile-toc-button:hover,.blog-detail-tag:hover,.back-to-blog:hover{transform:none!important}}@media (prefers-contrast:high){.blog-detail-content-text{border-bottom:1px solid var(--border);padding-bottom:.5rem}.blog-detail-tag{border-width:2px!important}}.mobile-related-posts{background:var(--glass-strong);border:1px solid var(--border-color);border-radius:1rem;margin-top:2rem;padding:1.5rem}.mobile-related-posts h3{font-family:var(--font-elegant);color:var(--foreground);margin-bottom:1rem;font-size:16px;font-weight:400}.mobile-related-posts .grid{grid-template-columns:1fr;gap:1rem;display:grid}.mobile-related-posts .mystical-card{background:var(--background);border:1px solid var(--border-color);border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.mobile-related-posts .mystical-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.mobile-related-posts .w-12{border-radius:.5rem;flex-shrink:0;width:48px;height:48px;overflow:hidden}.mobile-related-posts .w-12 img{object-fit:cover;width:100%;height:100%}.mobile-related-posts h4{color:var(--foreground);margin:0 0 .25rem;font-size:14px;font-weight:600;line-height:1.3}.mobile-related-posts .text-xs{color:var(--foreground-muted);font-size:11px}.mobile-hero-image,.blog-detail-content-text img{image-rendering:-webkit-optimize-contrast;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.mobile-hero,.mobile-hero *{will-change:auto}.mobile-hero-content,.mobile-hero-image-container{contain:layout style paint}.blog-detail-content-text img{loading:lazy}@media (prefers-color-scheme:dark){.blog-detail-article{background:rgba(20,20,25,.8)!important}.blog-detail-tags,.blog-navigation{background:rgba(20,20,25,.6)!important}.mobile-toc-content{--border-color:rgba(255,255,255,.1);background:var(--background)!important}}}@media print{.blog-detail-hero,.blog-navigation,.blog-detail-tags,.mobile-toc-button,.mobile-toc-overlay,.mobile-toc-content,.back-to-blog{display:none!important}.blog-detail-container{color:#000!important;background:#fff!important}.blog-detail-article{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.blog-detail-content-text{font-size:12pt!important;line-height:1.6!important}.blog-detail-content-text h1{font-size:24pt!important}.blog-detail-content-text h2{font-size:18pt!important}.blog-detail-content-text h3{font-size:14pt!important}}@keyframes mobileFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.blog-detail-content-text p,.blog-detail-content-text h1,.blog-detail-content-text h2,.blog-detail-content-text h3{animation:.3s forwards mobileFadeIn}.blog-detail-tags{animation:.4s .1s both mobileFadeIn}.blog-navigation{animation:.4s .2s both mobileFadeIn}}