.graph-explorer-page-container{display:flex;flex:1 0 auto;flex-direction:column;margin:0 auto;max-width:1480px;padding:1.25rem 1.5rem 3.5rem;width:100%}body.graph-view-page .base-main-content{background:linear-gradient(180deg,var(--color-bg-inset) 0,var(--color-bg-page) 100%)!important;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;max-width:100%!important;min-height:100vh;padding:0!important;width:100%!important}body.graph-view-page .site-footer{margin-top:auto;width:100%}.skilltree-root{font-family:var(--f-sans);gap:2rem}.skilltree-root,.st-page-header{display:flex;flex-direction:column}.st-page-header{gap:1.25rem}.st-top-nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.st-back-link{align-items:center;background:var(--color-bg-card);border:2px solid var(--color-border-strong);border-radius:10px;box-shadow:2px 2px 0 var(--color-border-strong);color:var(--color-text-primary);display:inline-flex;font-family:"Bricolage Grotesque",var(--f-sans),sans-serif;font-size:.92rem;font-weight:700;gap:.5rem;padding:.45rem .95rem;text-decoration:none!important;transition:all .15s cubic-bezier(.4,0,.2,1)}.st-back-link:hover{background:var(--color-bg-hover);border-color:var(--color-text-primary);box-shadow:1px 1px 0 var(--color-border-strong);color:var(--color-text-primary);transform:translate(1px,1px)}.st-back-arrow{font-size:1.1rem;line-height:1}.st-header-meta{align-items:center;background:var(--color-bg-card);border:1.5px solid var(--color-border-strong);border-radius:20px;box-shadow:1.5px 1.5px 0 var(--color-border-strong);color:var(--color-text-secondary);display:inline-flex;font-size:.78rem;font-weight:700;gap:.5rem;padding:4px 12px}.st-meta-dot{color:var(--color-text-muted)}.st-main-title{color:var(--color-text-primary);font-family:"Bricolage Grotesque",var(--f-sans),sans-serif;font-size:2.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 .45rem}.st-main-subtitle{color:var(--color-text-secondary);font-size:.95rem;line-height:1.45;margin:0;max-width:700px}.st-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:.25rem}.st-search-box{flex:1;max-width:380px;min-width:220px;position:relative}.st-search-svg{color:var(--color-text-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.st-search-field{background:var(--color-bg-card);border:2px solid var(--color-border-strong);border-radius:10px;box-shadow:2px 2px 0 var(--color-border-strong);color:var(--color-text-primary);font-size:.85rem;font-weight:700;outline:none;padding:.5rem 2rem .5rem 2.1rem;transition:all .15s ease;width:100%}.st-search-field:focus{border-color:var(--color-accent-primary)}.st-search-reset{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;line-height:1;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.st-view-switcher{background:var(--color-bg-card);border:2px solid var(--color-border-strong);border-radius:10px;box-shadow:2px 2px 0 var(--color-border-strong);display:inline-flex;gap:2px;padding:3px}.st-switch-btn{background:transparent;border:none;border-radius:7px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:700;padding:.35rem .85rem;transition:all .15s ease}.st-switch-btn.active{background:var(--color-accent-primary);color:var(--color-accent-primary-text);font-weight:800}.st-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:800;justify-content:center;padding:.5rem 1rem;text-decoration:none!important;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.st-btn-primary{background:var(--color-accent-primary);border:2px solid var(--color-border-strong);box-shadow:2px 2px 0 var(--color-border-strong);color:var(--color-accent-primary-text)!important}.st-btn-primary:hover{box-shadow:1px 1px 0 var(--color-border-strong);transform:translate(1px,1px)}.st-btn-primary:active{box-shadow:0 0 0 var(--color-border-strong);transform:translate(2px,2px)}.st-btn-secondary{background:var(--color-bg-page);border:2px solid var(--color-border-strong);box-shadow:2px 2px 0 var(--color-border-strong);color:var(--color-text-primary)}.w-100{width:100%}.st-workspace{display:flex;flex-direction:column;gap:1.5rem}.st-canvas-card{background:var(--color-bg-card);border:3px solid var(--color-border-strong);border-radius:16px;box-shadow:5px 5px 0 var(--color-border-strong);min-height:550px;overflow-x:auto;padding:1rem .5rem}.st-tree-canvas{display:flex;justify-content:center;min-width:700px;padding:2.5rem 1.5rem;position:relative;width:100%}.st-svg-overlay{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;z-index:1}.st-edge-path{fill:none;opacity:.65;stroke:var(--color-border-strong);stroke-linecap:round;stroke-width:2.5px;transition:stroke .2s ease,stroke-width .2s ease,opacity .2s ease}.st-edge-path.is-critical{stroke:var(--color-border-strong);stroke-width:2.75px}.st-edge-path.is-ancestor{filter:drop-shadow(0 0 4px var(--color-warning-soft));opacity:1!important;stroke:var(--color-warning-strong)!important;stroke-width:3.5px!important}.st-edge-path.is-descendant{filter:drop-shadow(0 0 4px var(--color-success-soft));opacity:1!important;stroke:var(--color-success)!important;stroke-width:3.5px!important}.st-edge-path.is-dimmed{opacity:.1!important}.st-tree-layers{flex-direction:column;gap:4.5rem;z-index:2}.st-layer-row,.st-tree-layers{align-items:center;display:flex;position:relative;width:100%}.st-layer-row{justify-content:center}.st-layer-badge{align-items:center;display:flex;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.st-layer-badge span{background:var(--color-bg-card);border:1.5px solid var(--color-border-strong);border-radius:12px;box-shadow:1.5px 1.5px 0 var(--color-border-strong);color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.st-layer-nodes{align-items:stretch;display:flex;flex-wrap:wrap;gap:2.75rem;justify-content:center;padding:0 5rem;width:100%}.st-node-card{background:var(--color-bg-card);border:2.5px solid var(--color-border-strong);border-radius:12px;box-shadow:3px 3px 0 var(--color-border-strong);cursor:pointer;display:flex;flex-direction:column;gap:.35rem;max-width:260px;min-height:82px;outline:none;padding:1rem 1.25rem;transition:all .18s cubic-bezier(.4,0,.2,1);width:225px}.st-node-card:hover{box-shadow:5px 5px 0 var(--color-border-strong);transform:translate(-2px,-2px)}.st-node-card.is-selected{background:var(--color-bg-card);border-color:var(--color-accent-primary-strong);box-shadow:0 0 0 3px var(--color-accent-primary),5px 5px 0 var(--color-border-strong);transform:translate(-2px,-2px)}.st-node-card.is-ancestor{background:var(--color-warning-soft);border-color:var(--color-warning-strong);box-shadow:0 0 0 2.5px var(--color-warning-strong),4px 4px 0 var(--color-border-strong)}.st-node-card.is-descendant{background:var(--color-success-soft);border-color:var(--color-success);box-shadow:0 0 0 2.5px var(--color-success),4px 4px 0 var(--color-border-strong)}.st-node-card.is-dimmed{filter:grayscale(.5);opacity:.22}.st-node-header{align-items:flex-start;display:flex;gap:.55rem}.st-node-dot{background:var(--color-border-strong);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.st-node-dot.crit{background:var(--color-warning-strong);box-shadow:0 0 0 2px var(--color-warning-soft)}.st-node-name{color:var(--color-text-primary);font-family:"Bricolage Grotesque",var(--f-sans),sans-serif;font-size:.98rem;font-weight:800;letter-spacing:-.01em;line-height:1.25;margin:0}.st-node-footer{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:auto;padding-top:.25rem}.st-node-tag{color:var(--color-text-muted);font-size:.7rem;font-weight:700}.st-mini-quiz-btn{background:var(--color-accent-primary);border:1.5px solid var(--color-border-strong);border-radius:6px;box-shadow:1px 1px 0 var(--color-border-strong);color:var(--color-accent-primary-text)!important;font-size:.72rem;font-weight:800;padding:2px 7px;text-decoration:none!important;transition:all .15s ease}.st-mini-quiz-btn:hover{box-shadow:0 0 0;transform:translate(.5px,.5px)}.st-inspector{background:var(--color-bg-card);border:3px solid var(--color-border-strong);border-radius:16px;box-shadow:6px 6px 0 var(--color-border-strong);display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem}.st-inspector-header{align-items:flex-start;border-bottom:2px solid var(--color-border-subtle);display:flex;gap:1rem;justify-content:space-between;padding-bottom:.85rem}.st-inspector-pretitle{color:var(--color-accent-primary-strong);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.st-inspector-title{color:var(--color-text-primary);font-family:"Bricolage Grotesque",var(--f-sans),sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:.15rem 0 0}.st-close-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.5rem;line-height:1}.st-close-btn:hover{color:var(--color-text-primary)}.st-inspector-body{display:flex;flex-direction:column;gap:1.15rem}.st-inspector-section{display:flex;flex-direction:column;gap:.45rem}.st-section-title{color:var(--color-text-muted);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.st-chip-grid{display:flex;flex-wrap:wrap;gap:.5rem}.st-chip{background:var(--color-bg-page);border:1.5px solid var(--color-border-strong);border-radius:8px;box-shadow:1.5px 1.5px 0 var(--color-border-strong);color:var(--color-text-primary);cursor:pointer;font-size:.82rem;font-weight:700;padding:.4rem .75rem;transition:all .15s ease}.st-chip.prereq:hover{background:var(--color-warning-soft);border-color:var(--color-warning-strong);transform:translate(1px,1px)}.st-chip.unlock:hover{background:var(--color-success-soft);border-color:var(--color-success);transform:translate(1px,1px)}.st-empty-chip-text{font-size:.85rem;font-weight:600;margin:0}.st-empty-chip-text.ok{color:var(--color-success)}.st-empty-chip-text.muted{color:var(--color-text-muted)}.st-inspector-cta{padding-top:.5rem}.st-list-view{display:flex;flex-direction:column;gap:1.5rem}.st-list-section{background:var(--color-bg-card);border:3px solid var(--color-border-strong);border-radius:14px;box-shadow:4px 4px 0 var(--color-border-strong);overflow:hidden}.st-list-header{align-items:center;background:var(--color-bg-page);border-bottom:2px solid var(--color-border-subtle);display:flex;gap:.75rem;padding:.85rem 1.25rem}.st-list-step{align-items:center;background:var(--color-accent-primary);border:1.5px solid var(--color-border-strong);border-radius:50%;color:var(--color-accent-primary-text);display:inline-flex;font-size:.78rem;font-weight:800;height:26px;justify-content:center;width:26px}.st-list-title{color:var(--color-text-primary);font-family:"Bricolage Grotesque",var(--f-sans),sans-serif;font-size:1.05rem;font-weight:800;margin:0}.st-list-items{display:flex;flex-direction:column}.st-list-card{border-bottom:1.5px solid var(--color-border-subtle);cursor:pointer;padding:.95rem 1.25rem;transition:background .15s ease}.st-list-card:last-child{border-bottom:none}.st-list-card:hover{background:var(--color-bg-hover)}.st-list-card-main{align-items:center;display:flex;gap:1rem;justify-content:space-between}.st-list-card-info{align-items:center;display:flex;gap:.75rem}.st-list-card-name{color:var(--color-text-primary);font-size:1rem;font-weight:800;margin:0}.st-list-card-actions{align-items:center;display:flex;gap:1.25rem}.st-list-meta-text{color:var(--color-text-muted);font-size:.78rem;font-weight:700}.st-state-card{align-items:center;background:var(--color-bg-card);border:3px solid var(--color-border-strong);border-radius:16px;box-shadow:6px 6px 0 var(--color-border-strong);display:flex;flex-direction:column;gap:1rem;padding:3.5rem 1.5rem;text-align:center}.st-badge-pill{background:var(--color-warning-soft);border:2px solid var(--color-warning-strong);border-radius:20px;color:var(--color-warning-strong);font-size:.78rem;font-weight:800;letter-spacing:.05em;padding:4px 14px;text-transform:uppercase}.st-heading{color:var(--color-text-primary);font-family:"Bricolage Grotesque",var(--f-sans),sans-serif;font-size:1.65rem;font-weight:800;margin:0}.st-desc{color:var(--color-text-secondary);font-size:.95rem;line-height:1.45;margin:0;max-width:500px}.st-state-text{color:var(--color-text-muted);font-weight:700}.st-state-error{color:var(--color-danger);font-weight:800}.st-spinner{animation:stSpin .75s linear infinite;border:4px solid var(--color-border-strong);border-radius:50%;border-top-color:var(--color-accent-primary);height:44px;margin:0 auto;width:44px}@keyframes stSpin{to{transform:rotate(1turn)}}@media (max-width:1024px) and (min-width:769px){.graph-explorer-page-container{padding-left:1.25rem;padding-right:1.25rem}.st-main-title{font-size:2rem}.st-layer-nodes{gap:1.75rem;padding:0 3.5rem}.st-node-card{max-width:215px;width:195px}.st-tree-layers{gap:4rem}}@media (max-width:768px){.graph-explorer-page-container{padding:1rem .5rem 5rem}.st-top-nav{align-items:flex-start;flex-direction:column;gap:.65rem}.st-header-meta{font-size:.72rem;padding:3px 10px}.st-main-title{font-size:1.65rem}.st-main-subtitle{font-size:.88rem}.st-toolbar{align-items:stretch;flex-direction:column;gap:.75rem}.st-search-box{max-width:100%;min-width:unset;width:100%}.st-search-field{font-size:.9rem;padding:.6rem 2rem .6rem 2.2rem}.st-view-switcher{display:none!important}.st-canvas-card{border-radius:12px;padding:.5rem .25rem;-webkit-overflow-scrolling:touch}.st-tree-canvas{min-width:780px;padding:1.5rem .5rem}.st-tree-layers{gap:3.5rem}.st-layer-badge{left:.25rem}.st-layer-badge span{font-size:.65rem;padding:2px 7px}.st-layer-nodes{gap:1.25rem;padding:0 2.5rem}.st-node-card{min-height:75px;padding:.75rem .85rem;width:165px}.st-node-name{font-size:.88rem}.st-mini-quiz-btn{font-size:.75rem;padding:3px 8px}.st-inspector{border-radius:12px;padding:1.25rem 1rem}.st-inspector-title{font-size:1.25rem}.st-chip{font-size:.85rem;padding:.5rem .75rem}.st-btn-primary.w-100{font-size:.92rem;min-height:44px}.st-list-card-main{align-items:flex-start;flex-direction:column;gap:.75rem}.st-list-card-actions{justify-content:space-between;width:100%}}