html{scroll-behavior:smooth}.blog-detail-section{padding:60px 0;background:#fff}.breadcrumb-nav-detail{font-size:14px;color:#555;margin-bottom:25px;display:flex;align-items:center;gap:8px}.breadcrumb-nav-detail a{color:#000;text-decoration:none;font-weight:500}.detail-title{font-size:42px;font-weight:700;line-height:1.2;color:#000;margin-bottom:20px}.detail-badge{display:inline-block;border:1px solid #ddd;border-radius:20px;padding:4px 16px;font-size:12px;text-transform:uppercase;color:#555;font-weight:600;margin-bottom:30px}.sticky-bar-wrapper{position:sticky;top:98px;z-index:10!important;background:#fff;width:100%;margin-bottom:40px}.listen-share-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 0;background:#fff;width:100%}.listen-btn-wrapper{display:flex;align-items:center;gap:8px;color:#3b3b98;font-weight:600;cursor:pointer;font-size:16px;user-select:none}.listen-btn-wrapper.speaking{color:#dc3545}.listen-btn-wrapper svg{fill:currentcolor}.social-share-links{display:flex;align-items:center;gap:20px}.social-share-links a{color:#555;display:inline-flex;align-items:center;justify-content:center;transition:color .2s;cursor:pointer}.social-share-links a svg{fill:currentColor;width:18px;height:18px}.social-share-links a:hover{color:#000}.blog-main-img-wrapper{width:100%;margin-bottom:40px}.blog-main-img-wrapper img{width:100%;height:auto;object-fit:cover}.toc-sticky-sidebar{position:sticky;top:170px;background:#f9f9f9;padding:25px;border-radius:0;border-left:3px solid #000;margin-bottom:30px}.toc-heading{font-size:16px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;margin-bottom:15px;color:#000;font-family:Poppins}.toc-list{list-style:none;padding-left:0;margin-bottom:0}.toc-list li{margin-bottom:12px}.toc-link{color:#555;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;cursor:pointer;display:block}.toc-link:hover,.toc-link.active{color:#fbb330;font-weight:600}.blog-content-body p{font-size:16px;line-height:1.7;color:#444;margin-bottom:20px}.blog-content-body h2{font-size:26px;font-weight:700;color:#000;margin-top:35px;margin-bottom:15px}.blog-content-body h3{font-size:20px;font-weight:600;color:#333;margin-top:25px;margin-bottom:10px}.blog-content-body ul{margin-bottom:20px;padding-left:20px}.blog-content-body ul li{font-size:16px;line-height:1.7;color:#444;margin-bottom:8px;list-style:disc}.custom-metrics-table{width:100%;margin:30px 0;border-collapse:collapse}.custom-metrics-table th{background-color:#f4f4f4;color:#000;font-weight:700;padding:12px;border:1px solid #ddd;text-align:left}.custom-metrics-table td{padding:12px;border:1px solid #ddd;color:#444;font-size:15px}.share-toast{position:fixed;bottom:20px;right:20px;background:#000;color:#fff;padding:10px 20px;font-size:14px;z-index:999999;display:none}@media(max-width:991px){.detail-title{font-size:30px}.sticky-bar-wrapper{position:sticky;top:75px;margin-bottom:20px}.toc-sticky-sidebar{position:relative;top:0;margin-bottom:40px}.breadcrumb-nav-detail{display:block}}.faq-item{border-bottom:1px solid #ddd;padding:25px 0}.faq-item:last-child{border:0}.faq-question{width:100%;background:0;border:0;font-size:25px;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:0;color:#111}.faq-icon{font-size:20px;transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.faq-answer p{margin-top:15px}.faq-item.active .faq-answer{max-height:300px;opacity:1;max-width:90%}.faq-item.active .faq-icon{transform:rotate(180deg)}.active .faq-question{color:#000}@media(max-width:992px){.faq-question{font-size:16px}}
