.learn-layout-with-nav{align-items:flex-start;display:flex;gap:32px;margin:0 auto;max-width:1600px;padding:40px 32px}.learn-left-nav{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;max-height:calc(100vh - 48px);overflow-y:auto;padding:24px;position:sticky;top:24px;width:260px}.learn-left-nav-content{display:flex;flex-direction:column;gap:16px}.learn-nav-links{display:flex;flex-direction:column;gap:4px}.learn-auth-link,.learn-nav-link{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:.9375rem;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s}.learn-auth-link:hover,.learn-nav-link:hover{background:#f3f4f6;color:#1a4e8a}.learn-nav-link.active{background:#eff6ff;color:#1a4e8a;font-weight:600}.learn-nav-icon{font-size:1.25rem;line-height:1}.learn-nav-text{flex:1}.learn-nav-divider{background:#e5e7eb;height:1px;margin:8px 0}.learn-nav-auth{display:flex;flex-direction:column;gap:8px}.learn-user-greeting{color:#6b7280;font-size:.875rem;padding:8px 16px}.learn-filters{display:flex;flex-direction:column;gap:16px}.learn-filters-title{color:#111827;font-size:1rem;font-weight:600;margin:0}.learn-filter-group{display:flex;flex-direction:column;gap:8px}.learn-filter-group fieldset{border:none;margin:0;padding:0}.learn-filter-group legend,.learn-filter-label{color:#374151;font-size:.875rem;font-weight:500}.learn-filter-search,.learn-filter-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;width:100%}.learn-filter-search:disabled,.learn-filter-select:disabled{cursor:not-allowed;opacity:.6}.learn-filter-options{display:flex;flex-direction:column;gap:6px}.learn-filter-checkbox{align-items:center;color:#374151;cursor:not-allowed;display:flex;font-size:.875rem;gap:8px;opacity:.6}.learn-filter-checkbox input{cursor:not-allowed}.learn-filters-note{color:#9ca3af;font-size:.75rem;font-style:italic;margin:8px 0 0;text-align:center}.learn-main-content{flex:1;min-width:0}.learn-nav-overlay{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s;z-index:998}.learn-nav-overlay.active{display:block;opacity:1}.learn-nav-toggle{background:#1a4e8a;border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 12px rgba(26,78,138,.3);color:#fff;cursor:pointer;display:none;height:56px;position:fixed;right:24px;transition:transform .2s;width:56px;z-index:999}.learn-nav-toggle:hover{transform:scale(1.1)}.learn-nav-toggle-icon{font-size:1.5rem;line-height:1}@media (max-width:900px){.learn-layout-with-nav{padding:24px 16px}.learn-left-nav{border:none;border-radius:0;border-right:1px solid #e5e7eb;bottom:0;left:0;margin:0;max-height:100vh;padding-top:32px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s;width:280px;z-index:999}.learn-left-nav.active{transform:translateX(0)}.learn-nav-toggle{align-items:center;display:flex;justify-content:center}.learn-main-content{width:100%}}@media (max-width:600px){.learn-left-nav{max-width:320px;width:100%}}