.article-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:2rem;position:relative;overflow:hidden;box-shadow:0 40px 110px -60px #0f172a66}.article-shell:before{content:"";opacity:.95;pointer-events:none;height:12rem;position:absolute;inset:0 0 auto}.article-shell>*{position:relative}.article-shell--blue:before{background:radial-gradient(circle at 0 0,#7dd3fc80,#0000 38%),linear-gradient(135deg,#eff6fff2,#fff0)}.article-shell--violet:before{background:radial-gradient(circle at 0 0,#c4b5fd73,#0000 40%),linear-gradient(135deg,#f5f3fff5,#fff0)}.article-shell--emerald:before{background:radial-gradient(circle at 0 0,#6ee7b773,#0000 38%),linear-gradient(135deg,#ecfdf5f5,#fff0)}.article-hero{padding-bottom:2rem;position:relative}.article-hero:after{content:"";background:linear-gradient(90deg,#0f172a24,#94a3b814,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.article-kicker{letter-spacing:.18em;text-transform:uppercase;border:1px solid;border-radius:9999px;align-items:center;gap:.55rem;padding:.5rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.article-kicker:before{content:"";opacity:.85;background:currentColor;border-radius:9999px;width:.45rem;height:.45rem}.article-kicker--blue{color:#1d4ed8;background:#eff6fff2;border-color:#bfdbfe}.article-kicker--violet{color:#7c3aed;background:#f5f3fff5;border-color:#ddd6fe}.article-kicker--emerald{color:#047857;background:#ecfdf5f5;border-color:#a7f3d0}.article-excerpt{color:#334155;max-width:52rem;margin:1.75rem 0 2.25rem;font-size:clamp(1.15rem,1.45vw + .85rem,1.5rem);line-height:1.7}.article-body{padding-top:2.75rem}.blog-content>:first-child{margin-top:0}.blog-content h1{color:#0f172a;margin-top:3rem;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700;line-height:1.2}.blog-content h2{color:#0f172a;margin-top:3.5rem;margin-bottom:1.15rem;scroll-margin-top:6rem;font-size:2rem;font-weight:700;line-height:1.25}.blog-content h2:after{content:"";background:linear-gradient(90deg,#0f172a,#93c5fd);border-radius:9999px;width:4.5rem;height:2px;margin-top:.8rem;display:block}.blog-content h3{color:#0f172a;letter-spacing:-.01em;margin-top:2.4rem;margin-bottom:.75rem;scroll-margin-top:6rem;font-size:1.4rem;font-weight:600}.blog-content p{color:#334155;max-width:72ch;margin-bottom:1.5rem;font-size:1.075rem;line-height:1.85}.blog-content ul,.blog-content ol{margin:1.5rem 0;padding-left:1.25rem}.blog-content li{color:#334155;margin-bottom:.75rem;padding-left:.25rem;font-size:1.05rem;line-height:1.8}.blog-content ul li{list-style-type:disc}.blog-content ul li::marker{color:#2563eb}.blog-content ol li::marker{color:#0f172a;font-weight:700}.blog-content strong{color:#0f172a;font-weight:600}.blog-content em{font-style:italic}.blog-content code{font-family:var(--font-geist-mono),ui-monospace,monospace;color:#3730a3;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:.45rem;padding:.16rem .42rem;font-size:.875rem}.blog-content pre{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 28%),#0f172a;border:1px solid #1e293b;border-radius:1rem;margin:2rem 0;padding:1.35rem 1.5rem;position:relative;overflow-x:auto;box-shadow:0 30px 80px -50px #0f172ab3}.blog-content pre:before{content:"CLI / code";letter-spacing:.16em;text-transform:uppercase;color:#93c5fd;font-size:.68rem;position:absolute;top:.85rem;right:1rem}.blog-content pre code{color:#e2e8f0;background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.7}.blog-content a{color:#2563eb;-webkit-text-decoration:underline #93c5fd;text-decoration:underline #93c5fd}.blog-content a:hover{text-decoration-color:#2563eb}.blog-content blockquote{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;border-radius:1rem;margin:2rem 0;padding:1.25rem 1.5rem;box-shadow:inset 0 1px #ffffffbf}.blog-content blockquote p{color:#1e3a8a;margin-bottom:0;font-size:1.05rem}.blog-content hr{background:linear-gradient(90deg,#0000,#cbd5e1,#0000);border:none;height:1px;margin:4rem 0}.blog-content table{border-collapse:collapse;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;width:100%;margin:2rem 0;font-size:.9375rem;display:block;overflow-x:auto;box-shadow:0 24px 60px -50px #0f172a61}.blog-content thead th{text-align:left;color:#0f172a;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.75rem 1rem;font-weight:600}.blog-content tbody td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.625rem 1rem}.blog-content tbody tr:nth-child(2n),.blog-content tbody tr:hover{background-color:#f8fafc}.blog-content img{border:1px solid #e2e8f0;border-radius:1.25rem;margin:2rem 0;box-shadow:0 24px 60px -45px #0f172a59}@media (max-width:1024px){.article-shell{border-radius:1.5rem}.article-excerpt{font-size:1.1rem}.article-body{padding-top:2.25rem}.blog-content h2{font-size:1.75rem}.blog-content p,.blog-content li{font-size:1rem}}