#progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--brand-blue);z-index:1000;transition:width .1s linear}.navbar{background:var(--canvas);padding:16px 32px;display:flex;align-items:center;border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:100;gap:8px}.logo{font-size:25px;font-weight:800;letter-spacing:-.3px;display:inline-flex;align-items:center;text-decoration:none;color:var(--ink);flex-shrink:0}.logo-isp{position:relative;display:inline-block}.logo-star{position:absolute;width:15px;height:15px;top:-5px;left:50%;transform:translate(-50%)}.breadcrumbs{margin-left:24px;font-size:14px;color:var(--slate);display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.crumb-link{color:var(--brand-blue);text-decoration:none;font-weight:500}.crumb-link:hover{text-decoration:underline}.crumb-current{color:var(--primary);font-weight:500}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-decoration:none;font-size:18px;margin-right:8px;border:1px solid var(--hairline);transition:background .15s ease;flex-shrink:0}.back-btn:hover{background:var(--hairline-soft)}.page-wrap{max-width:1260px;margin:48px auto;padding:0 24px;display:grid;grid-template-columns:230px 1fr 230px;gap:32px;align-items:start}.page-wrap.no-toc{max-width:1180px;grid-template-columns:220px 1fr}.sidebar-left,.sidebar-right{position:sticky;top:88px;min-width:0}.materials-card,.toc-card{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--radius-xl);padding:18px;box-shadow:#0500380a 0 8px 24px}.materials-title,.toc-header{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--stone);margin-bottom:10px}.materials-list,.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.material-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:600;text-decoration:none;color:var(--steel);border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.material-link:hover{background:var(--surface);color:var(--ink);border-color:var(--hairline-soft)}.material-link.active{background:var(--surface);color:var(--brand-blue);border-color:var(--brand-blue)}.material-link.disabled{color:var(--muted);pointer-events:none}.toc-list{gap:1px}.toc-item a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--steel);text-decoration:none;transition:background .15s,color .15s}.toc-item a:hover,.toc-item a.active{background:var(--surface);color:var(--ink)}.toc-dot{width:6px;height:6px;border-radius:50%;background:var(--hairline);flex-shrink:0;transition:background .2s}.toc-item a.active .toc-dot{background:var(--brand-blue)}.toc-sep{height:1px;background:var(--hairline-soft);margin:8px 0}.content{min-width:0;display:flex;flex-direction:column;gap:var(--space-xxl)}.container{min-width:0;max-width:100%;padding:0;display:flex;flex-direction:column;gap:var(--space-xxl)}h1{font-size:42px;font-weight:500;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}.no-toc h1{font-size:48px;margin:0 0 8px}h2{font-size:22px;font-weight:500;letter-spacing:-.3px;margin:0 0 16px}@media(max-width:1024px){.page-wrap{grid-template-columns:200px 1fr}.page-wrap:not(.no-toc) .sidebar-right{display:none}}@media(max-width:860px){.page-wrap,.page-wrap.no-toc{grid-template-columns:1fr;margin:24px auto;padding:0 16px;gap:16px}.sidebar-right{display:none}.sidebar-left{position:static;top:auto;width:100%}.materials-card{padding:10px 12px}.materials-title{display:none}.materials-list{flex-direction:row;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.materials-list::-webkit-scrollbar{display:none}.material-link{white-space:nowrap;padding:8px 14px;flex-shrink:0}}@media(max-width:640px){.navbar{padding:12px 16px}.logo{font-size:20px}.back-btn{width:32px;height:32px;font-size:16px;margin-right:6px}.breadcrumbs{display:none}h1{font-size:26px}.no-toc h1{font-size:28px}h2{font-size:19px}}