html{scroll-behavior:smooth}.reading-progress-bar{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);box-shadow:0 0 12px rgba(99,102,241,.55);z-index:1080;transition:width .1s ease}.article-hero{position:relative;overflow:hidden;padding:1.75rem 2.5rem 5.25rem;background:linear-gradient(135deg,#4338ca 0%,#6d28d9 45%,#9333ea 100%);border-radius:1.5rem 1.5rem 0 0;color:#fff}.article-hero::before{content:'';position:absolute;top:-45%;left:-12%;width:55%;height:170%;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,transparent 62%);pointer-events:none}.article-hero::after{content:'';position:absolute;bottom:-50%;right:-10%;width:60%;height:190%;background:radial-gradient(circle,rgba(236,72,153,.22) 0%,transparent 62%);pointer-events:none}.article-hero-back{position:relative;z-index:1;margin-bottom:1.1rem}.article-back-link{display:inline-flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.88);font-size:.85rem;font-weight:600;text-decoration:none;padding:.45rem 1rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease}.article-back-link:hover{color:#fff;background:rgba(255,255,255,.26)}.article-hero-badges{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.05rem}.article-category-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-size:.8rem;font-weight:700;padding:.38rem 1.05rem;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease}.article-category-badge:hover{background:#fff;color:#6d28d9}.article-featured-badge{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:.8rem;font-weight:700;padding:.38rem 1.05rem;border-radius:999px;box-shadow:0 4px 14px rgba(245,158,11,.45)}.article-title{position:relative;z-index:1;color:#fff;font-weight:800;font-size:1.95rem;line-height:1.65;margin-bottom:1.3rem;text-shadow:0 2px 20px rgba(0,0,0,.22)}.article-meta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.article-meta-item{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgba(255,255,255,.93);font-size:.82rem;font-weight:500;padding:.42rem .95rem;border-radius:999px}.article-meta-item i{font-size:.95rem}.article-avatar{width:1.75rem;height:1.75rem;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:.78rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.article-card{background:#fff;border-radius:1.5rem;border:1px solid rgba(226,232,240,.7);box-shadow:0 18px 50px rgba(30,41,59,.12);overflow:hidden}.article-card-body{padding:0 2.5rem 2.5rem}.article-featured-image{position:relative;z-index:2;margin:-3rem 1.5rem 2rem;border-radius:1rem;overflow:hidden;box-shadow:0 22px 45px rgba(30,41,59,.22)}.article-featured-image img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}.article-featured-image figcaption{text-align:center;color:#64748b;font-size:.85rem;padding:.9rem 1rem;background:#f8fafc}.key-takeaways{position:relative;margin:1.5rem 0 2rem;padding:1.4rem 1.6rem;border-radius:1rem;background:linear-gradient(180deg,#eef2ff,#f8fafc);border:1px solid #e0e7ff;border-right:4px solid #6366f1}.key-takeaways-heading{display:flex;align-items:center;gap:.5rem;font-weight:800;color:#312e81;font-size:1.05rem;margin-bottom:.9rem}.key-takeaways-heading i{color:#6366f1}.key-takeaways-list{list-style:none;padding:0;margin:0}.key-takeaways-list li{position:relative;padding-right:1.6rem;margin-bottom:.6rem;color:#1e293b;font-size:.98rem;line-height:1.9;text-align:justify}.key-takeaways-list li:last-child{margin-bottom:0}.key-takeaways-list li::before{content:"";position:absolute;right:0;top:.55em;width:.6rem;height:.6rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.article-body{font-size:1.1rem;line-height:2.05;text-align:justify;color:#334155}.article-body>:first-child{margin-top:0}.article-body p{margin:0 0 1.6rem}.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{scroll-margin-top:5rem}.article-body h2{position:relative;font-size:1.6rem;font-weight:800;color:#0f172a;margin:3rem 0 1.4rem;padding-bottom:.8rem}.article-body h2::before{content:'';position:absolute;right:0;bottom:0;width:4rem;height:4px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#a855f7)}.article-body h3{font-size:1.32rem;font-weight:700;color:#1e293b;margin:2.4rem 0 1.1rem;padding-right:1rem;border-right:4px solid #a5b4fc;border-radius:2px}.article-body h4{font-size:1.16rem;font-weight:700;color:#334155;margin:2rem 0 1rem}.article-body h5{font-size:1.05rem;font-weight:700;color:#475569;margin:1.75rem 0 1rem}.article-body h6{font-size:1rem;font-weight:700;color:#64748b;margin:1.5rem 0 1rem}.article-body a:not(.heading-anchor){color:#4f46e5;text-decoration:none;border-bottom:1.5px solid #c7d2fe;transition:all .2s ease}.article-body a:not(.heading-anchor):hover{color:#4338ca;border-bottom-color:#6366f1}.article-body ul,.article-body ol{margin:0 0 1.6rem;padding-right:1.5rem}.article-body ul{list-style:none}.article-body ul>li{position:relative;padding-right:1.4rem;margin-bottom:.55rem}.article-body ul>li::before{content:'';position:absolute;right:0;top:.78em;width:.5rem;height:.5rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.article-body ol>li{margin-bottom:.55rem}.article-body ol>li::marker{color:#6366f1;font-weight:700}.article-body blockquote{position:relative;margin:2.2rem 0;padding:1.6rem 2rem;border-radius:1.1rem;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;color:#3730a3;font-weight:600;font-size:1.05rem}.article-body blockquote::before{content:'”';position:absolute;top:-1.1rem;right:1.25rem;font-size:4rem;line-height:1;color:#a5b4fc;opacity:.7}.article-body table{width:100%;margin:2rem 0;border-collapse:separate;border-spacing:0;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px rgba(30,41,59,.08);font-size:.98rem}.article-body th{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-weight:700;text-align:right;padding:.95rem 1.25rem}.article-body td{padding:.9rem 1.25rem;border-bottom:1px solid #f1f5f9}.article-body tbody tr:last-child td{border-bottom:0}.article-body tbody tr:nth-child(even){background:#f8fafc}.article-body tbody tr:hover{background:#eef2ff}.article-body :not(pre)>code{background:#eef2ff;color:#4338ca;padding:.22em .55em;border-radius:.5em;font-size:.88em;font-weight:600;direction:ltr;unicode-bidi:embed}.article-body pre{position:relative;direction:ltr;text-align:left;background:#0f172a;color:#e2e8f0;padding:1.7rem 1.5rem;border-radius:1rem;overflow-x:auto;margin:2.2rem 0;box-shadow:0 14px 34px rgba(15,23,42,.22);font-size:.9rem;line-height:1.75}.article-body pre::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899)}.article-body pre code{background:none;padding:0;color:inherit;font-weight:400}.article-body img{max-width:100%;height:auto;border-radius:1rem;margin:1.6rem auto;display:block;box-shadow:0 12px 30px rgba(30,41,59,.14)}.article-body figure{margin:2rem 0}.article-body figure img{margin:0;box-shadow:0 12px 30px rgba(30,41,59,.14)}.article-body figcaption{text-align:center;color:#64748b;font-size:.875rem;margin-top:.75rem}.article-body mark{background:linear-gradient(180deg,transparent 55%,#fde68a 55%);color:#1e293b;padding:0 .15em}.article-body hr{border:0;height:1px;margin:2.6rem 0;background:linear-gradient(90deg,transparent,#cbd5e1,transparent)}.article-body details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.3rem;margin:1.6rem 0;transition:box-shadow .2s}.article-body details[open]{box-shadow:0 8px 24px rgba(30,41,59,.08)}.article-body summary{font-weight:700;color:#0f172a;cursor:pointer}.article-body iframe{max-width:100%;border-radius:1rem}.heading-anchor{float:right;margin-right:-1.2em;padding-left:.25em;opacity:0;transition:opacity .2s ease;color:#a5b4fc;text-decoration:none;font-size:.8em;line-height:1}.article-body h2:hover .heading-anchor,.article-body h3:hover .heading-anchor,.article-body h4:hover .heading-anchor,.article-body h5:hover .heading-anchor,.article-body h6:hover .heading-anchor{opacity:1}.heading-anchor:hover{color:#4f46e5}.article-author-box{display:flex;align-items:center;gap:1.1rem;margin:2.6rem 0 1.5rem;padding:1.4rem 1.6rem;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e0e7ff;border-radius:1.1rem}.article-author-avatar{width:3.4rem;height:3.4rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(99,102,241,.35)}.article-author-name{font-weight:800;color:#0f172a;margin:0;font-size:1rem}.article-author-role{color:#64748b;font-size:.85rem;margin:.2rem 0 0}.article-tags{margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid #eef2f7}.article-tags .article-tags-label{font-weight:700;color:#64748b;margin-bottom:.9rem;display:block}.article-tags .tag-chip{display:inline-flex;align-items:center;gap:.3rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:999px;padding:.42rem 1.05rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .22s ease;margin:0 .25rem .5rem 0}.article-tags .tag-chip:hover{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 18px rgba(99,102,241,.28)}.article-share{margin-top:1.5rem}.article-share .article-share-label{font-weight:700;color:#334155}.share-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem!important;border-radius:999px!important;font-weight:600;font-size:.9rem;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;transition:all .25s ease}.share-pill:hover{transform:translateY(-3px)}.share-pill.btn-success{background:#198754!important;border-color:#198754!important;color:#fff!important;box-shadow:0 10px 22px rgba(25,135,84,.35)}.share-telegram:hover{background:#229ed9!important;border-color:#229ed9!important;color:#fff!important;box-shadow:0 10px 22px rgba(34,158,217,.35)}.share-whatsapp:hover{background:#25d366!important;border-color:#25d366!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,211,102,.35)}.share-twitter:hover{background:#0f1419!important;border-color:#0f1419!important;color:#fff!important;box-shadow:0 10px 22px rgba(15,20,25,.3)}.share-copy:hover{background:#6366f1!important;border-color:#6366f1!important;color:#fff!important;box-shadow:0 10px 22px rgba(99,102,241,.35)}.blog-section-title{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:#0f172a;font-size:1.15rem;padding-bottom:.6rem;position:relative}.blog-section-title::after{content:'';position:absolute;right:0;bottom:0;width:100%;height:3px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#a855f7)}.blog-section-title .bi{color:#6366f1}.toc-card,.sidebar-card{border-radius:1.1rem;overflow:hidden;border:1px solid #eef2f7}.toc-card:hover,.sidebar-card:hover,.mobile-toc:hover{transform:none}.toc-card .card-header{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:0;border-radius:0!important}.toc-card .card-header .bi{font-size:1rem}.toc-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .45rem;background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:.72rem;font-weight:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toc-nav{max-height:20rem;overflow-y:auto;overscroll-behavior:contain}.toc-nav::-webkit-scrollbar{width:5px}.toc-nav::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}.toc-nav::-webkit-scrollbar-track{background:transparent}.toc-nav ul{list-style:none;padding:0;margin:.5rem 0}.toc-item{border:0}.toc-nav a{color:#475569;font-size:.93rem;border-right:3px solid transparent;border-radius:.7rem;margin:.15rem .6rem;padding:.5rem .85rem!important;transition:all .2s ease;position:relative}.toc-nav a:hover{color:#4f46e5;background:#f5f3ff;border-right-color:#a5b4fc}.toc-nav a.active{color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-right-color:#6366f1;font-weight:700;box-shadow:0 4px 14px rgba(99,102,241,.12)}.toc-nav a.active::before{content:'';position:absolute;right:-.55rem;top:50%;transform:translateY(-50%);width:.45rem;height:.45rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 0 0 3px rgba(99,102,241,.18)}.toc-level-2>.toc-link{font-weight:600;color:#334155}.toc-level-3 .toc-link{padding-right:1.6rem!important;font-size:.87rem;color:#64748b}.toc-level-4 .toc-link{padding-right:2.3rem!important;font-size:.84rem;color:#94a3b8}.toc-level-5 .toc-link{padding-right:3rem!important;font-size:.82rem;color:#94a3b8}.toc-level-6 .toc-link{padding-right:3.7rem!important;font-size:.82rem;color:#94a3b8}.toc-chevron{transition:transform .3s ease}[data-bs-toggle="collapse"][aria-expanded="true"] .toc-chevron{transform:rotate(180deg)}.sidebar-card .card-header{background:#fff;border-bottom:1px solid #f1f5f9;color:#0f172a;border-radius:0!important}.popular-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.1rem!important;border-bottom:1px solid #f1f5f9;text-decoration:none;transition:all .2s ease}.popular-item:last-child{border-bottom:0}.popular-item:hover{background:#f5f3ff}.popular-rank{width:1.75rem;height:1.75rem;border-radius:.55rem;flex-shrink:0;background:#eef2ff;color:#4f46e5;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.popular-item:hover .popular-rank{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.popular-title{font-size:.9rem;font-weight:700;color:#334155}.popular-item:hover .popular-title{color:#4f46e5}.related-card{border-radius:1rem;overflow:hidden;border:1px solid #eef2f7;background:#fff;box-shadow:0 8px 24px rgba(30,41,59,.08);transition:transform .25s ease,box-shadow .25s ease}.related-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(79,70,229,.18)}.related-thumb{aspect-ratio:16/10;object-fit:cover;transition:transform .45s ease;display:block}.related-card:hover .related-thumb{transform:scale(1.06)}.related-card .related-body{padding:.9rem 1rem 1.1rem}.related-card .related-title{font-weight:700;font-size:.92rem;line-height:1.7;margin:0}.related-card .related-title a{color:#1e293b;text-decoration:none;transition:color .2s}.related-card .related-title a:hover{color:#4f46e5}.mobile-toc{border-radius:1.1rem;overflow:hidden;border:1px solid #e0e7ff!important}.mobile-toc-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;cursor:pointer;user-select:none;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-weight:700;font-size:.95rem;transition:filter .2s ease}.mobile-toc-header:active{filter:brightness(1.08)}.mobile-toc-title{display:inline-flex;align-items:center;gap:.55rem}.mobile-toc-icon{width:2rem;height:2rem;border-radius:.6rem;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.mobile-toc .toc-count{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.3)}.mobile-toc .card-body{background:#f8fafc;padding:0!important}.mobile-toc .toc-nav{max-height:none;overflow:visible}.mobile-toc .toc-item.toc-subitem{display:none}.mobile-toc.toc-expanded .toc-item.toc-subitem{display:block}.toc-show-all{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.75rem 1rem;margin:0;border:0;border-top:1px dashed #dbe3f5;background:#f8fafc;color:#4f46e5;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s ease}.toc-show-all:hover{background:#eef2ff}.toc-show-all:active{background:#e0e7ff}@media(max-width:991.98px){.article-hero{padding:1.5rem 1.5rem 4.5rem}.article-title{font-size:1.6rem!important}.article-card-body{padding:0 1.25rem 1.5rem}.article-featured-image{margin:-2.5rem .75rem 1.5rem}}@media(max-width:575.98px){.article-body{font-size:1rem;line-height:1.95}.article-title{font-size:1.35rem!important}.article-meta{gap:.45rem}.article-meta-item{font-size:.74rem;padding:.3rem .7rem}.article-hero{padding:1.25rem 1.1rem 4rem}.article-card-body{padding:0 1rem 1.25rem}.article-featured-image{margin:-2.25rem .5rem 1.25rem}.article-body blockquote{padding:1.2rem 1.4rem}}.inline-read-callout{margin:2.4rem 0;border-radius:1.1rem;padding:1.1rem 1.25rem 1.25rem;background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #e0e7ff;box-shadow:0 8px 24px rgba(79,70,229,.08)}.inline-read-head{display:flex;align-items:center;gap:.5rem;font-weight:800;color:#4f46e5;margin-bottom:.9rem;font-size:.98rem}.inline-read-head .bi{color:#6366f1}.inline-read-card{display:flex;align-items:center;gap:.85rem;padding:.7rem .8rem;border-radius:.9rem;background:#fff;border:1px solid #e2e8f0;text-decoration:none;transition:all .2s ease;margin-bottom:.6rem}.inline-read-card:last-child{margin-bottom:0}.inline-read-card:hover{border-color:#a5b4fc;box-shadow:0 6px 16px rgba(79,70,229,.12);transform:translateY(-2px)}.inline-read-card img{width:3.4rem;height:3.4rem;border-radius:.6rem;object-fit:cover;flex-shrink:0}.inline-read-title{flex:1;color:#1e293b;font-weight:600;font-size:.9rem;line-height:1.6}.inline-read-go{color:#6366f1;flex-shrink:0}.article-body a.auto-internal-link{text-decoration:none}