header a:hover,.navbar a:hover,.navbar-nav .nav-link:hover,.nav-link:hover{text-decoration:none!important}.blog-article-section{background-color:#fff}.container{width:100%;margin-left:auto;margin-right:auto;max-width:var(--max-width)!important}.blog-article-wrapper{flex-direction:column;display:flex}.blog-article-wrapper hr{width:100%;height:2px;margin:var(--card-padding) 0px;background-color:#dadada}hr.container{padding:0}.blog-card-read-more{color:var(--black-sub-text);font-size:var(--p4-font-size);white-space:nowrap;font-weight:400;text-decoration:none}.blog-card-read-more:hover{color:#ff6800;text-decoration:underline}.back-button{color:var(--black-heading);font-size:var(--p3-font-size);font-weight:var(--p3-font-weight);line-height:var(--p3-line-height);margin-bottom:20px;margin-bottom:var(--card-padding);align-items:center;gap:8px;text-decoration:none;transition:color .3s;display:inline-flex}.back-button:hover{color:#ff6800}.back-button i{font-size:14px}.article-header{flex-direction:column;align-items:center;display:flex}.article-category{color:#fff;font-size:var(--p4-font-size);width:fit-content;margin-bottom:var(--card-gap);background-color:#ff6800;border-radius:20px;padding:6px 16px;font-weight:500;display:inline-block}.article-header h1{color:var(--black-heading);text-align:center;width:100%}.article-header .para2{color:var(--black-sub-text);text-align:center;width:75%;margin-bottom:var(--card-padding)}.article-meta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.meta-item{color:var(--black-sub-text);font-size:var(--p3-font-size);align-items:center;gap:8px;display:flex}.meta-item i{color:#999;font-size:16px}.article-hero-image{width:100%;margin-bottom:calc(var(--card-padding) + 30px);background:linear-gradient(135deg,#d9d9d9 0%,#c4c4c4 100%);border-radius:8px}.article-content-wrapper{gap:calc(var(--card-gap) * 2);flex-direction:column;display:flex}.table-of-contents{padding:var(--card-padding);background-color:#fff;border:1px solid #eee;border-radius:8px;align-self:flex-start;display:none;position:sticky;top:100px;box-shadow:0 4px 20px #0000000d}.table-of-contents h5{color:var(--black-heading)}.table-of-contents nav{scroll-behavior:smooth;flex-direction:column;gap:12px;max-height:calc(100vh - 250px);padding-right:8px;display:flex;overflow:hidden auto}.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);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-left:4px solid #0000;border-radius:0 4px 4px 0;text-decoration:none;transition:all .3s}.toc-link:hover{color:#e66b19}.toc-link.active{color:#e66b19;border-left-color:#e66b19}.toc-sub-link{color:var(--black-sub-text);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-left:4px solid #0000;border-radius:0 4px 4px 0;text-decoration:none;transition:all .3s}.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 h1,.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;margin:1rem auto}.related-articles-section h2{color:var(--black-heading)}.related-articles-grid{gap:var(--card-gap);flex-wrap:wrap;display:flex}.related-articles-section .blog-card{cursor:pointer;border-radius:10px;flex-direction:column;flex:0 0 100%;min-width:280px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.related-articles-section .blog-card:hover{box-shadow:0 4px 4px #3f3f3f40}.related-articles-section .blog-image-wrapper{height:200px;position:relative;overflow:hidden}.blog-card-image-placeholder{background:linear-gradient(135deg,#d9d9d9 0%,#c4c4c4 100%);width:100%;height:100%;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);flex-direction:column;flex:1;gap:10px;display:flex}.related-articles-section .blog-card-header{justify-content:start;align-items:center;gap:var(--card-gap);margin-bottom:5px;display:flex}.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);align-items:center;gap:5px;font-weight:500;display:flex}.related-articles-section .blog-card-read-time:before{content:"";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-repeat:no-repeat;background-size:contain;width:14px;height:14px}.related-articles-section .blog-card-title{color:var(--black-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;display:-webkit-box;overflow:hidden}.related-articles-section .blog-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.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}.blog-table-wrapper,.article-content table{width:100%;margin:24px 0;overflow-x:auto}.article-content table{min-width:400px;max-width:100%;font-size:var(--p3-font-size);line-height:var(--p3-line-height);background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;border-collapse:collapse!important;border:none!important;width:100%!important}.blog-content-table{border-collapse:collapse;width:100%;min-width:400px;font-size:var(--p3-font-size);line-height:var(--p3-line-height)}.blog-content-table thead,.article-content table thead{background-color:#1a1a2e}.blog-content-table thead th,.article-content table thead th,.article-content table tbody tr:first-child th,.article-content table tbody tr:first-child td{text-align:left;white-space:nowrap;padding:14px 18px;color:#fff!important;font-weight:600!important;font-size:var(--p3-font-size)!important;line-height:var(--p3-line-height)!important;background-color:#1a1a2e!important}.blog-content-table thead th p,.article-content table thead th p,.article-content table tbody tr:first-child td p{margin:0;color:#fff!important;font-weight:600!important}.blog-content-table tbody tr,.article-content table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.blog-content-table tbody tr:nth-child(2n),.article-content table tbody tr:nth-child(2n){background-color:#f9f9fb}.blog-content-table tbody tr:hover,.article-content table tbody tr:hover{background-color:#fff5ec}.blog-content-table tbody td,.article-content table tbody td,.article-content table th{color:var(--black-sub-text)!important;font-size:var(--p3-font-size)!important;line-height:var(--p3-line-height)!important;border:1px solid #e6e8f0!important;padding:12px 18px!important}.blog-content-table tbody td p,.article-content table tbody td p,.article-content table th p{margin:0}.blog-content-table th:first-child,.blog-content-table td:first-child,.article-content table th:first-child,.article-content table td:first-child{font-weight:500}@media (width<=767px){.blog-table-wrapper,.article-content table{position:relative}.blog-table-wrapper:after{content:"← scroll →";text-align:center;color:#999;padding:6px 0;font-size:12px;display:block}}.blog-custom-html{margin:24px 0}.blog-custom-html .faq-container{max-width:100%;margin:0}.blog-custom-html .faq-item{border-bottom:1px solid #e5e5e5;padding:0}.blog-custom-html .faq-item summary{font-size:var(--p3-font-size);color:var(--black-heading);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 4px;font-weight:600;list-style:none;transition:color .2s;display:flex}.blog-custom-html .faq-item summary::-webkit-details-marker{display:none}.blog-custom-html .faq-item summary:hover{color:#ff6800}.blog-custom-html .faq-icon{color:#999;flex-shrink:0;margin-left:12px;font-size:14px;transition:transform .3s}.blog-custom-html .faq-item[open] .faq-icon{color:#ff6800;transform:rotate(180deg)}.blog-custom-html .faq-item p{margin:0 0 16px;padding:0 4px;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}@media (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 (width>=968px){.article-content-wrapper{gap:calc(var(--card-gap) * 3);flex-direction:row}.table-of-contents{flex-direction:column;flex:0 0 25%;max-width:25%;display:flex}.article-content{max-width:calc(100% - 280px - calc(var(--card-gap) * 3));flex:1}.related-articles-section .blog-image-wrapper{height:240px}}@media (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 (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{flex-direction:column;width:100%;display:flex}.skeleton{background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%) 0 0/200% 100%;border-radius:4px;animation:2s linear infinite shimmer}@keyframes shimmer{to{background-position-x:-200%}}.skeleton-header{margin-bottom:var(--card-padding);flex-direction:column;align-items:center;width:100%;display:flex}.skeleton-category{width:120px;height:30px;margin-bottom:var(--card-gap);border-radius:20px}.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{justify-content:center;gap:20px;width:100%;display:flex}.skeleton-meta{width:100px;height:16px}.skeleton-image{width:100%;height:250px;margin-bottom:calc(var(--card-padding) + 30px);border-radius:8px}.skeleton-content-wrapper{gap:calc(var(--card-gap) * 2);flex-direction:column;display:flex}.skeleton-toc{padding:var(--card-padding);background:#fff;border:1px solid #eee;border-radius:8px;display:none}.skeleton-article{width:100%}@media (width>=768px){.skeleton-image{height:350px}}@media (width>=968px){.skeleton-image{height:400px}.skeleton-content-wrapper{gap:calc(var(--card-gap) * 3);flex-direction:row}.skeleton-toc{flex:0 0 280px;height:300px;display:block}.skeleton-article{flex:1}}@media (width>=1300px){.skeleton-image{height:450px}.skeleton-toc{flex:0 0 320px}}@media (width>=1800px){.skeleton-image{height:500px}}.back-button[data-astro-cid-5k2tppox] svg[data-astro-cid-5k2tppox]{transition:transform .3s}.back-button[data-astro-cid-5k2tppox]:hover svg[data-astro-cid-5k2tppox]{transform:translate(-4px)}
