.blog-article{color:#374151;font-size:1.125rem;line-height:1.75}html{scroll-behavior:smooth;scroll-padding-top:100px}.blog-article h1{color:#111827;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.blog-article h2{color:#111827;letter-spacing:-.025em;border-bottom:2px solid #e5e7eb;margin-top:3rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:2rem;font-weight:700;line-height:1.3}.blog-article h3{color:#1f2937;margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.4}.blog-article h4{color:#1f2937;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.5}.blog-article p{color:#4b5563;margin-bottom:1.5rem;line-height:1.8}.blog-article p:first-of-type{color:#1f2937;font-size:1.25rem;line-height:1.75}.blog-article a{color:#4f46e5;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .2s}.blog-article a:hover{color:#3730a3;border-bottom-color:#4f46e5}.blog-article ul,.blog-article ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-article ul li,.blog-article ol li{color:#4b5563;margin-bottom:.75rem;line-height:1.7}.blog-article ul li{list-style-type:none;position:relative}.blog-article ul li:before{content:"→";color:#4f46e5;font-weight:700;position:absolute;left:-1.5rem}.blog-article ol{counter-reset:list-counter}.blog-article ol li{counter-increment:list-counter;position:relative}.blog-article ol li::marker{color:#4f46e5;font-weight:600}.blog-article code{color:#4f46e5;background-color:#eef2ff;border-radius:.25rem;padding:.125rem .375rem;font-family:Courier New,monospace;font-size:.875rem;font-weight:500}.blog-article pre{color:#e2e8f0;background-color:#1e293b;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;line-height:1.6;overflow-x:auto;box-shadow:0 10px 15px -3px #0000001a}.blog-article pre code{color:inherit;background-color:#0000;padding:0;font-size:.875rem}.blog-article blockquote{color:#4b5563;background-color:#eef2ff;border-left:4px solid #4f46e5;border-radius:0 .5rem .5rem 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.blog-article blockquote p:last-child{margin-bottom:0}.blog-article strong{color:#111827;font-weight:600}.blog-article em{color:#374151;font-style:italic}.blog-article hr{border:none;border-top:2px solid #e5e7eb;margin:3rem 0}.blog-article table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.9rem}.blog-article th{text-align:left;color:#111827;background-color:#f9fafb;border:1px solid #e5e7eb;padding:.75rem;font-weight:600}.blog-article td{color:#4b5563;border:1px solid #e5e7eb;padding:.75rem}.blog-article img{border-radius:.75rem;max-width:100%;height:auto;margin:2rem 0;box-shadow:0 10px 15px -3px #0000001a}.blog-article p>strong:first-child{color:#4f46e5;margin-bottom:.5rem;font-size:1.1em;display:inline-block}.blog-article h3+p:has(strong){background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #3b82f6;border-radius:.5rem;margin:1rem 0 1.5rem;padding:1rem 1.5rem;box-shadow:0 1px 3px #0000001a}.blog-article h2:before{content:"";background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 100%);border-radius:2px;width:40px;height:4px;margin-bottom:1rem;display:block}.blog-article h2+h3{margin-top:1rem}.blog-article h3+p{margin-top:.5rem}@media (min-width:768px){.blog-article{font-size:1.125rem}.blog-article h1{font-size:3rem}.blog-article h2{font-size:2.25rem}}@media print{.blog-article{font-size:12pt;line-height:1.6}.blog-article h2{page-break-after:avoid}.blog-article pre{page-break-inside:avoid}}