.page-nav{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.page-nav .nav-brand{color:var(--text-main);align-items:center;gap:10px;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.page-nav .nav-brand:hover{color:var(--primary)}.page-nav .nav-links{flex-wrap:wrap;gap:8px;display:flex}.page-nav .nav-links a{color:var(--text-muted);border:1px solid var(--glass-border);transition:var(--transition);padding:6px 14px;font-size:.85rem;text-decoration:none}.page-nav .nav-links a:hover,.page-nav .nav-links a.active{color:var(--text-main);border-color:var(--primary);background:#425ff026}.nav-toggle{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:var(--transition);background:0 0;padding:6px 12px;font-size:1.5rem;display:none}.nav-toggle:hover{border-color:var(--primary);color:var(--primary)}@media (width<=768px){.page-nav{flex-direction:column;gap:10px;padding:10px 16px}.page-nav .nav-links{flex-direction:column;justify-content:center;gap:4px;width:100%;display:none}.page-nav .nav-links.open{display:flex}.nav-toggle{align-self:flex-end;display:block;position:absolute;top:10px;right:16px}.page-nav{align-items:flex-start;position:relative}}