.blog-reading-progress{z-index:100;background:linear-gradient(90deg,#f59e0b,#fbbf24,#38bdf8);height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.blog-article{font-family:var(--font-family-inter),system-ui,-apple-system,sans-serif;color:#c4c6d0;letter-spacing:-.01em;font-size:1.08rem;line-height:1.8}.blog-article>p:first-of-type{color:#e3e5eb;margin-bottom:2.4rem;font-size:1.32rem;line-height:1.7}.blog-article h1,.blog-article h2,.blog-article h3,.blog-article h4{color:#f8fafc;letter-spacing:-.02em}.blog-article h1{margin-top:3.8rem;margin-bottom:1.35rem;font-size:2.55rem;line-height:1.2}.blog-article h2{border-bottom:1px solid #38bdf83d;margin-top:3.2rem;margin-bottom:1.2rem;padding-bottom:.75rem;font-size:1.82rem;line-height:1.3}.blog-article h3{margin-top:2.35rem;margin-bottom:.95rem;font-size:1.32rem;line-height:1.4}.blog-article h4{text-transform:uppercase;letter-spacing:.07em;color:#bac0cf;margin-top:1.8rem;margin-bottom:.75rem;font-size:.9rem}.blog-article p{color:#aeb4c2;margin-bottom:1.65rem}.blog-article strong{color:#f8fafc;font-weight:600}.blog-article em{color:#fbbf24;font-style:italic}.blog-article a{color:#7dd3fc;border-bottom:1px solid #7dd3fc59;text-decoration:none;transition:color .2s,border-color .2s}.blog-article a:hover{color:#bae6fd;border-color:#bae6fd99}.blog-article blockquote{color:#e2e8f0;background:linear-gradient(135deg,#38bdf81a,#38bdf805);border:1px solid #38bdf833;border-radius:14px;margin:2.8rem 0;padding:1.6rem 1.8rem}.blog-article blockquote p{color:#dbe3ee;margin-bottom:0}.blog-article pre{background:#121422;border:1px solid #94a3b840;border-radius:12px;margin:2.4rem 0;padding:1.4rem;overflow-x:auto}.blog-article pre code{font-family:var(--font-mono),"JetBrains Mono","Fira Code",monospace;color:#cdd6e5;background:0 0;border:none;padding:0;font-size:.88rem;line-height:1.72}.blog-article code{font-family:var(--font-mono),"JetBrains Mono","Fira Code",monospace;color:#7dd3fc;background:#7dd3fc1f;border:1px solid #7dd3fc3d;border-radius:6px;padding:.2em .45em;font-size:.9em}.blog-article ul,.blog-article ol{margin:1.5rem 0;padding-left:0;list-style:none}.blog-article ul li,.blog-article ol li{color:#aeb4c2;margin-bottom:.75rem;position:relative}.blog-article ul li{padding-left:1.55rem}.blog-article ul li:before{content:"";background:linear-gradient(135deg,#f59e0b,#38bdf8);border-radius:999px;width:6px;height:6px;position:absolute;top:.75em;left:0}.blog-article ol{counter-reset:blog-ol}.blog-article ol li{counter-increment:blog-ol;padding-left:2.4rem}.blog-article ol li:before{content:counter(blog-ol);color:#0b1020;background:linear-gradient(135deg,#fbbf24,#38bdf8);border-radius:999px;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.74rem;font-weight:700;display:flex;position:absolute;top:-.08rem;left:0}.blog-article hr{background:linear-gradient(90deg,#0000,#38bdf873,#0000);border:none;width:70%;height:1px;margin:3.8rem auto}.blog-article img{border:1px solid #94a3b840;border-radius:16px;margin:2.4rem auto;box-shadow:0 18px 38px #00000073}.blog-article figure{margin:2.8rem 0}.blog-article figcaption{text-align:center;color:#7e8698;margin-top:.85rem;font-size:.88rem}.blog-article table{border-collapse:collapse;width:100%;margin:2.5rem 0;font-size:.94rem}.blog-article thead{background:#38bdf81f}.blog-article th{text-align:left;color:#f8fafc;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #38bdf852;padding:.95rem;font-size:.75rem}.blog-article td{color:#aeb4c2;border-bottom:1px solid #94a3b833;padding:.95rem}.blog-article tbody tr:hover{background:#94a3b80f}.blog-callout{border-left:4px solid #0000;border-radius:12px;margin:2.8rem 0;padding:1.35rem 1.6rem}.blog-callout-insight{background:#38bdf81f;border-left-color:#38bdf8}.blog-callout-warning{background:#fbbf241f;border-left-color:#fbbf24}.blog-callout-tip{background:#22c55e1f;border-left-color:#22c55e}.blog-feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin:2.8rem 0;display:grid}.blog-feature-card{background:#11182773;border:1px solid #94a3b840;border-radius:12px;padding:1.2rem}.blog-feature-card h4{text-transform:none;letter-spacing:normal;margin:0 0 .6rem;font-size:1rem}.blog-feature-card p{margin:0;font-size:.92rem}.blog-visual-break{justify-content:center;align-items:center;gap:.5rem;margin:3.6rem 0;display:flex}.blog-visual-break span{background:linear-gradient(135deg,#f59e0b,#38bdf8);border-radius:999px;width:8px;height:8px;animation:2s ease-in-out infinite blog-pulse}.blog-visual-break span:nth-child(2){animation-delay:.2s}.blog-visual-break span:nth-child(3){animation-delay:.4s}@keyframes blog-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.blog-toc{background:#0f172a8c;border:1px solid #94a3b83d;border-radius:12px;max-height:calc(100vh - 140px);padding:1.25rem;position:sticky;top:100px;overflow-y:auto}.blog-toc h4{text-transform:uppercase;letter-spacing:.1em;color:#93a3ba;margin:0 0 1rem;font-size:.74rem}.blog-toc ul{margin:0;padding:0;list-style:none}.blog-toc li{margin-bottom:.38rem}.blog-toc a{color:#9aa3b4;border-left:2px solid #0000;border-radius:6px;padding:.35rem .65rem;font-size:.86rem;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s;display:block}.blog-toc a:hover{color:#e4ebf6;background:#94a3b81f}.blog-toc a.active{color:#bae6fd;background:#38bdf81f;border-left-color:#7dd3fc}@media (max-width:768px){.blog-article{font-size:1rem}.blog-article>p:first-of-type{font-size:1.12rem}.blog-article h1{font-size:1.96rem}.blog-article h2{font-size:1.45rem}.blog-article h3{font-size:1.2rem}.blog-article blockquote{padding:1.25rem}}
