.cs-roadmap-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4) var(--space-4);box-shadow:var(--shadow-card);margin-bottom:var(--space-6);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-3);width:100%}.cs-roadmap__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.cs-roadmap__header-title{font-size:var(--text-md);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.cs-roadmap__close-btn{display:none;background:#fff0;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:50%;transition:all var(--transition-fast)}.cs-roadmap__close-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.cs-roadmap__accordion{max-height:calc(100vh - 280px);overflow-y:auto;padding-right:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.cs-roadmap__accordion::-webkit-scrollbar{width:4px}.cs-roadmap__accordion::-webkit-scrollbar-track{background:#fff0}.cs-roadmap__accordion::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full)}.cs-roadmap__accordion::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.cs-roadmap-chapter{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-surface-2);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.cs-roadmap-chapter:hover{border-color:var(--color-accent);box-shadow:0 2px 8px rgb(0 0 0 / .15)}.cs-roadmap-chapter__title{width:100%;padding:var(--space-3) var(--space-4);background:#fff0;border:none;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.cs-roadmap-chapter__title:hover{background:rgb(128 128 128 / .04)}.cs-roadmap-chapter__chevron{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform var(--transition-base)}.cs-roadmap-chapter__title[aria-expanded="true"] .cs-roadmap-chapter__chevron{transform:rotate(180deg);color:var(--color-accent)}.cs-roadmap-chapter__content{overflow:hidden;transition:max-height 0.35s cubic-bezier(.25,.8,.25,1),opacity 0.3s ease;background:var(--color-bg);border-top:1px solid var(--color-border)}.cs-roadmap-links{list-style:none;padding:var(--space-2) 0;margin:0}.cs-roadmap-link-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);border-left:3px solid #fff0}.cs-roadmap-link-item:hover{background:rgb(128 128 128 / .05);color:var(--color-text-primary);border-left-color:var(--color-accent)}.cs-roadmap-link-item.active-post{color:var(--color-accent)!important;font-weight:var(--font-weight-semibold);border-left-color:var(--color-accent)!important;background:var(--color-accent-glow)!important}.cs-roadmap-link-check{width:14px;height:14px;border:1px solid var(--color-border-light);border-radius:var(--border-radius-full);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:8px;font-weight:700;color:#fff0;transition:all var(--transition-fast)}.cs-roadmap-link-item.read .cs-roadmap-link-check{background:var(--color-accent-glow);border-color:var(--color-accent);color:var(--color-accent)}.cs-roadmap-link-item.read .cs-roadmap-link-check::after{content:'✓'}.cs-roadmap__banner{background:linear-gradient(135deg,var(--color-accent-glow) 0%,rgb(26 115 232 / .08) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);gap:var(--space-3);box-sizing:border-box}.cs-roadmap__banner-text{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-snug)}.cs-roadmap__banner-btn{background:var(--color-blue);color:#ffffff!important;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-sm);text-decoration:none;transition:all var(--transition-bounce);white-space:nowrap}.cs-roadmap__banner-btn:hover{background:var(--color-blue-dark);transform:scale(1.03)}@media (min-width:1101px){body.cs-has-left-sidebar .cs-layout{grid-template-columns:var(--sidebar-width) 1fr!important}body.cs-has-left-sidebar .cs-main{order:2!important}body.cs-has-left-sidebar .cs-sidebar{order:1!important}body.cs-has-no-sidebar .cs-layout{grid-template-columns:1fr!important}body.cs-has-no-sidebar .cs-sidebar{display:none!important}}.cs-roadmap-trigger,.cs-roadmap-backdrop{display:none!important}@media (max-width:1100px){body.cs-has-left-sidebar .cs-sidebar,body.cs-has-right-sidebar .cs-sidebar,body.cs-has-no-sidebar .cs-sidebar,body.cs-has-left-sidebar .cs-forum-sidebar,body.cs-has-right-sidebar .cs-forum-sidebar,body.cs-has-no-sidebar .cs-forum-sidebar{display:block!important;position:static!important;width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:none!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}body.cs-has-left-sidebar .cs-sidebar>*:not(.cs-roadmap-container):not(.cs-roadmap-trigger):not(.cs-roadmap-backdrop),body.cs-has-right-sidebar .cs-sidebar>*:not(.cs-roadmap-container):not(.cs-roadmap-trigger):not(.cs-roadmap-backdrop),body.cs-has-no-sidebar .cs-sidebar>*:not(.cs-roadmap-container):not(.cs-roadmap-trigger):not(.cs-roadmap-backdrop),body.cs-has-left-sidebar .cs-forum-sidebar>*:not(.cs-roadmap-container):not(.cs-roadmap-trigger):not(.cs-roadmap-backdrop),body.cs-has-right-sidebar .cs-forum-sidebar>*:not(.cs-roadmap-container):not(.cs-roadmap-trigger):not(.cs-roadmap-backdrop),body.cs-has-no-sidebar .cs-forum-sidebar>*:not(.cs-roadmap-container):not(.cs-roadmap-trigger):not(.cs-roadmap-backdrop){display:none!important}html.has-roadmap-drawer-open{overflow:hidden!important}.cs-roadmap-container.slide-left{position:fixed!important;top:0!important;left:-320px!important;width:300px!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1000!important;border-radius:0!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:1px solid var(--color-border)!important;margin:0!important;padding:0!important;background:var(--color-surface)!important;box-shadow:10px 0 30px rgb(0 0 0 / .5)!important;transition:transform 0.35s cubic-bezier(.25,.8,.25,1)!important;transform:translate3d(0,0,0)!important}.cs-roadmap-container.slide-left.open{transform:translate3d(320px,0,0)!important}.cs-roadmap-container.slide-right{position:fixed!important;top:0!important;right:-320px!important;width:300px!important;height:100vh!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1000!important;border-radius:0!important;border-top:none!important;border-bottom:none!important;border-right:none!important;border-left:1px solid var(--color-border)!important;margin:0!important;padding:0!important;background:var(--color-surface)!important;box-shadow:-10px 0 30px rgb(0 0 0 / .5)!important;transition:transform 0.35s cubic-bezier(.25,.8,.25,1)!important;transform:translate3d(0,0,0)!important}.cs-roadmap-container.slide-right.open{transform:translate3d(-320px,0,0)!important}.cs-roadmap-container.slide-left .cs-roadmap__inner,.cs-roadmap-container.slide-right .cs-roadmap__inner{min-height:100%!important;height:auto!important;box-sizing:border-box!important;padding:var(--space-4)!important;display:flex!important;flex-direction:column!important}.cs-roadmap-container.slide-left .cs-roadmap__accordion,.cs-roadmap-container.slide-right .cs-roadmap__accordion{flex:1 0 auto!important;overflow-y:visible!important;max-height:none!important}.cs-roadmap-container.slide-left .cs-roadmap__close-btn,.cs-roadmap-container.slide-right .cs-roadmap__close-btn{display:inline-flex!important}.cs-roadmap-trigger{display:flex!important;position:fixed!important;top:50%!important;transform:translateY(-50%)!important;width:32px!important;height:110px!important;background:var(--color-surface-2)!important;border:1px solid var(--color-border)!important;color:var(--color-text-secondary)!important;z-index:900!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:var(--shadow-md)!important;transition:transform var(--transition-base),color var(--transition-fast),border-color var(--transition-fast)!important;gap:var(--space-2)!important}.cs-roadmap-trigger:hover{color:var(--color-accent)!important;border-color:var(--color-accent)!important}.cs-roadmap-trigger__svg{flex-shrink:0!important;color:var(--color-accent)!important}.cs-roadmap-trigger__text{writing-mode:vertical-rl!important;text-transform:uppercase!important;font-size:10px!important;font-weight:var(--font-weight-extrabold)!important;letter-spacing:0.15em!important;line-height:1!important}.cs-roadmap-trigger.slide-left{left:0!important;border-left:none!important;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0!important;animation:cs-pulse-left 2.5s infinite}.cs-roadmap-trigger.slide-left:hover{transform:translateY(-50%) translateX(3px)!important}.cs-roadmap-trigger.slide-right{right:0!important;border-right:none!important;border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)!important;animation:cs-pulse-right 2.5s infinite}.cs-roadmap-trigger.slide-right:hover{transform:translateY(-50%) translateX(-3px)!important}.cs-roadmap-backdrop{display:block!important;position:fixed!important;inset:0!important;background:rgb(10 14 26 / .75)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:950!important;opacity:0!important;pointer-events:none!important;transition:opacity 0.3s ease!important}.cs-roadmap-backdrop.visible{opacity:1!important;pointer-events:auto!important}@keyframes cs-pulse-left{0%{box-shadow:0 0 0 0 rgb(0 255 157 / .4)}70%{box-shadow:4px 0 12px 6px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@keyframes cs-pulse-right{0%{box-shadow:0 0 0 0 rgb(0 255 157 / .4)}70%{box-shadow:-4px 0 12px 6px #fff0}100%{box-shadow:0 0 0 0 #fff0}}}html.light .cs-roadmap-chapter{background:#ffffff!important}html.light .cs-roadmap-chapter__content{background:#f8fafc!important}html.light .cs-roadmap-link-item{color:var(--color-text-primary)!important}html.light .cs-roadmap-link-item:hover{background:rgb(0 0 0 / .03)!important;color:var(--color-accent)!important}html.light .cs-roadmap-link-item.active-post{color:var(--color-accent)!important;background:var(--color-accent-glow)!important}html.light .cs-roadmap__banner{background:linear-gradient(135deg,rgb(0 122 74 / .05) 0%,rgb(26 115 232 / .05) 100%)!important;border-color:var(--color-border)!important}html.light .cs-roadmap-link-check{border-color:var(--color-border)!important}html.light .cs-roadmap-link-item.read .cs-roadmap-link-check{background:var(--color-accent-glow)!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important}