.sidebar{z-index:1000;width:clamp(220px,16vw,256px);height:100vh;transition:transform var(--transition);background-color:#f8f9fa;border-right:1px solid #e5e7eb;padding-bottom:80px;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(0)}.sidebar-nav{padding:var(--space-6);flex-direction:column;height:100%;display:flex}.nav-section{margin-bottom:var(--space-8)}.nav-section-heading{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);margin-top:var(--space-6);padding:0 var(--space-3);user-select:none;pointer-events:none;font-size:11px;font-weight:600}.nav-section:first-child .nav-section-heading{margin-top:0}.nav-section-items{flex-direction:column;gap:2px;display:flex}.nav-home{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-3);color:#374151;background:0 0;border:none;border-radius:6px;width:100%;min-height:48px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-home:hover{color:#111827;background-color:#0000000a}.nav-home.active{color:#fff;background-color:#e5e7eb;font-weight:600}.nav-home-logo{justify-content:center;align-items:center;width:20px;height:20px;transition:color .15s;display:flex}.nav-home-text{font-weight:inherit;flex:1;transition:color .15s}.nav-divider{height:1px;margin:var(--space-4)0 var(--space-6)0;background-color:#e5e7eb}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;min-height:36px;font-size:14px;font-weight:400;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#111827;background-color:#0000000a}.nav-item.active{color:#111827;background-color:#e5e7eb;font-weight:500}.nav-item-icon{width:16px;height:16px;color:inherit;flex-shrink:0;transition:color .15s}.nav-item-label{font-weight:inherit;flex:1;transition:color .15s}.nav-item-chevron,.nav-item-external{width:12px;height:12px;color:inherit;opacity:.6;flex-shrink:0;transition:all .15s}.nav-item:hover .nav-item-chevron,.nav-item:hover .nav-item-external{opacity:.8}.nav-item.active .nav-item-chevron,.nav-item.active .nav-item-external{opacity:1;color:#111827}.accordion-group{margin-bottom:2px}.accordion-toggle{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;min-height:36px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.accordion-toggle:focus{outline-offset:2px;outline:2px solid #3b82f6}.accordion-toggle.active{background-color:var(--ml-blue);color:var(--ml-bg);border-color:var(--ml-blue);font-weight:600}.accordion-toggle:hover{background-color:var(--ml-blue);color:var(--ml-bg);border-color:var(--ml-blue);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.accordion-icon{width:16px;height:16px;color:inherit;flex-shrink:0;transition:color .15s}.accordion-label{font-weight:inherit;flex:1;transition:color .15s}.accordion-chevron{width:12px;height:12px;color:inherit;opacity:.6;flex-shrink:0;transition:all .15s;transform:rotate(0)}.accordion-toggle:hover .accordion-chevron{opacity:.8}.accordion-toggle.active .accordion-chevron{opacity:1;color:#111827}.accordion-toggle.expanded .accordion-chevron{transform:rotate(90deg)}.accordion-content{margin-left:var(--space-6);margin-bottom:var(--space-2);max-height:0;padding:0 var(--space-2);background-color:#00000005;border-left:2px solid #e5e7eb;transition:max-height .2s,padding .2s;overflow:hidden}.accordion-content.expanded{max-height:500px;padding:var(--space-2);background-color:#0000000d}.accordion-item{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;width:100%;min-height:32px;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex;position:relative}.accordion-item:hover{color:#374151;background-color:#0000000a}.accordion-item:focus{outline-offset:2px;outline:2px solid #3b82f6}.accordion-item.active{color:#111827;background-color:#e5e7eb;font-weight:500}.accordion-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.accordion-item-icon{width:14px;height:14px;color:inherit;flex-shrink:0;transition:color .15s}.accordion-item-label{font-weight:inherit;flex:1;transition:color .15s}.accordion-item-status{opacity:.6;background-color:#d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:all .15s;display:flex}.accordion-item-status.completed{opacity:1;color:#fff;background-color:#3b82f6}.overview-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-3);background-color:var(--ml-card);border:1px solid var(--ml-line);margin:var(--space-2)0;color:#374151;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.overview-item:hover{background-color:var(--ml-blue);color:var(--ml-bg);border-color:var(--ml-blue);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.overview-item:focus{outline:2px solid var(--ml-blue);outline-offset:2px}.overview-item.active{background-color:var(--ml-blue);color:var(--ml-bg);border-color:var(--ml-blue);opacity:1;font-weight:600}.nav-group-toggle:focus-visible,.nav-item:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.nav-group-toggle svg,.nav-item svg{color:inherit;transition:color .15s}.nav-item-more{color:#9ca3af;font-style:italic}.nav-item-disabled{opacity:.5;cursor:not-allowed}.nav-item-more:hover{color:#3b82f6}.resource-page{max-width:1200px;padding:var(--space-6);margin:0 auto}.resource-header{margin-bottom:var(--space-8)}.resource-breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:#6b7280;font-size:14px;display:flex}.breadcrumb-link{color:#3b82f6;text-decoration:none;transition:color .15s}.breadcrumb-separator{color:#9ca3af}.resource-title-section{align-items:flex-start;gap:var(--space-4);display:flex}.resource-icon{color:#3b82f6;background-color:#f3f4f6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.resource-title-content{flex:1}.resource-title{color:#111827;margin:0 0 var(--space-2)0;font-size:32px;font-weight:700}.resource-description{color:#6b7280;margin:0 0 var(--space-4)0;font-size:18px;line-height:1.6}.resource-meta{gap:var(--space-4);align-items:center;display:flex}.resource-type{color:#374151;padding:var(--space-1)var(--space-3);text-transform:uppercase;letter-spacing:.05em;background-color:#e5e7eb;border-radius:6px;font-size:12px;font-weight:600}.resource-book{color:#6b7280;font-size:14px;font-weight:500}.resource-content{gap:var(--space-8);display:grid}.resource-intro{padding:var(--space-6);background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px}.resource-intro p{color:#374151;margin:0;font-size:16px;line-height:1.6}.resource-items h2,.resource-articles h2{color:#111827;margin:0 0 var(--space-6)0;font-size:24px;font-weight:600}.items-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.resource-item-card{padding:var(--space-4);background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .15s}.resource-item-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.item-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.item-title{color:#111827;margin:0;font-size:18px;font-weight:600}.item-status{padding:var(--space-1)var(--space-2);border-radius:4px;font-size:12px;font-weight:600}.item-status.completed{color:#065f46;background-color:#d1fae5}.item-status.pending{color:#92400e;background-color:#fef3c7}.item-description{color:#6b7280;margin:0 0 var(--space-4)0;line-height:1.5}.item-actions{gap:var(--space-2);display:flex}.articles-list{gap:var(--space-4);display:grid}.article-card{padding:var(--space-4);background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .15s}.article-card:hover{border-color:#3b82f6;box-shadow:0 2px 4px -1px #0000001a}.article-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.article-title{color:#111827;margin:0;font-size:18px;font-weight:600}.article-meta{gap:var(--space-2);color:#9ca3af;font-size:12px;display:flex}.article-summary{color:#6b7280;margin:0 0 var(--space-3)0;line-height:1.5}.article-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{color:#374151;padding:var(--space-1)var(--space-2);background-color:#f3f4f6;border-radius:4px;font-size:12px;font-weight:500}.sidebar-dock{padding:var(--space-4);background:var(--ml-bg);gap:var(--space-2);z-index:1000;border-top:1px solid #e5e7eb;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.user-info{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--ml-bg);margin-bottom:var(--space-2);border-radius:8px;display:flex}.user-avatar{background:var(--ml-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:var(--font-size-sm);color:var(--ml-ink);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.user-email{font-size:var(--font-size-xs);color:var(--ml-ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-actions,.auth-actions{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.dock-buttons{justify-content:flex-start;align-items:center;gap:var(--space-2);width:100%;display:flex}.menu-dropdown-container{width:100%;position:relative}.menu-dropdown{margin-bottom:var(--space-2);z-index:1001;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.menu-dropdown-header{padding:var(--space-3);border-bottom:1px solid #e5e7eb}.menu-user-info{align-items:center;gap:var(--space-2);display:flex}.menu-user-avatar{background:var(--ml-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.menu-user-details{flex:1;min-width:0}.menu-user-name{color:var(--ml-ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.menu-user-email{color:var(--ml-ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.menu-dropdown-divider{background:#e5e7eb;height:1px}.menu-dropdown-items{padding:var(--space-1)}.menu-dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);color:var(--ml-ink);cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;font-size:14px;text-decoration:none;transition:background-color .2s;display:flex}.menu-dropdown-item:hover{color:var(--ml-ink);background:#f3f4f6;text-decoration:none}.menu-dropdown-item svg{flex-shrink:0}.dock-button{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:44px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.dock-button:hover{color:#374151;background-color:#f9fafb;border-color:#d1d5db}.dock-button:focus{outline:2px solid var(--ml-blue);outline-offset:2px}.dock-button.active{background-color:var(--ml-blue);color:#fff;border-color:var(--ml-blue)}.dock-menu-button{flex:1;justify-content:flex-start;width:100%}.dock-overflow{padding:var(--space-3);justify-content:center;min-width:44px}.dock-button-text{font-weight:500;transition:color .15s}.topbar{background-color:var(--ml-bg);border-bottom:1px solid var(--ml-line);z-index:999;height:clamp(60px,8vh,72px);transition:left var(--transition);position:fixed;top:0;left:clamp(220px,16vw,256px);right:0}.topbar-content{height:100%;padding:0 var(--container-padding);justify-content:space-between;align-items:center;max-width:100%;display:flex;overflow:hidden}.topbar-left{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.logo-mark{background-color:var(--ml-blue);width:clamp(20px,1.5vw,24px);height:clamp(20px,1.5vw,24px);color:var(--ml-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--ml-ink-muted);min-width:0;display:flex;overflow:hidden}.breadcrumb-link{color:var(--ml-ink-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--ml-blue)}.breadcrumb-separator{color:var(--ml-ink-subtle);font-weight:500}.breadcrumb-current{color:var(--ml-ink);font-weight:500}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.topbar-button{border:1px solid var(--ml-line);border-radius:var(--radius);background-color:var(--ml-bg);width:32px;height:32px;color:var(--ml-ink-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.topbar-button:hover{border-color:var(--ml-blue);color:var(--ml-blue)}.topbar-button:focus{outline:var(--focus)}.theme-icon{transition:opacity .2s}.theme-icon.theme-sun{display:block}.theme-icon.theme-moon,[data-theme=dark] .theme-icon.theme-sun{display:none}[data-theme=dark] .theme-icon.theme-moon{display:block}[data-theme=dark] .search-panel{background:var(--ml-bg);border-bottom-color:var(--ml-line);box-shadow:0 4px 12px #0006}[data-theme=dark] .search-input{background:var(--ml-bg);border-color:var(--ml-line);color:var(--ml-ink)}[data-theme=dark] .search-input:focus{border-color:var(--ml-blue);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .search-results{background:var(--ml-bg)}[data-theme=dark] .search-result{border-bottom-color:var(--ml-line)}[data-theme=dark] .search-result:hover{background:var(--ml-surface)}.search-panel{background:var(--ml-bg);border-bottom:1px solid var(--ml-line);z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 4px 12px #0000001a}.search-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.search-panel-content{max-width:800px;padding:var(--space-6);margin:0 auto}.search-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.search-title{font-size:var(--font-size-xl);color:var(--ml-ink);margin:0;font-weight:600}.search-close{color:var(--ml-ink-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius);background:0 0;border:none;transition:all .2s}.search-close:hover{background:var(--ml-surface);color:var(--ml-ink)}.search-input-container{margin-bottom:var(--space-4);position:relative}.search-input-icon{left:var(--space-4);color:var(--ml-ink-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-4)var(--space-4)var(--space-4)var(--space-12);border:2px solid var(--ml-line);font-size:var(--font-size-lg);background:var(--ml-bg);color:var(--ml-ink);border-radius:12px;transition:all .2s}.search-input:focus{border-color:var(--ml-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--ml-ink-muted)}.search-results{background:var(--ml-bg);border-radius:8px;max-height:400px;overflow-y:auto}.search-empty{text-align:center;padding:var(--space-12)var(--space-6);color:var(--ml-ink-muted)}.search-empty svg{margin-bottom:var(--space-4);opacity:.5}.search-empty p{font-size:var(--font-size-base);margin:0}.search-result{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--ml-line);cursor:pointer;color:inherit;text-decoration:none;transition:background-color .2s;display:flex}.search-result:hover{background:var(--ml-surface)}.search-result.selected{background:var(--ml-blue);color:#fff}.search-result:last-child{border-bottom:none}.search-result-icon{width:20px;height:20px;color:var(--ml-ink-muted);flex-shrink:0;margin-top:2px}.search-result.selected .search-result-icon{color:#fffc}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:var(--font-size-base);color:var(--ml-ink);margin:0 0 var(--space-1)0;font-weight:600;line-height:1.3}.search-result.selected .search-result-title{color:#fff}.search-result-path{font-size:var(--font-size-sm);color:var(--ml-ink-muted);margin:0 0 var(--space-1)0}.search-result.selected .search-result-path{color:#ffffffb3}.search-result-snippet{font-size:var(--font-size-sm);color:var(--ml-ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result.selected .search-result-snippet{color:#fffc}.search-highlight{background:#3b82f633;border-radius:2px;padding:1px 2px;font-weight:600}.search-result.selected .search-highlight{background:#ffffff4d}.search-no-results{text-align:center;padding:var(--space-12)var(--space-6);color:var(--ml-ink-muted)}.search-no-results svg{margin-bottom:var(--space-4);opacity:.5}.search-no-results p{font-size:var(--font-size-base);margin:0}@media (width<=768px){.search-panel-content{padding:var(--space-4)}.search-title{font-size:var(--font-size-lg)}.search-input{font-size:var(--font-size-base);padding:var(--space-3)var(--space-3)var(--space-3)var(--space-10)}.search-results{max-height:300px}.search-result{padding:var(--space-3)}.search-result-title{font-size:var(--font-size-sm)}.search-result-snippet{font-size:var(--font-size-xs)}}.main-content{background-color:var(--ml-bg);min-height:calc(100vh - clamp(60px,8vh,72px));transition:margin-left var(--transition);margin-top:clamp(60px,8vh,72px);margin-left:clamp(220px,16vw,256px);padding:0}.main-content-inner{width:100%;max-width:1200px;padding:var(--space-40)var(--container-padding);margin:0 auto}.footer{background-color:var(--ml-bg);padding:var(--space-8)0;margin-left:256px}.footer-content{max-width:1040px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-links{gap:var(--space-6);display:flex}.footer-link{font-size:var(--font-size-sm);color:var(--ml-ink-dim);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--ml-blue)}.footer-copyright{font-size:var(--font-size-sm);color:var(--ml-ink-dim)}@media (width<=1024px){.sidebar{width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{transition:left var(--transition);left:0}.main-content{transition:margin-left var(--transition);margin-left:0}.footer{margin-left:0}.main-content-inner{padding:var(--space-24)var(--container-padding)}.sidebar-overlay{z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);background-color:#00000080;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible}}@media (width<=480px){.main-content-inner{padding:var(--space-12)var(--space-6)}.topbar{height:64px}.main-content{min-height:calc(100vh - 64px);margin-top:64px}}.sidebar-panel{background-color:var(--ml-bg);border:1px solid var(--ml-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1001;opacity:0;visibility:hidden;min-width:260px;max-width:min(280px,85vw);max-height:85vh;transition:opacity var(--transition),visibility var(--transition),transform var(--transition);position:absolute;overflow-y:auto;transform:scale(.95)translate(-8px)}.sidebar-panel.open{opacity:1;visibility:visible;transform:scale(1)translate(0)}.sidebar-panel-content{padding:var(--space-2)}.sidebar-panel-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius);color:var(--ml-ink);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-weight:500;text-decoration:none;display:flex}.sidebar-panel-item:hover{background-color:var(--ml-surface)}.sidebar-panel-item:focus{outline:var(--focus)}.sidebar-panel-item-icon{width:16px;height:16px;color:var(--ml-ink-muted);flex-shrink:0}.sidebar-panel-item:hover .sidebar-panel-item-icon{color:var(--ml-blue)}.sidebar-panel-item-label{flex:1;font-weight:500}.sidebar-panel-divider{background-color:var(--ml-line);height:1px;margin:var(--space-2)var(--space-4)}@media (width<=1023px){.sidebar-panel{min-width:240px;max-width:260px}.sidebar-panel-content{padding:var(--space-1)}.sidebar-panel-item{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}}