.article-shell{position:relative;overflow:hidden;border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.9);border-radius:2rem;backdrop-filter:blur(18px);box-shadow:0 40px 110px -60px rgba(15,23,42,.4)}.article-shell:before{content:"";position:absolute;inset:0 0 auto 0;height:12rem;opacity:.95;pointer-events:none}.article-shell>*{position:relative}.article-shell--blue:before{background:radial-gradient(circle at top left,rgba(125,211,252,.5),transparent 38%),linear-gradient(135deg,rgba(239,246,255,.95),rgba(255,255,255,0))}.article-shell--violet:before{background:radial-gradient(circle at top left,rgba(196,181,253,.45),transparent 40%),linear-gradient(135deg,rgba(245,243,255,.96),rgba(255,255,255,0))}.article-shell--emerald:before{background:radial-gradient(circle at top left,rgba(110,231,183,.45),transparent 38%),linear-gradient(135deg,rgba(236,253,245,.96),rgba(255,255,255,0))}.article-hero{position:relative;padding-bottom:2rem}.article-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(15,23,42,.14),rgba(148,163,184,.08),transparent)}.article-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border-radius:9999px;border:1px solid;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.article-kicker:before{content:"";width:.45rem;height:.45rem;border-radius:9999px;background:currentColor;opacity:.85}.article-kicker--blue{color:#1d4ed8;border-color:#bfdbfe;background:rgba(239,246,255,.95)}.article-kicker--violet{color:#7c3aed;border-color:#ddd6fe;background:rgba(245,243,255,.96)}.article-kicker--emerald{color:#047857;border-color:#a7f3d0;background:rgba(236,253,245,.96)}.article-excerpt{max-width:52rem;margin:1.75rem 0 2.25rem;font-size:clamp(1.15rem,1.45vw + .85rem,1.5rem);line-height:1.7;color:#334155}.article-body{padding-top:2.75rem}.blog-content>:first-child{margin-top:0}.blog-content h1{font-size:2.25rem;font-weight:700;color:#0f172a;margin-top:3rem;margin-bottom:1.5rem;line-height:1.2}.blog-content h2{font-size:2rem;font-weight:700;color:#0f172a;margin-top:3.5rem;margin-bottom:1.15rem;line-height:1.25;scroll-margin-top:6rem}.blog-content h2:after{content:"";display:block;width:4.5rem;height:2px;margin-top:.8rem;border-radius:9999px;background:linear-gradient(90deg,#0f172a,#93c5fd)}.blog-content h3{font-size:1.4rem;font-weight:600;color:#0f172a;margin-top:2.4rem;margin-bottom:.75rem;letter-spacing:-.01em;scroll-margin-top:6rem}.blog-content p{max-width:72ch;font-size:1.075rem;line-height:1.85;color:#334155;margin-bottom:1.5rem}.blog-content ol,.blog-content ul{margin:1.5rem 0;padding-left:1.25rem}.blog-content li{font-size:1.05rem;line-height:1.8;color:#334155;margin-bottom:.75rem;padding-left:.25rem}.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{font-weight:600;color:#0f172a}.blog-content em{font-style:italic}.blog-content code{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:.875rem;background-color:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;padding:.16rem .42rem;border-radius:.45rem}.blog-content pre{position:relative;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 28%),#0f172a;border:1px solid #1e293b;border-radius:1rem;padding:1.35rem 1.5rem;margin:2rem 0;overflow-x:auto;box-shadow:0 30px 80px -50px rgba(15,23,42,.7)}.blog-content pre:before{content:"CLI / code";position:absolute;top:.85rem;right:1rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#93c5fd}.blog-content pre code{background:none;color:#e2e8f0;border:none;padding:0;font-size:.875rem;line-height:1.7}.blog-content a{color:#2563eb;text-decoration:underline;text-decoration-color:#93c5fd}.blog-content a:hover{text-decoration-color:#2563eb}.blog-content blockquote{border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#ffffff);padding:1.25rem 1.5rem;margin:2rem 0;border-radius:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.blog-content blockquote p{color:#1e3a8a;font-size:1.05rem;margin-bottom:0}.blog-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent);margin:4rem 0}.blog-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:2rem 0;font-size:.9375rem;white-space:nowrap;border:1px solid #e2e8f0;border-radius:1rem;background-color:#ffffff;box-shadow:0 24px 60px -50px rgba(15,23,42,.38)}.blog-content thead th{text-align:left;font-weight:600;color:#0f172a;padding:.75rem 1rem;border-bottom:2px solid #e2e8f0;background-color:#f8fafc}.blog-content tbody td{padding:.625rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155}.blog-content tbody tr:hover,.blog-content tbody tr:nth-child(2n){background-color:#f8fafc}.blog-content img{border-radius:1.25rem;border:1px solid #e2e8f0;box-shadow:0 24px 60px -45px rgba(15,23,42,.35);margin:2rem 0}@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 li,.blog-content p{font-size:1rem}}