.blog-article{color:#1e293b;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-size:1.0625rem;line-height:1.85}.blog-article h1{display:none}.blog-article h2{color:#0f172a;font-weight:700;font-size:1.625rem;margin-top:3.5rem;margin-bottom:1.25rem;font-family:Barlow Condensed,sans-serif;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0;letter-spacing:-.01em;scroll-margin-top:5rem}.blog-article h3{color:#0f172a;font-weight:700;font-size:1.3rem;margin-top:2.5rem;margin-bottom:1rem;font-family:Barlow Condensed,sans-serif;padding-left:1rem;border-left:3px solid #2F6FD0;letter-spacing:-.01em}.blog-article h4{color:#0f172a;font-weight:600;font-size:1.125rem;margin-top:2rem;margin-bottom:.75rem;font-family:Barlow Condensed,sans-serif}.blog-article p{color:#334155;line-height:1.85;margin-bottom:1.5rem}.blog-article p.numbered-item{padding-left:1.5rem;position:relative}.blog-article strong{color:#0f172a;font-weight:700}.blog-article a{color:#2f6fd0;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}.blog-article a:hover{color:#1d4ed8;border-bottom-color:#2f6fd0}.blog-article ul{list-style:none;padding-left:0;margin:1.5rem 0}.blog-article ul>li{position:relative;padding-left:1.75rem;margin-bottom:.75rem;color:#334155;line-height:1.75}.blog-article ul>li:before{content:"";position:absolute;left:.25rem;top:.7em;width:8px;height:8px;border-radius:50%;background:#2f6fd0;opacity:.8}.blog-article ol{list-style:none;padding-left:0;margin:1.5rem 0;counter-reset:ol-counter}.blog-article ol>li{position:relative;padding-left:2.25rem;margin-bottom:.875rem;color:#334155;line-height:1.75;counter-increment:ol-counter}.blog-article ol>li:before{content:counter(ol-counter) ".";position:absolute;left:0;top:0;font-weight:700;color:#2f6fd0;font-size:1rem;font-family:Barlow Condensed,sans-serif}.blog-article pre{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;padding:1.75rem 2rem;margin:2.5rem 0;overflow-x:auto;box-shadow:0 4px 16px #0003;border:1px solid #334155;position:relative}.blog-article pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2f6fd0,#5b9aff,#2f6fd0);border-radius:12px 12px 0 0}.blog-article pre code{color:#e2e8f0;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.875rem;line-height:1.9;white-space:pre-wrap;word-break:break-word}.blog-article code:not(pre code){background:#f1f5f9;color:#2f6fd0;padding:.2rem .45rem;border-radius:5px;font-size:.88em;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-weight:500}.blog-article blockquote{border-left:4px solid #2F6FD0;padding:1.5rem 1.75rem;margin:2.5rem 0;background:linear-gradient(135deg,#f0f7ff,#f8fafc);border-radius:0 12px 12px 0;color:#1e293b;font-style:italic;font-size:1.05rem;font-weight:500;line-height:1.7;box-shadow:0 2px 8px #2f6fd014;position:relative}.blog-article blockquote:before{content:"“";position:absolute;top:-.25rem;left:1rem;font-size:3.5rem;color:#2f6fd0;opacity:.15;font-family:Georgia,serif;line-height:1}.blog-article blockquote strong{color:#2f6fd0;font-weight:700}.blog-article blockquote p{margin-bottom:0;color:#1e293b}.blog-article table{width:100%;border-collapse:separate;border-spacing:0;margin:2.5rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;border:1px solid #e2e8f0}.blog-article thead{background:linear-gradient(135deg,#1e293b,#334155)}.blog-article thead th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#fff;border-bottom:2px solid #2F6FD0}.blog-article tbody tr{transition:background-color .15s ease}.blog-article tbody tr:nth-child(2n){background-color:#f8fafc}.blog-article tbody tr:hover{background-color:#eff6ff}.blog-article tbody td{padding:.875rem 1.25rem;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.95rem;line-height:1.6}.blog-article tbody tr:last-child td{border-bottom:none}.blog-article tbody td:first-child{font-weight:600;color:#1e293b}.blog-article img{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem 0;max-width:100%;height:auto}.blog-article hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:3rem 0}.blog-article em{color:#475569;font-style:italic}.toc-sidebar{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.toc-sidebar::-webkit-scrollbar{width:4px}.toc-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.toc-link{display:block;padding:.5rem .75rem;font-size:.8125rem;color:#64748b;border-left:2px solid #e2e8f0;transition:all .2s ease;line-height:1.4;text-decoration:none}.toc-link:hover{color:#2f6fd0;border-left-color:#2f6fd0;background:#f8fafc}.toc-link.active{color:#2f6fd0;font-weight:600;border-left-color:#2f6fd0;background:#eff6ff}.toc-mobile-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s ease}.toc-mobile-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.toc-mobile-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.toc-mobile-content.open{max-height:600px}.toc-mobile-link{display:block;padding:.625rem 1rem;font-size:.8125rem;color:#64748b;border-left:2px solid #e2e8f0;transition:all .2s ease;text-decoration:none}.toc-mobile-link:hover{color:#2f6fd0;border-left-color:#2f6fd0}@media(max-width:640px){.blog-article{font-size:1rem}.blog-article h2{font-size:1.375rem;margin-top:2.5rem}.blog-article h3{font-size:1.15rem;margin-top:2rem}.blog-article table{font-size:.85rem;display:block;overflow-x:auto}.blog-article thead th,.blog-article tbody td{padding:.625rem .75rem}.blog-article blockquote{padding:1.25rem 1rem;font-size:.95rem}.blog-article pre{padding:1.25rem 1rem;border-radius:8px}}