.navbar[data-v-6d840ac3]{position:sticky;top:0;z-index:100;transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease;padding-top:env(safe-area-inset-top,0px)}.navbar.scrolled[data-v-6d840ac3]{background:var(--surface-glass-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-nav)}.nav-inner[data-v-6d840ac3]{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo[data-v-6d840ac3]{display:flex;align-items:center;gap:8px;text-decoration:none}.nav-logo span[data-v-6d840ac3]{font-size:18px;font-weight:700;color:var(--blog-heading)}.nav-links[data-v-6d840ac3]{display:flex;gap:28px}.nav-links a[data-v-6d840ac3]{text-decoration:none;font-size:14px;color:var(--blog-muted);transition:color .2s}.nav-links a[data-v-6d840ac3]:hover{color:var(--brand-primary)}.nav-actions[data-v-6d840ac3]{display:flex;gap:12px}.btn-ghost[data-v-6d840ac3]{border:1px solid var(--neutral-100);background:transparent;border-radius:999px;padding:8px 20px;font-size:14px;cursor:pointer;transition:color .2s,border-color .2s;color:var(--blog-body)}.btn-ghost[data-v-6d840ac3]:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.btn-solid[data-v-6d840ac3]{border:none;background:var(--gradient-brand);border-radius:999px;padding:8px 20px;font-size:14px;color:var(--text-on-deep);cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-solid[data-v-6d840ac3]:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand-sm)}.nav-hamburger[data-v-6d840ac3]{display:none;border:none;background:transparent;cursor:pointer;color:var(--blog-heading);padding:8px;min-height:44px;min-width:44px;align-items:center;justify-content:center}.mobile-drawer[data-v-6d840ac3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.drawer-mask[data-v-6d840ac3]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim-strong)}.drawer-panel[data-v-6d840ac3]{position:absolute;top:0;right:0;bottom:0;width:min(300px,80vw);background:var(--surface-card);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-drawer)}.drawer-head[data-v-6d840ac3]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--surface-divider)}.drawer-title[data-v-6d840ac3]{font-size:16px;font-weight:600;color:var(--blog-heading)}.drawer-close[data-v-6d840ac3]{border:none;background:transparent;cursor:pointer;color:var(--blog-muted);padding:8px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.drawer-links[data-v-6d840ac3]{flex:1;display:flex;flex-direction:column;padding:8px 0;overflow-y:auto}.drawer-links a[data-v-6d840ac3]{padding:14px 20px;font-size:15px;color:var(--blog-body);text-decoration:none;cursor:pointer;min-height:48px;display:flex;align-items:center;transition:background .2s}.drawer-links a[data-v-6d840ac3]:hover,.drawer-links a[data-v-6d840ac3]:active{background:var(--neutral-25);color:var(--brand-primary)}.drawer-actions[data-v-6d840ac3]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--surface-divider)}.drawer-actions .btn-ghost[data-v-6d840ac3],.drawer-actions .btn-solid[data-v-6d840ac3]{flex:1;min-height:44px}.drawer-enter-active[data-v-6d840ac3],.drawer-leave-active[data-v-6d840ac3]{transition:opacity .25s ease}.drawer-enter-active .drawer-panel[data-v-6d840ac3],.drawer-leave-active .drawer-panel[data-v-6d840ac3]{transition:transform .25s ease}.drawer-enter-from[data-v-6d840ac3],.drawer-leave-to[data-v-6d840ac3]{opacity:0}.drawer-enter-from .drawer-panel[data-v-6d840ac3],.drawer-leave-to .drawer-panel[data-v-6d840ac3]{transform:translate(100%)}@media (max-width: 900px){.nav-links[data-v-6d840ac3],.nav-actions[data-v-6d840ac3]{display:none}.nav-hamburger[data-v-6d840ac3]{display:flex}}@media (max-width: 768px){.nav-inner[data-v-6d840ac3]{padding:12px 16px}.nav-logo span[data-v-6d840ac3]{font-size:16px}.btn-ghost[data-v-6d840ac3],.btn-solid[data-v-6d840ac3]{padding:8px 14px;font-size:13px}.nav-actions[data-v-6d840ac3]{gap:8px}}@media (max-width: 480px){.nav-inner[data-v-6d840ac3]{padding:10px 12px}.nav-logo svg[data-v-6d840ac3]{width:24px;height:24px}.nav-logo span[data-v-6d840ac3]{font-size:15px}.btn-ghost[data-v-6d840ac3]{padding:8px 12px;font-size:13px;min-height:44px}.btn-solid[data-v-6d840ac3]{padding:8px 14px;font-size:13px;min-height:44px}}