.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(to right,var(--bs-primary),var(--bs-info));z-index:calc(var(--z-header, 1000) + 2);transition:width .1s linear}body:has(.reading-progress) .scroll-progress{display:none!important}.blog-article{padding-bottom:3rem}.blog-header{margin-bottom:2rem}.blog-header h1{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);font-weight:800;line-height:1.2;margin:1rem 0}.blog-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.875rem;color:var(--color-text-muted)}.blog-category-badge{background:var(--color-primary-bg);color:var(--color-primary);padding:.25rem .75rem;border-radius:var(--bs-border-radius-pill, 50rem);font-weight:600;font-size:.8125rem}.blog-meta-sep{opacity:.5}.blog-lead{font-size:1.125rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:1.5rem}.blog-author-flex{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--bs-border-color, var(--color-border))}.blog-author-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.blog-featured-image{margin-bottom:2rem;border-radius:var(--bs-border-radius-lg, .75rem);overflow:hidden}.blog-featured-image img{width:100%;max-height:480px;-o-object-fit:cover;object-fit:cover}.blog-layout-full{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:2.5rem;align-items:start;margin-bottom:2rem}@media(max-width:991.98px){.blog-layout-full{grid-template-columns:1fr}}.blog-sidebar{position:sticky;top:calc(var(--header-height, 64px) + 1rem);display:flex;flex-direction:column;gap:1.5rem}@media(max-width:991.98px){.blog-sidebar{position:static;order:2}}.blog-toc,.blog-popular-widget{background:var(--bs-card-bg, var(--color-bg-card));border:1px solid var(--bs-border-color, var(--color-border));border-radius:var(--bs-border-radius-lg, .75rem);padding:1.25rem}.blog-toc h4,.blog-popular-widget h4{font-size:.9375rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.blog-popular-widget ul{list-style:none;padding:0;margin:0}.blog-popular-widget ul li{padding:.75rem 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent)}.blog-popular-widget ul li:last-child{border-bottom:none;padding-bottom:0}.blog-popular-widget ul li a{display:block;color:var(--color-text);text-decoration:none;font-weight:600;font-size:.875rem;line-height:1.4;margin-bottom:.25rem}.blog-popular-widget ul li a:hover{color:var(--color-primary)}.blog-popular-widget ul li small{color:var(--color-text-muted);font-size:.75rem}.blog-content{font-size:1.0625rem;line-height:1.75;color:var(--bs-body-color, var(--color-text))}.blog-content [style*=font-size]{font-size:inherit!important}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--color-text);font-weight:650;line-height:1.35;margin-top:1.75rem;margin-bottom:.75rem}.blog-content h1:first-child,.blog-content h2:first-child,.blog-content h3:first-child,.blog-content h4:first-child,.blog-content h5:first-child,.blog-content h6:first-child{margin-top:0}.blog-content h1 [style*=font-size],.blog-content h2 [style*=font-size],.blog-content h3 [style*=font-size],.blog-content h4 [style*=font-size],.blog-content h5 [style*=font-size],.blog-content h6 [style*=font-size]{font-size:inherit!important}.blog-content h1,.blog-content h1[style*=font-size]{font-size:1.375rem!important}.blog-content h2,.blog-content h2[style*=font-size]{font-size:1.25rem!important}.blog-content h3,.blog-content h3[style*=font-size]{font-size:1.125rem!important}.blog-content h4,.blog-content h5,.blog-content h6,.blog-content h4[style*=font-size],.blog-content h5[style*=font-size],.blog-content h6[style*=font-size]{font-size:1.0625rem!important}.blog-content p{margin-bottom:1rem;line-height:1.75}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;padding-left:1.35rem}.blog-content ul li,.blog-content ol li{margin-bottom:.4rem}.blog-content img{max-width:100%;height:auto}.blog-content{min-width:0}@media(max-width:991.98px){.blog-content{order:1}}.blog-content img{border-radius:var(--bs-border-radius, .5rem)}.blog-content a.blog-internal-link{color:var(--bs-primary);text-decoration:underline;text-underline-offset:.15em;font-weight:600}.blog-content a.blog-internal-link:hover{text-decoration-thickness:2px}.blog-share{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1.25rem 0;margin:1rem 0 2rem;border-top:1px solid var(--bs-border-color, var(--color-border));border-bottom:1px solid var(--bs-border-color, var(--color-border))}.blog-share-label{font-weight:600;color:var(--color-text);margin-right:.5rem}.blog-share-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--bs-border-color, var(--color-border));background:var(--bs-card-bg, var(--color-bg-card));color:var(--color-text);text-decoration:none;transition:var(--bs-transition-base, var(--transition));cursor:pointer}.blog-share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm, var(--bs-box-shadow-sm))}.blog-share-linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.blog-share-twitter:hover{background:#000;color:#fff;border-color:#000}.blog-share-whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.blog-share-copy:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.blog-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:3rem}@media(max-width:575.98px){.blog-prev-next{grid-template-columns:1fr}}.blog-pn-link{display:flex;flex-direction:column;gap:.35rem;min-height:2.75rem;padding:1.25rem;border:1px solid var(--bs-border-color, var(--color-border));border-radius:var(--bs-border-radius-lg, .75rem);background:var(--bs-card-bg, var(--color-bg-card));text-decoration:none;transition:var(--bs-transition-base, var(--transition))}.blog-pn-link small{color:var(--color-text-muted);font-size:.8125rem}.blog-pn-link span{color:var(--color-text);font-weight:600;line-height:1.4}.blog-pn-link:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);box-shadow:var(--shadow-sm, var(--bs-box-shadow-sm))}.blog-pn-next{text-align:right}.blog-related{margin-top:2rem}.blog-related h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media(max-width:991.98px){.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.blog-related-grid{grid-template-columns:1fr}}