.career-graph-section{--cg-navy:#0b162b;--cg-blue:#1769ff;--cg-text:#425168;--cg-muted:#748197;--cg-line:#dce3ec;--cg-soft:#f7f9fc;padding-top:5rem;padding-bottom:5rem}
.career-graph-head{display:grid;grid-template-columns:1fr .85fr;gap:4rem;align-items:end;margin-bottom:1.5rem}
.career-graph-head h2{margin:.35rem 0 0;color:var(--cg-navy);font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.035em;line-height:1.06}
.career-graph-head>p{margin:0;color:var(--cg-text);line-height:1.7;font-size:.92rem}
.career-graph-toolbar{display:flex;gap:.45rem;flex-wrap:wrap;margin:1.4rem 0 .8rem}
.cg-filter,.cg-reset{appearance:none;border:1px solid var(--cg-line);background:#fff;color:#536176;border-radius:999px;padding:.55rem .75rem;font:inherit;font-size:.68rem;font-weight:800;cursor:pointer;min-height:38px}
.cg-filter:hover,.cg-filter:focus-visible,.cg-reset:hover,.cg-reset:focus-visible{border-color:#8eaff4;outline:2px solid transparent}
.cg-filter.active{background:var(--cg-navy);border-color:var(--cg-navy);color:#fff}.cg-reset{margin-left:auto;color:var(--cg-blue)}
.career-graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--cg-line);border-radius:12px;overflow:hidden;background:#fff}
.career-graph-canvas{min-width:0;overflow:auto;background:linear-gradient(#fbfcfe,#f7f9fc)}
#careerGraph{display:block;width:100%;min-width:720px;height:auto}
.cg-edge{stroke:#cbd5e1;stroke-width:1.25;opacity:.65;transition:opacity .18s,stroke-width .18s,stroke .18s}.cg-edge.dim{opacity:.07}.cg-edge.hot{opacity:1;stroke:#64748b;stroke-width:2}
.cg-node{cursor:pointer;outline:none}.cg-node circle,.cg-node rect{fill:#fff;stroke:#b9c5d5;stroke-width:1.5;transition:opacity .18s,stroke .18s,stroke-width .18s,fill .18s}.cg-node.station rect{fill:#0b162b;stroke:#0b162b}.cg-node.domain circle{fill:#eef3fb;stroke:#8294ad}.cg-node.skill circle{fill:#fff;stroke:#b9c5d5}.cg-node text{font-family:Arial,sans-serif;fill:#26364d;font-size:12px;font-weight:700;pointer-events:none}.cg-node.station text{fill:#fff}.cg-node .cg-sub{font-size:9px;font-weight:500;fill:#728096}.cg-node.station .cg-sub{fill:#b8c5d8}.cg-node.dim{opacity:.18}.cg-node.hot circle,.cg-node.hot rect,.cg-node:focus-visible circle,.cg-node:focus-visible rect{stroke:#1769ff;stroke-width:3}.cg-node.hot circle{fill:#eaf1ff}
.career-graph-detail{border-left:1px solid var(--cg-line);padding:1.35rem;background:#fff}.cg-detail-type{font-size:.58rem;letter-spacing:.11em;font-weight:900;color:var(--cg-blue)}.career-graph-detail h3{font-size:1.2rem;color:var(--cg-navy);margin:.5rem 0}.career-graph-detail p{font-size:.8rem;line-height:1.62;color:#58667a}.cg-detail-meta{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:1rem}.cg-detail-meta span{font-size:.6rem;border:1px solid var(--cg-line);border-radius:4px;padding:.3rem .42rem;color:#66758a;background:#fafbfd}
.career-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:.8rem}.cg-path{appearance:none;text-align:left;border:1px solid var(--cg-line);border-radius:8px;background:#fff;padding:.9rem;cursor:pointer;font:inherit}.cg-path:hover,.cg-path:focus-visible{border-color:#91acf0;outline:none}.cg-path span{display:block;color:var(--cg-blue);font-size:.55rem;font-weight:900;letter-spacing:.1em}.cg-path strong{display:block;color:var(--cg-navy);font-size:.78rem;margin:.25rem 0}.cg-path small{display:block;color:#738096;font-size:.62rem;line-height:1.45}.cg-noscript{padding:1rem;border:1px solid var(--cg-line);font-size:.8rem}
@media(max-width:900px){.career-graph-head{grid-template-columns:1fr;gap:1rem}.career-graph-layout{grid-template-columns:1fr}.career-graph-detail{border-left:0;border-top:1px solid var(--cg-line)}.career-paths{grid-template-columns:1fr}.cg-reset{margin-left:0}}
@media(max-width:600px){.career-graph-section{padding-top:3.5rem;padding-bottom:3.5rem}.career-graph-toolbar{display:grid;grid-template-columns:1fr 1fr}.cg-filter,.cg-reset{min-height:44px}.cg-reset{grid-column:1/-1}.career-graph-canvas{overscroll-behavior-x:contain}}