@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";.blog-article-page[data-v-3b68afd8]{--article-ink: #0f172a;--article-muted: #475569;--article-border: rgba(148, 163, 184, .36);font-family:Manrope,sans-serif}.article-display[data-v-3b68afd8]{font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:-.02em}.article-author-bio[data-v-3b68afd8] a{color:#1d4ed8;text-decoration:underline;text-underline-offset:.16em}.article-header[data-v-3b68afd8],.article-body[data-v-3b68afd8],.article-panel[data-v-3b68afd8],.article-card[data-v-3b68afd8]{background:rgba(255,255,255,.96);border:1px solid var(--article-border);border-radius:1.5rem;box-shadow:0 24px 55px -48px #0f172a94}.article-header[data-v-3b68afd8],.article-body[data-v-3b68afd8]{padding:2rem}.article-panel[data-v-3b68afd8],.article-card[data-v-3b68afd8]{padding:1.25rem}.article-chip[data-v-3b68afd8]{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--article-border);padding:.45rem .8rem;background:rgba(248,250,252,.95);color:var(--article-ink);font-size:.78rem;font-weight:700}.article-chip--small[data-v-3b68afd8]{font-size:.72rem}.article-avatar[data-v-3b68afd8]{display:inline-flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#1e293b,#475569);color:#fff;font-weight:800;letter-spacing:.08em}.article-avatar-link[data-v-3b68afd8]{display:inline-flex}.article-avatar-image[data-v-3b68afd8],.article-sidebar-avatar[data-v-3b68afd8]{border-radius:999px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--article-border)}.article-avatar-image[data-v-3b68afd8]{height:3rem;width:3rem}.article-sidebar-avatar[data-v-3b68afd8],.article-avatar--sidebar[data-v-3b68afd8]{height:3.5rem;width:3.5rem}.article-link[data-v-3b68afd8]{font-weight:700;color:#1e293b}[data-v-3b68afd8] .blog-prose{color:var(--article-ink);overflow-wrap:anywhere}[data-v-3b68afd8] .blog-prose h1,[data-v-3b68afd8] .blog-prose h2,[data-v-3b68afd8] .blog-prose h3,[data-v-3b68afd8] .blog-prose h4{font-family:Space Grotesk,Manrope,sans-serif;color:var(--article-ink);letter-spacing:-.02em}[data-v-3b68afd8] .blog-prose p,[data-v-3b68afd8] .blog-prose li{color:var(--article-muted);line-height:1.9}[data-v-3b68afd8] .blog-prose :not(pre)>code{white-space:normal;word-break:break-word;overflow-wrap:anywhere}[data-v-3b68afd8] .blog-prose pre{overflow-x:auto}[data-v-3b68afd8] .blog-prose strong{color:var(--article-ink)}[data-v-3b68afd8] .blog-prose a{color:#1e293b;text-decoration:underline}[data-v-3b68afd8] .blog-prose ul,[data-v-3b68afd8] .blog-prose ol{padding-left:1.25rem}[data-v-3b68afd8] .blog-prose blockquote{border-left-color:#94a3b8;color:var(--article-muted)}[data-v-3b68afd8] .blog-prose .blog-browser-frame{margin:2rem 0;overflow:hidden;border:1px solid rgba(15,23,42,.12);border-radius:1.25rem;background:#f8fafc;box-shadow:0 24px 50px -42px #0f172a8c}[data-v-3b68afd8] .blog-prose .blog-browser-frame__chrome{display:flex;align-items:center;gap:.9rem;padding:.9rem 1rem;border-bottom:1px solid rgba(148,163,184,.24);background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)}[data-v-3b68afd8] .blog-prose .blog-browser-frame__controls{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}[data-v-3b68afd8] .blog-prose .blog-browser-frame__dot{width:.7rem;height:.7rem;border-radius:999px;background:#cbd5e1}[data-v-3b68afd8] .blog-prose .blog-browser-frame__dot:first-child{background:#fda4af}[data-v-3b68afd8] .blog-prose .blog-browser-frame__dot:nth-child(2){background:#fcd34d}[data-v-3b68afd8] .blog-prose .blog-browser-frame__dot:nth-child(3){background:#86efac}[data-v-3b68afd8] .blog-prose .blog-browser-frame__url{min-width:0;flex:1;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:999px;background:rgba(255,255,255,.92);padding:.55rem .9rem;color:var(--article-muted);font-size:.8rem;font-weight:600;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;-moz-user-select:text;user-select:text}[data-v-3b68afd8] .blog-prose .blog-browser-frame__viewport{background:#fff}[data-v-3b68afd8] .blog-prose .blog-browser-frame__viewport img{display:block;width:100%;margin:0}@media (max-width: 640px){.article-header[data-v-3b68afd8],.article-body[data-v-3b68afd8]{padding:1.5rem}[data-v-3b68afd8] .blog-prose .blog-browser-frame__chrome{gap:.65rem;padding:.75rem}[data-v-3b68afd8] .blog-prose .blog-browser-frame__url{padding-inline:.75rem;font-size:.75rem}}
