.blog-article-section{background-color:#fff}.blog-article-wrapper{display:flex;flex-direction:column}.blog-article-wrapper hr{width:100%;height:2px;background-color:#dadada;margin:var(--card-padding)0}hr.container{padding:0}.blog-card-read-more{color:var(--black-sub-text);font-size:var(--p4-font-size);font-weight:400;text-decoration:none;white-space:nowrap}.blog-card-read-more:hover{color:#ff6800;text-decoration:underline}.back-button{display:inline-flex;align-items:center;gap:8px;color:var(--black-heading);text-decoration:none;font-size:var(--p3-font-size);font-weight:var(--p3-font-weight);line-height:var(--p3-line-height);margin-bottom:20px;transition:color .3s;margin-bottom:var(--card-padding)}.back-button:hover{color:#ff6800}.back-button i{font-size:14px}.article-header{display:flex;flex-direction:column;align-items:center}.article-category{display:inline-block;padding:6px 16px;background-color:#ff6800;color:#fff;border-radius:20px;font-size:var(--p4-font-size);font-weight:500;width:fit-content;margin-bottom:var(--card-gap)}.article-header h1{color:var(--black-heading);width:100%;text-align:center}.article-header .para2{color:var(--black-sub-text);width:75%;text-align:center;margin-bottom:var(--card-padding)}.article-meta{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.meta-item{display:flex;align-items:center;gap:8px;color:var(--black-sub-text);font-size:var(--p3-font-size)}.meta-item i{color:#999;font-size:16px}.article-hero-image{width:100%;background:linear-gradient(135deg,#d9d9d9,#c4c4c4);border-radius:8px;margin-bottom:calc(var(--card-padding) + 30px)}.article-content-wrapper{display:flex;flex-direction:column;gap:calc(var(--card-gap)*2)}.table-of-contents{background-color:#fff;border-radius:8px;padding:var(--card-padding);position:sticky;top:100px;align-self:flex-start;display:none;box-shadow:0 4px 20px #0000000d;border:1px solid #eee}.table-of-contents h5{color:var(--black-heading)}.table-of-contents nav{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 250px);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding-right:8px}.table-of-contents nav::-webkit-scrollbar{width:4px}.table-of-contents nav::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-of-contents nav::-webkit-scrollbar-thumb{background:#e66b19;border-radius:4px}.table-of-contents nav::-webkit-scrollbar-thumb:hover{background:#e66b19}.toc-link{color:var(--black-sub-text);text-decoration:none;font-size:var(--p3-font-size);font-weight:var(--p3-font-weight);line-height:var(--p3-line-height);padding:8px 12px 8px var(--card-gap);border-radius:0 4px 4px 0;transition:all .3s;border-left:4px solid transparent}.toc-link:hover{color:#e66b19}.toc-link.active{color:#e66b19;border-left-color:#e66b19}.toc-sub-link{color:var(--black-sub-text);text-decoration:none;font-size:var(--p3-font-size);font-weight:var(--p3-font-weight);line-height:var(--p3-line-height);padding:8px 12px 8px var(--card-gap);border-radius:0 4px 4px 0;transition:all .3s;border-left:4px solid transparent}.article-content{flex:1}.article-content section{margin-bottom:calc(var(--card-gap)*2);scroll-margin-top:120px}.article-content h2{color:var(--black-heading);margin-top:0}.article-content #section-2 h2{margin-top:calc(var(--card-gap)*2)!important}.article-content h3{color:var(--black-heading)}.article-content li,.article-content p{font-size:var(--p3-font-size)!important;font-weight:var(--p3-font-weight)!important;line-height:var(--p3-line-height)!important;color:var(--black-sub-text)!important}.article-content .para3{color:var(--black-sub-text);margin-bottom:15px}.article-content .para3:last-child{margin-bottom:0}.related-articles-section{background-color:#fff;border-top:1px solid #dadada;max-width:var(--max-width);margin:1rem auto}.related-articles-section h2{color:var(--black-heading)}.related-articles-grid{display:flex;flex-wrap:wrap;gap:var(--card-gap)}.related-articles-section .blog-card{border-radius:10px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;flex:0 0 100%;min-width:280px;cursor:pointer}.related-articles-section .blog-card:hover{box-shadow:0 4px 4px #3f3f3f40}.related-articles-section .blog-image-wrapper{overflow:hidden;height:200px;position:relative}.blog-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#d9d9d9,#c4c4c4);transition:transform .3s}.related-articles-section .blog-card:hover .blog-card-image-placeholder{transform:scale(1.05)}.related-articles-section .blog-card-content{padding:var(--card-gap);display:flex;flex-direction:column;gap:10px;flex:1}.related-articles-section .blog-card-header{display:flex;justify-content:start;align-items:center;margin-bottom:5px;gap:var(--card-gap)}.related-articles-section .blog-card-category{color:#ff6800;font-size:calc(var(--p4-font-size) - 2px);font-weight:500}.related-articles-section .blog-card-read-time{color:var(--white-sub-text);font-size:calc(var(--p4-font-size) - 2px);font-weight:500;display:flex;align-items:center;gap:5px}.related-articles-section .blog-card-read-time:before{content:"";width:14px;height:14px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999999"><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/><path d="M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>');background-size:contain;background-repeat:no-repeat}.related-articles-section .blog-card-title{color:var(--black-heading);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-articles-section .blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px}.related-articles-section .blog-card-meta{color:var(--black-sub-text);font-size:var(--p3-font-size);font-weight:var(--p3-font-weight)}.article-content section p{scroll-margin-top:120px}@media (min-width:768px){.article-header h1{width:80%}.related-articles-grid .blog-card{flex:0 0 calc((100% - var(--card-gap))/2)}.related-articles-section .blog-image-wrapper{height:180px}}@media (min-width:968px){.article-content-wrapper{flex-direction:row;gap:calc(var(--card-gap)*3)}.table-of-contents{display:flex;flex-direction:column;flex:0 0 25%;max-width:25%}.article-content{flex:1;max-width:calc(100% - 280px - calc(var(--card-gap)*3))}.related-articles-section .blog-image-wrapper{height:240px}}@media (min-width:1300px){.table-of-contents{flex:0 0 25%;max-width:25%}.article-content{max-width:calc(100% - 320px - calc(var(--card-gap)*3))}.related-articles-grid .blog-card{flex:0 0 calc((100% - (var(--card-gap)*2))/3)}.related-articles-section .blog-image-wrapper{height:270px}}@media (min-width:1800px){.article-meta{gap:30px}.meta-item i{font-size:18px}.article-content .para3{margin-bottom:20px}.related-articles-section .blog-image-wrapper{height:340px}}.skeleton-loader-container{display:flex;flex-direction:column;width:100%}.skeleton{background:#f0f0f0;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:4px;background-size:200% 100%;animation:2s shimmer linear infinite}@keyframes shimmer{to{background-position-x:-200%}}.skeleton-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--card-padding);width:100%}.skeleton-category{width:120px;height:30px;border-radius:20px;margin-bottom:var(--card-gap)}.skeleton-title{width:80%;height:40px;margin-bottom:15px}.skeleton-text{width:100%;height:16px;margin-bottom:10px}.skeleton-header .skeleton-text{width:60%;height:20px;margin-bottom:var(--card-padding)}.skeleton-meta-row{display:flex;gap:20px;justify-content:center;width:100%}.skeleton-meta{width:100px;height:16px}.skeleton-image{width:100%;height:250px;border-radius:8px;margin-bottom:calc(var(--card-padding) + 30px)}.skeleton-content-wrapper{display:flex;flex-direction:column;gap:calc(var(--card-gap)*2)}.skeleton-toc{display:none;background:#fff;padding:var(--card-padding);border-radius:8px;border:1px solid #eee}.skeleton-article{width:100%}@media (min-width:768px){.skeleton-image{height:350px}}@media (min-width:968px){.skeleton-image{height:400px}.skeleton-content-wrapper{flex-direction:row;gap:calc(var(--card-gap)*3)}.skeleton-toc{display:block;flex:0 0 280px;height:300px}.skeleton-article{flex:1}}@media (min-width:1300px){.skeleton-image{height:450px}.skeleton-toc{flex:0 0 320px}}@media (min-width:1800px){.skeleton-image{height:500px}}.back-button[data-astro-cid-27rm3il4] svg[data-astro-cid-27rm3il4]{transition:transform .3s ease}.back-button[data-astro-cid-27rm3il4]:hover svg[data-astro-cid-27rm3il4]{transform:translate(-4px)}