.global-course-nav{background:#20a4fa;color:white;padding:0.75rem 0;margin-bottom:2rem;border-bottom:3px solid #3498db}.course-classes{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0.1rem}.class-link{text-decoration:none;color:white;display:flex;align-items:center;padding:0.5rem 1rem;border-radius:6px;transition:all 0.3s ease;text-align:center;flex:1;justify-content:center;gap:0.5rem}.class-link:hover{background:#3498db;transform:translateY(-1px)}.class-number{font-weight:bold;font-size:0.9rem}.class-title{font-size:0.85rem;opacity:0.95}.global-floating-nav{position:fixed;top:50%;right:20px;transform:translateY(-50%);background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;overflow:hidden;transition:all 0.3s ease}.global-floating-nav .nav-toggle{background:#667eea;color:white;border:none;padding:12px 16px;cursor:pointer;font-size:18px;width:100%}.global-floating-nav .nav-items{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.global-floating-nav.open .nav-items{max-height:400px}.global-floating-nav .nav-items a{display:block;padding:12px 16px;text-decoration:none;color:#495057;border-bottom:1px solid #e9ecef;transition:background 0.2s ease;white-space:nowrap}.global-floating-nav .nav-items a:hover{background:#f8f9fa;color:#667eea}html{scroll-behavior:smooth}@media (max-width: 768px){.course-classes{gap:0.25rem}.class-link{flex:none;min-width:140px;padding:0.4rem 0.8rem}.class-number{font-size:0.8rem}.class-title{font-size:0.75rem}.global-floating-nav{position:relative;right:auto;top:auto;transform:none;margin:1rem}.global-floating-nav .nav-items{max-height:none}}@media (prefers-color-scheme: dark){.global-floating-nav{background:#2d3748}.global-floating-nav .nav-items a{color:#e2e8f0;border-color:#4a5568}.global-floating-nav .nav-items a:hover{background:#4a5568;color:#90cdf4}}