.blog-article-page{color:#1a1a1a;background-color:#fff;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:40px;min-height:100vh;padding:100px 50px 50px;display:flex}.blog-article-sidebar{flex-direction:column;gap:15px;width:25%;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow-y:auto}.blog-article-content-wrapper{flex-direction:column;gap:20px;width:75%;display:flex}.blog-article-main-title{color:#1a1a1a;margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}.blog-article-main-date{color:#666;margin-bottom:10px;font-size:.875rem;font-weight:600;display:block}.blog-article-back{color:#1a1a1a;cursor:pointer;background:0 0;border:none;flex-direction:row;align-items:center;gap:10px;padding:0;font-size:1rem;transition:opacity .2s;display:flex}.blog-article-back:hover{opacity:.6}.blog-article-sidebar-title{margin-top:10px;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-article-sidebar-date{color:#666;font-size:.875rem;font-weight:600;display:block}.blog-article-toc{flex-direction:column;gap:5px;margin-top:30px;display:flex}.blog-article-toc-title{letter-spacing:.05em;color:#666;margin-bottom:15px;font-size:.875rem;font-weight:700}.blog-article-toc-item{cursor:pointer;margin-bottom:5px;font-size:.9rem;font-weight:400;line-height:1.4;transition:opacity .2s,color .2s}.blog-article-toc-item:hover{opacity:.7}.blog-article-toc-item.active{color:#1a1a1a;font-weight:600}.blog-article-description{color:#666;margin-bottom:20px;font-size:1.25rem;font-style:italic;line-height:1.6}.blog-article-main-image-wrapper{border-radius:12px;width:100%;margin-bottom:30px;overflow:hidden}.blog-article-main-image{object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.blog-article-content{color:#333;flex-direction:column;gap:15px;width:100%;font-size:1.125rem;line-height:1.8;display:flex}.blog-article-content h1{color:#1a1a1a;margin:2rem 0 1rem;font-size:2rem;font-weight:700;line-height:1.3}.blog-article-content h2{color:#1a1a1a;margin:1.75rem 0 1rem;font-size:1.75rem;font-weight:600;line-height:1.3}.blog-article-content h3{color:#1a1a1a;margin:1.5rem 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.blog-article-content p{word-break:break-word;overflow-wrap:anywhere;line-height:1.8;margin:0!important}.blog-article-content img{object-fit:cover;border-radius:10px;width:100%;max-width:100%;height:auto;margin:1rem 0}.blog-article-content ul,.blog-article-content ol{color:#333;margin:1rem 0;padding-left:2rem}.blog-article-content li{margin:.5rem 0;line-height:1.6}.blog-article-content a{color:#06c;text-decoration:underline;transition:color .2s}.blog-article-content a:hover{color:#0052a3}.blog-article-content blockquote{color:#666;border-left:4px solid #ddd;margin:2rem 0;padding-left:1.5rem;font-style:italic}.blog-article-content code{color:#333;background:#f5f5f5;border-radius:.25rem;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.blog-article-content pre{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:.5rem;margin:1rem 0;padding:1rem;overflow-x:auto}.blog-article-content pre code{background:0 0;padding:0}.blog-article-content strong{color:#1a1a1a;font-weight:700}.blog-article-content em{font-style:italic}.blog-article-recommended{max-width:1200px;margin:0 auto;padding:0 50px 4rem}.blog-article-recommended-title{color:#1a1a1a;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media (max-width:1200px){.blog-article-page{padding:100px 25px 25px}.blog-article-recommended{padding:0 25px 3rem}}@media (max-width:900px){.blog-article-recommended-title{font-size:1.5rem}.blog-article-page{flex-direction:column}.blog-article-sidebar{width:100%;max-height:none;position:relative;top:0}.blog-article-content-wrapper{width:100%}.blog-article-toc{display:none}.blog-article-sidebar-title,.blog-article-main-title{font-size:1.75rem}}