.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:var(--card-padding);transition:color .3s}.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%;height:auto;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}.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{padding-left:24px;font-size:var(--p4-font-size);font-weight:var(--p4-font-weight);line-height:var(--p4-line-height);margin:-5px 0}.article-content{flex:1}.article-content section{margin-bottom:calc(var(--card-gap)*2);scroll-margin-top:120px}.article-content h2,.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;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)}@media (min-width:768px){.article-header h1{width:80%}.related-articles-grid .blog-card{flex:0 0 calc((100% - var(--card-gap))/2)}}@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))}.article-content #section-2 h2{margin-top:calc(var(--card-gap)*2)!important}.article-content h3{color:var(--black-heading)}}@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)}}@media (min-width:1800px){.article-meta{gap:30px}.meta-item i{font-size:18px}.article-content section{margin-bottom:calc(var(--card-gap)*3)}.article-content .para3{margin-bottom:20px}}.back-button[data-astro-cid-x5oqvf3o] svg[data-astro-cid-x5oqvf3o]{transition:transform .3s ease}.back-button[data-astro-cid-x5oqvf3o]:hover svg[data-astro-cid-x5oqvf3o]{transform:translate(-4px)}