:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0f172a;--ink-soft:#1e293b;--muted:#475569;--muted-soft:#64748b;--line:#e2e8f0;--line-soft:#f1f5f9;--paper:#fff;--wash:#f8fafc;--accent:#0f766e;--accent-hover:#115e59;--accent-soft:#f0fdfa;--accent-ring:#14b8a638;--teal-100:#ccfbf1;--code:#0f172a;--radius-card:10px;--radius-lg:14px;--radius-control:8px;--shadow-card:0 8px 24px #0f172a0a;--shadow-nav:0 1px 0 #0f172a0a;--font-sans:"Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--content-width:1000px}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:var(--wash);margin:0;line-height:1.5}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.jupius-page-shell,.blog-root{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 0,#14b8a624,#0000 42%),radial-gradient(circle at 92% 8%,#3b82f614,#0000 38%),linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-direction:column;display:flex}.jupius-text-muted{color:var(--muted);font-size:.875rem}.jupius-text-error{color:#dc2626;font-size:.875rem}.jupius-surface-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.jupius-surface-muted{background:var(--wash);border:1px solid var(--line-soft);border-radius:var(--radius-control)}.jupius-btn-primary-nav{background:var(--accent);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a14;color:#fff!important;text-decoration:none!important}.jupius-btn-primary-nav:hover{background:var(--accent-hover);box-shadow:0 4px 12px #0f766e40;color:#fff!important}.jupius-btn-secondary{border-radius:var(--radius-control);background:var(--paper);color:var(--ink-soft);border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:6px;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.jupius-btn-secondary:hover{background:var(--wash);color:var(--ink);border-color:#94a3b8}.skip-link{z-index:40;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-control);padding:8px 12px;font-size:.8125rem;font-weight:600;position:absolute;top:-48px;left:12px}.skip-link:focus{top:10px}.blog-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-nav);background:#ffffffe6;border-bottom:1px solid #94a3b847;position:sticky;top:0}.blog-nav-inner{max-width:var(--content-width);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:10px 18px;display:flex}.blog-brand{color:var(--ink);flex-shrink:0;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.blog-brand:hover{color:var(--accent)}.blog-brand-mark{color:#f9fafb;background:linear-gradient(135deg,#0f766e 0%,#115e59 55%,#0f172a 100%);border-radius:.65rem;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;box-shadow:0 4px 10px #0f766e47}.blog-brand-text{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.blog-nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 6px;display:flex}.blog-nav-link{color:#334155;border-radius:999px;align-items:center;gap:5px;padding:.3rem .65rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.blog-nav-link:hover{color:var(--ink);background:#94a3b82e}.blog-nav-link.is-active,.blog-nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.blog-nav-icon{opacity:.88;flex-shrink:0}.blog-main{width:min(var(--content-width), calc(100% - 36px));flex:1;margin:0 auto;padding:22px 0 48px}.blog-hero{margin-bottom:18px}.blog-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-ring);background:#14b8a61f;border-radius:999px;align-items:center;margin:0 0 10px;padding:4px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.blog-page-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:clamp(1.35rem,2vw + .75rem,1.75rem);font-weight:800;line-height:1.22}.blog-lede{max-width:40rem;color:var(--muted);margin:0;font-size:.875rem;line-height:1.55}.blog-tag-row,.blog-pager{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;display:flex}.blog-pager{justify-content:space-between;margin-top:20px}.blog-chip{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0f172a08}.blog-chip:hover{border-color:var(--accent-ring);background:var(--accent-soft);color:var(--accent-hover)}.blog-chip[aria-current=page]{background:var(--teal-100);color:var(--accent-hover);border-color:#99f6e4}.blog-empty{padding:18px 16px}.blog-post-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.blog-post-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffffff5;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.blog-post-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, #e2e8f0);transform:translateY(-2px);box-shadow:0 16px 36px #0f172a14}.blog-post-card-accent{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #fff));height:3px;position:absolute;top:0;left:0;right:0}.blog-post-card-body{padding:16px 16px 14px}.blog-post-card-title{letter-spacing:-.02em;margin:0 0 6px;font-size:1.0625rem;font-weight:800;line-height:1.3}.blog-post-card-title a{color:var(--ink);text-decoration:none}.blog-post-card-title a:hover{color:var(--accent)}.blog-post-card-meta{color:var(--muted-soft);margin:0 0 8px;font-size:.75rem;font-weight:600}.blog-post-card-desc{color:var(--muted);margin:0 0 12px;font-size:.8125rem;line-height:1.55}.blog-post-card-cta{color:var(--accent);align-items:center;gap:5px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.blog-post-card-cta:hover{color:var(--accent-hover)}.blog-article-meta{color:var(--muted-soft);margin:0 0 8px;font-size:.8125rem}.blog-article-meta a{color:var(--accent);font-weight:600;text-decoration:none}.blog-article-meta a:hover{text-underline-offset:2px;text-decoration:underline}.blog-cover{aspect-ratio:1200/630;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--line);width:100%;height:auto;box-shadow:var(--shadow-card);margin:12px 0 18px}.blog-post-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:20px;display:grid}.blog-toc{border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#ffffffeb;padding:12px 14px;font-size:.8125rem;position:sticky;top:72px}.blog-toc strong{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:.75rem;display:block}.blog-toc ol{color:var(--muted);margin:0;padding-left:16px}.blog-toc a{color:#334155;text-decoration:none}.blog-toc a:hover{color:var(--accent)}.blog-toc .depth-3{margin-left:10px}.blog-prose{color:#334155;padding:8px 18px 20px;font-size:.875rem;line-height:1.65}.blog-prose>:first-child{margin-top:.5rem}.blog-prose h2{letter-spacing:-.02em;color:var(--ink);border-bottom:2px solid var(--line);margin:1.4rem 0 .65rem;padding-bottom:6px;font-size:1.0625rem;font-weight:800}.blog-prose h3{color:var(--accent);background:linear-gradient(90deg,#f0fdfa,#f0fdfa59);border-left:4px solid #14b8a6;border-radius:0 10px 10px 0;margin:1.1rem 0 .5rem;padding:6px 10px;font-size:.9375rem;font-weight:800}.blog-prose p,.blog-prose li{margin:0 0 10px}.blog-prose ul,.blog-prose ol{margin:0 0 12px;padding-left:20px}.blog-prose li::marker{color:#14b8a6}.blog-prose a{color:var(--accent);text-underline-offset:2px;font-weight:600}.blog-prose pre{background:var(--code);color:#e2e8f0;border:1px solid #1e293b;border-radius:12px;margin:12px 0;padding:12px 14px;overflow-x:auto}.blog-prose code{font-family:var(--font-mono);font-size:.82em}.blog-prose :not(pre)>code{border:1px solid var(--line);background:#f1f5f9;border-radius:5px;padding:.12em .4em}.blog-prose pre code{color:inherit;background:0 0;border:none;padding:0}.blog-prose table{border-collapse:collapse;width:100%;margin:12px 0 16px;font-size:.8125rem}.blog-prose th,.blog-prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 12px}.blog-prose th{background:linear-gradient(#f8fafc,#f1f5f9);font-size:.75rem;font-weight:800}.blog-section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-top:22px;padding:14px 16px}.blog-section h2{letter-spacing:-.01em;margin:0 0 10px;font-size:1rem;font-weight:800}.blog-section h3{margin:12px 0 4px;font-size:.9rem;font-weight:700}.blog-section p,.blog-section li{color:var(--muted);font-size:.8125rem;line-height:1.55}.blog-section ul{margin:0;padding-left:18px}.blog-adjacent{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.blog-adjacent a{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--paper);max-width:min(100%,320px);color:var(--ink-soft);box-shadow:var(--shadow-card);padding:10px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-adjacent a:hover{border-color:var(--accent-ring);background:var(--accent-soft);color:var(--accent-hover)}.blog-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-top:1px solid #94a3b847}.blog-footer-inner{max-width:var(--content-width);margin:0 auto;padding:18px 18px 28px}.blog-footer-brand{color:var(--ink);margin:0 0 8px;font-size:.875rem;font-weight:700}.blog-footer-links{flex-wrap:wrap;gap:10px 14px;margin-bottom:8px;display:flex}.blog-footer-links a{color:var(--muted);font-size:.8125rem;font-weight:500;text-decoration:none}.blog-footer-links a:hover{color:var(--accent)}.blog-footer-note{color:var(--muted-soft);margin:0;font-size:.75rem}@media (max-width:900px){.blog-nav-inner{flex-direction:column;align-items:flex-start}.blog-nav-links{justify-content:flex-start}.blog-post-layout{grid-template-columns:1fr}.blog-toc{position:static}}@media (max-width:640px){.jupius-btn-primary-nav{margin-top:2px}}.blog-prose img{border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:460px;height:auto;margin:1rem auto;display:block}
pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
