.roadmap-layout{display:flex;gap:var(--space-md);height:calc(100vh - var(--header-height) - 180px);min-height:500px}.roadmap-container{flex:1;background:var(--hover);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.roadmap-scroll{overflow-x:auto;overflow-y:hidden;height:100%;padding:var(--space-sm)}.roadmap-svg{height:100%;width:auto;display:block}.edge{fill:none;stroke:var(--border-color);stroke-width:2;opacity:.3}.edge.active{stroke:var(--green);opacity:.7}.topic{cursor:pointer}.topic-bg{fill:var(--primary);stroke:var(--border-color);stroke-width:1.5;transition:stroke .15s ease,stroke-width .15s ease}.topic:hover .topic-bg,.topic-bg.has-progress{stroke:var(--blue)}.topic-bg.complete{stroke:var(--green);stroke-width:2;fill:color-mix(in srgb,var(--green) 10%,var(--primary))}.topic-bg.selected{stroke:var(--blue);stroke-width:2}.topic-progress{fill:var(--green)}.node-title{font-size:14px;font-weight:600;fill:var(--text)}.node-title.mobile{font-size:10px}.node-desc{font-size:11px;fill:var(--text);opacity:.6}.node-count{font-size:9px;fill:var(--text);opacity:.5}.mobile-node-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2px;font-family:inherit;overflow:hidden}.mobile-node-title{font-size:9px;font-weight:600;color:var(--text);line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.mobile-node-count{font-size:8px;color:var(--text);opacity:.6;margin-top:2px}.node-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;font-family:inherit}.node-badge{padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.node-badge-more{padding:3px 6px;border-radius:4px;font-size:10px;font-weight:500;background:var(--border-color);color:var(--text)}.node-stats{display:flex;justify-content:center;gap:12px;font-family:inherit}.node-stat{font-size:10px;color:var(--text);opacity:.6}.node-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;background:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--green);transition:border-color .15s ease,background .15s ease}.node-checkbox:hover{border-color:var(--blue)}.node-checkbox.checked{background:var(--green);border-color:var(--green);color:#0f1419}.detail-panel{width:300px;background:var(--primary);border:1px solid var(--border-color);border-radius:.75rem;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:var(--space-md);border-bottom:1px solid var(--border-color);background:var(--hover)}.panel-title-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.panel-title{font-size:1.1rem;font-weight:600;color:var(--text);flex:1}.panel-close{background:none;border:none;font-size:1.5rem;color:var(--text);opacity:.4;cursor:pointer;padding:0;line-height:1;transition:opacity .15s}.panel-close:hover{opacity:1}.panel-desc{font-size:.85rem;color:var(--text);opacity:.6}.topic-checkbox{width:24px;height:24px;border:2px solid var(--border-color);border-radius:6px;background:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--green);flex-shrink:0;transition:border-color .15s ease,background .15s ease}.topic-checkbox:hover{border-color:var(--blue)}.topic-checkbox.checked{background:var(--green);border-color:var(--green);color:#0f1419}.panel-body{flex:1;overflow-y:auto;padding:var(--space-md)}.panel-section{margin-bottom:var(--space-md)}.panel-section:last-child{margin-bottom:0}.panel-section-title{font-size:.7rem;font-weight:600;color:var(--text);opacity:.4;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.panel-certs{display:flex;flex-wrap:wrap;gap:6px}.cert-badge{padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;border:none;background:var(--cert-bg);color:var(--cert-text);cursor:pointer;transition:opacity .15s ease}.cert-badge:hover{opacity:.85}.cert-badge.completed{background:var(--green);color:#0f1419}.panel-links{display:flex;flex-direction:column;gap:4px}.panel-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--hover);border-radius:6px;text-decoration:none;color:var(--text);font-size:.85rem;transition:background .15s ease}.panel-link:hover{background:color-mix(in srgb,var(--hover) 70%,var(--primary))}.link-icon{font-size:16px;flex-shrink:0}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-lg);text-align:center;color:var(--text);opacity:.5}.no-selection-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.no-selection-text{font-size:.9rem}.roadmap-scroll::-webkit-scrollbar,.panel-body::-webkit-scrollbar{height:8px;width:8px}.roadmap-scroll::-webkit-scrollbar-track,.panel-body::-webkit-scrollbar-track{background:transparent}.roadmap-scroll::-webkit-scrollbar-thumb,.panel-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}@media (max-width: 768px){.roadmap-layout{flex-direction:column;height:auto;gap:0;position:relative}.roadmap-container{min-height:400px;max-height:none;overflow:hidden}.roadmap-scroll{height:auto;max-height:none;overflow-x:auto;overflow-y:auto;padding:var(--space-sm);-webkit-overflow-scrolling:touch}.roadmap-svg{width:auto;min-width:100%;height:auto;display:block}.detail-panel{position:absolute;inset:0;width:100%;height:100%;max-height:none;border-radius:0;z-index:10;background:var(--primary)}.detail-panel:has(.no-selection){display:none}.no-selection{display:none}.panel-header{padding:var(--space-md)}.panel-body{padding:var(--space-md);max-height:calc(100% - 80px);overflow-y:auto}.panel-title{font-size:1.1rem}.panel-section{margin-bottom:var(--space-md)}.panel-link{padding:10px 12px;font-size:.85rem}.panel-close{font-size:1.75rem}}.roadmap-page{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-lg)}.progress-dashboard{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);justify-content:center}.stat-card{background:var(--primary);border:1px solid var(--border-color);border-radius:.5rem;padding:var(--space-md) var(--space-lg);text-align:center;min-width:120px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text);opacity:.6;text-transform:uppercase;letter-spacing:.05em}.plan-section{margin-bottom:var(--space-lg)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.plan-title{font-size:1.1rem;font-weight:600;color:var(--text);margin:0}@media (max-width: 768px){.roadmap-page{padding:var(--space-md)}.progress-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stat-card{min-width:0;padding:var(--space-sm)}.stat-value{font-size:1.25rem}}@media (max-width: 480px){.stat-card{flex:1;min-width:80px}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}}