:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252431;background:#fafbfc;font-synthesis:none;--purple:#07366e;--line:#e2e4e9;--muted:#696a78}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f77919;outline-offset:3px}button{color:inherit}button:disabled{opacity:.4;cursor:default}.app-header{height:92px;display:flex;align-items:center;gap:14px;padding:0 32px;border-bottom:1px solid var(--line);background:white}.brandmark{height:43px;width:43px;display:grid;place-items:center;font-weight:600;font-size:32px;border:1.5px solid #07366e;border-radius:10px;line-height:1;color:var(--purple);position:relative}.brandmark span{position:absolute;right:-4px;top:-8px;color:#4d8a5c;background:white}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:650;color:var(--muted);margin-bottom:4px}h1{font-size:24px;margin:0;font-weight:650;letter-spacing:-.6px}.header-meta{margin-left:auto;display:flex;align-items:center;gap:24px}.proposal{font-size:14px;color:#174e85;background:#edf4fc;border:1px solid #d8e5f3;padding:7px 11px;border-radius:6px;display:inline-block}.quiet-button{border:0;background:none;font-size:14px;padding:9px 5px;color:#555365}.quiet-button:hover,.link-button:hover{color:var(--purple);text-decoration:underline}main{padding:25px 32px 20px;max-width:1920px;margin:auto}.intro{display:flex;justify-content:space-between;gap:15px;align-items:center}.intro h2{font-size:21px;letter-spacing:-.4px;font-weight:600;margin:0 0 7px}.intro p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.mini-stats{display:flex;gap:9px;align-items:center;min-width:110px}.mini-stats b{font-size:36px;font-weight:500;letter-spacing:-1px}.mini-stats span{font-size:12px;line-height:1.5;color:var(--muted)}.toolbar{display:flex;gap:14px;align-items:end;margin:22px 0}.toolbar>label{display:flex;flex-direction:column;gap:7px;min-width:160px}.toolbar label>span{font-size:12px;font-weight:600;color:#656373}.toolbar .search-label{flex:1.2}.toolbar label:not(.search-label){flex:.65}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:14px;top:13px;color:#777283}input[type=search],select{height:44px;width:100%;border:1px solid #d9dbe2;border-radius:6px;background:white;font-size:14px;color:#393643;min-width:0}input[type=search]{padding:0 36px 0 42px}select{padding:0 32px 0 12px}.secondary-button,.primary-button{border-radius:6px;padding:11px 15px;font-size:14px;font-weight:550;min-height:44px;white-space:nowrap}.secondary-button{border:1px solid #d9dbe2;background:white}.secondary-button:hover{background:#f1f5fa}.primary-button{border:1px solid var(--purple);background:var(--purple);color:white}.map-shell{background:white;border:1px solid #dfe2e8;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #20234403}.map-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;min-height:57px;border-bottom:1px solid var(--line)}.map-topline strong{font-size:14px;font-weight:600}.map-hint{font-size:13px;color:var(--muted);margin-left:14px}.map-actions{display:flex;align-items:center;gap:12px}.zoom-controls{display:flex;align-items:center;border:1px solid #dfe1e6;border-radius:5px;overflow:hidden}.zoom-controls button{border:none;background:white;width:31px;height:30px;font-size:19px}.zoom-controls button:hover{background:#edf4fc}.zoom-controls output{font-size:12px;min-width:40px;text-align:center;color:var(--muted)}.check-label{font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap}input[type=checkbox]{accent-color:var(--purple)}[hidden]{display:none!important}.legend{padding:11px 18px;display:flex;gap:19px;align-items:center;flex-wrap:wrap;font-size:12px;color:#676575;border-bottom:1px solid var(--line);background:#fdfdfd}.legend>span{display:flex;align-items:center;gap:6px}.legend-node{width:13px;height:10px;border-radius:2px;display:inline-block}.legend-node.origin{background:var(--purple)}.legend-node.destination{border:2px solid var(--purple);background:#e7f2ff}.legend-node.reachable{border:1px dashed #7295b8;background:white}.legend-note{margin-left:auto}.map-viewport{overflow:auto;max-height:calc(100vh - 402px);min-height:350px;background:#f7f8fa;position:relative;scrollbar-color:#c5c3cf #f2f3f7;scrollbar-width:thin}.map-board{position:relative;min-width:1060px;transform-origin:top left;isolation:isolate}.column-headings,.family-row{display:grid;grid-template-columns:144px repeat(5,minmax(170px,1fr))}.column-headings{background:#f8f9fb;border-bottom:1px solid #dfe2e8;position:sticky;top:0;z-index:3}.column-headings>div{padding:13px 12px;border-right:1px solid #e4e6eb;font-size:13px;font-weight:600}.column-headings>div:first-child{font-size:12px;color:#797584;font-weight:500;display:flex;align-items:center;padding-left:18px}.column-headings small{display:block;color:#767381;font-size:12px;font-weight:400;margin-top:4px}.family-row{border-bottom:1px solid #e1e4e9;min-height:131px}.family-row:last-child{border-bottom:none}.family-label{position:sticky;left:0;padding:18px 13px 18px 18px;background:#fafbfc;border-right:1px solid var(--line);z-index:2}.family-label h3{font-size:14px;line-height:1.4;margin:0 0 6px;font-weight:600;color:var(--family-color)}.family-label p{font-size:12px;color:#817d8a;margin:0}.family-label:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--family-color);border-radius:0 2px 2px 0}.grade-cell{padding:12px 10px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #e6e8ed;position:relative;min-width:0}.grade-cell:last-child{border-right:0}.grade-cell:empty:after{content:"·";margin:auto;color:#d4d4dc}.job-card{border:1px solid #dce0e6;border-left:3px solid var(--family-color);border-radius:5px;background:white;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:11px 11px 10px;width:100%;text-align:left;position:relative;z-index:1;box-shadow:0 1px 2px #21283804;transition:opacity .18s,border-color .18s,box-shadow .18s;min-height:89px}.job-card:hover{border-color:var(--family-color);box-shadow:0 2px 7px #24203312;z-index:2}.job-name{font-size:14px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}.job-metadata{display:flex;align-items:center;gap:8px;font-size:12px;color:#777281}.grade-pill{font-size:11px;font-weight:650;background:#eff0f4;color:#484351;border-radius:3px;padding:3px 5px;white-space:nowrap}.route-dot{width:5px;height:5px;background:#b9b4c4;border-radius:50%;margin-left:auto}.job-card.selected{background:#07366e;border-color:#07366e;color:white;box-shadow:0 0 0 3px #c9def4}.selected .job-metadata{color:#e5f2ff}.selected .grade-pill{background:#ffffff22;color:white}.selected .route-dot{background:white}.job-card.destination{border:2px solid #1165b3;background:#eef6ff;padding:10px 10px 9px;box-shadow:0 0 0 2px #dfedfb}.job-card.reachable{border-style:dashed;border-color:#7e9fbe;background:#f8fbff}.job-card.dimmed{opacity:.25}.job-card.dimmed:hover,.job-card.dimmed:focus-visible{opacity:1}.route-path{fill:none;stroke:#227ac1;stroke-width:2.3;opacity:.76;cursor:pointer;pointer-events:stroke;stroke-dasharray:5 4}.route-hit{stroke:transparent;stroke-width:16;fill:none;pointer-events:stroke;cursor:pointer}.route-path.active{stroke-width:3.5;stroke-dasharray:none;opacity:1}.route-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.map-footer{display:flex;gap:16px;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.link-button{border:none;background:transparent;padding:0;color:var(--purple);font-size:12px;text-align:left}.scope-note{display:flex;align-items:flex-start;gap:8px;max-width:1150px;margin:13px 0}.scope-note p{font-size:12px;color:#787380;line-height:1.5;margin:0}.small-icon{font-size:11px;border:1px solid #a5a0af;border-radius:50%;width:14px;height:14px;flex:none;text-align:center;color:#898192}.detail-panel{position:fixed;right:18px;top:105px;bottom:18px;width:398px;max-width:calc(100vw - 36px);z-index:20;background:white;border:1px solid #d6cde1;border-radius:10px;box-shadow:0 14px 65px #22173535;overflow:auto}.panel-top{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 19px;display:flex;align-items:center;justify-content:space-between;z-index:3}.panel-top>span{font-size:11px;letter-spacing:.08em;color:#7a6d8f;font-weight:600}.icon-button{background:transparent;border:0;border-radius:5px;min-width:32px;min-height:32px;font-size:25px;color:#706979}.icon-button:hover{background:#f2eef7}#detailContent{padding:20px}#detailContent h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:9px 0 13px;font-weight:600}#detailContent h3{font-size:15px;margin:24px 0 12px;font-weight:650}#detailContent p{font-size:14px;line-height:1.6;color:#625c6c}.role-chips{display:flex;gap:7px;flex-wrap:wrap}.role-chips span{background:#f3f1f6;border:1px solid #e8e1ee;border-radius:4px;font-size:12px;padding:5px 7px;color:#61576f}.family-kicker{font-size:12px;font-weight:600;color:var(--family-color)}.route-summary{display:flex;align-items:baseline;gap:8px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.route-summary b{font-size:27px;color:var(--purple);font-weight:500}.route-summary span{font-size:14px;font-weight:550}.subtle-note{font-size:12px!important;color:#867b92!important;margin-top:5px;line-height:1.5}.route-card{border:1px solid #dfd6e9;border-radius:6px;padding:13px;margin:12px 0;background:#f8fbff}.route-card.active{border-color:#8c6cb9}.route-card h4{font-size:15px;line-height:1.35;margin:9px 0 5px;font-weight:600}.route-card p{font-size:12px!important;margin:8px 0 12px;line-height:1.5!important}.route-type{font-size:11px;color:var(--purple);font-weight:600;text-transform:uppercase;letter-spacing:.035em}.route-card .grade-movement{font-size:12px;color:#8b7a9d}.route-actions{display:flex;gap:8px;flex-wrap:wrap}.route-actions button{flex:1;border-radius:4px;border:1px solid #dfd7e8;background:white;padding:9px 8px;font-size:12px;font-weight:550;color:#07549a}.route-actions button:last-child{color:white;background:#07549a;border-color:#07549a}.route-actions button:hover{filter:brightness(.96)}.detail-section{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.detail-section summary{font-size:14px;font-weight:600;color:#61546d;cursor:pointer}.detail-section details p{font-size:12px!important}.source-list{padding-left:17px;font-size:12px;line-height:1.7;color:#6d6379}.source-list a{color:#07549a;overflow-wrap:anywhere}.route-back{background:none;border:0;padding:0;color:var(--purple);font-size:13px;margin-bottom:13px}.route-pair{background:#f8f5fc;border:1px solid #e5ddee;border-radius:6px;padding:13px;display:flex;flex-direction:column;gap:8px}.route-pair span{font-size:13px;line-height:1.4}.route-pair small{font-size:11px;color:#8e7f9f}.detail-list{padding-left:18px;font-size:14px;line-height:1.55;color:#655c6e}.detail-list li{padding:4px 0}.condition{padding:11px 13px;border-left:3px solid #ab8cc9;background:#faf7fd;border-radius:0 4px 4px 0;font-size:13px;line-height:1.55;color:#71617f}.evidence-block{font-size:12px;color:#756b80;border-left:2px solid #ddd3e6;padding-left:12px;margin:14px 0;line-height:1.6}.evidence-block strong{display:block;color:#5f536b}.proposed-label{font-size:11px;color:#8b7c99;margin-top:5px}.empty-state{text-align:center;padding:65px 20px}.empty-state h3{font-size:20px;margin:0 0 12px}.empty-state p{font-size:14px;color:var(--muted)}dialog{border:1px solid #dbd7e2;border-radius:12px;padding:0;max-width:660px;width:calc(100vw - 36px);max-height:86vh;color:#39323f}dialog::backdrop{background:#21172b55;backdrop-filter:blur(2px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 24px;background:white;position:sticky;top:0}.dialog-top h2{font-size:21px;margin:0;font-weight:600}#dialogContent{padding:3px 24px 26px;font-size:14px;line-height:1.65}#dialogContent h3{font-size:16px;margin:23px 0 8px}#dialogContent p{color:#6b6173}#dialogContent a{color:#07549a}.data-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.data-stats>div{padding:13px;background:#f7f5fa;border:1px solid #e8e0ef;border-radius:6px}.data-stats b{display:block;font-size:24px;font-weight:500;color:var(--purple)}.data-stats span{font-size:11px;line-height:1.5;color:#82768e;display:block}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:absolute;top:-60px;left:12px;z-index:99;background:white;padding:10px;color:var(--purple)}.skip-link:focus{top:12px}.mobile-grade-title{display:none}
@media(min-width:1600px){.map-board{min-width:1300px}.job-name{font-size:15px}.map-viewport{min-height:460px;max-height:calc(100vh - 400px)}}
@media(max-width:1000px){main{padding:22px 20px}.app-header{padding:0 20px}.toolbar{gap:10px;flex-wrap:wrap}.toolbar .search-label{min-width:280px;flex:1.5}.toolbar>label{min-width:150px}.header-meta{gap:14px}.map-hint{display:none}.legend-note{display:none}.map-viewport{max-height:calc(100vh - 430px)}.detail-panel{right:14px;width:370px}}
@media(max-width:640px){.app-header{height:79px;padding:0 16px;gap:10px}.brandmark{width:34px;height:34px;font-size:26px}.eyebrow{font-size:10px}h1{font-size:20px}.header-meta{gap:0}.header-meta .proposal{display:none}.header-meta button{font-size:12px;max-width:84px;text-align:right}.intro h2{font-size:20px;line-height:1.3}.intro p{font-size:13px;margin-top:8px}.mini-stats{display:none}main{padding:21px 14px 15px}.toolbar{margin:18px 0;gap:10px;display:grid;grid-template-columns:1fr 1fr}.toolbar>label{min-width:0!important}.toolbar .search-label{grid-column:1/-1}.toolbar label>span{font-size:11px}.toolbar select{font-size:12px;height:42px;padding-left:8px}.toolbar #reset{grid-column:1/-1;min-height:36px;padding:8px;font-size:12px}.map-topline{padding:11px 13px;min-height:50px;flex-wrap:wrap}.map-topline strong{font-size:13px}.zoom-controls,#fit{display:none}.map-actions{gap:0}.check-label{font-size:12px}.legend{gap:10px;padding:9px 13px;font-size:10px}.legend>span:last-of-type{display:none}.map-viewport{max-height:62vh;min-height:300px}.map-board{min-width:0!important;width:100%!important;zoom:1!important}.column-headings{display:none}.family-row{display:block}.family-label{padding:12px 14px;position:sticky;top:0;border-bottom:1px solid var(--line);z-index:4;background:#f8f9fb;display:flex;justify-content:space-between;align-items:center}.family-label h3{margin:0}.family-label:before{top:10px;bottom:10px}.family-label p{font-size:11px}.grade-cell{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:none;padding:0 10px 10px}.grade-cell:empty{display:none}.grade-cell:empty:after{display:none}.grade-cell:not(:empty){padding-top:9px}.mobile-grade-title{display:block;grid-column:1/-1;font-size:11px;color:#95899f;padding-left:1px}.job-card{min-height:100px;padding:10px 9px}.job-name{font-size:13px;line-height:1.35}.job-metadata{font-size:10px;gap:5px}.grade-pill{font-size:10px}.route-layer{display:none}.map-footer{padding:10px 13px;flex-direction:column;gap:8px;font-size:11px;line-height:1.5}.scope-note{margin-top:12px}.scope-note p{font-size:11px}.detail-panel{top:auto;left:0;right:0;bottom:0;border-radius:14px 14px 0 0;width:100%;max-width:100%;max-height:76vh;box-shadow:0 -10px 70px #2b163d40}.panel-top{padding:11px 18px}.panel-top>span{font-size:11px}.icon-button{min-height:35px;min-width:35px}#detailContent{padding:18px}#detailContent h2{font-size:22px}.data-stats{grid-template-columns:1fr 1fr}.dialog-top{padding:15px 18px}.dialog-top h2{font-size:19px}#dialogContent{padding:2px 18px 22px}.map-shell{border-radius:7px}.legend-node{width:10px;height:9px}.job-card.dimmed{opacity:.35}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Avante dashboard layout */
:root{--purple:#07366e;--line:#e1e8f1;--muted:#758398;color:#16304d;background:#f5f7fb}body{background:#f5f7fb}.app-header{height:71px;position:sticky;top:0;z-index:15;padding:0 24px 0 34px;gap:20px;border-color:#e3e9f2}.avante-brand{display:flex;align-items:center}.avante-brand img{width:106px;height:38px;object-fit:contain}.header-meta{gap:10px}.client-label{font-size:11px;letter-spacing:.09em;font-weight:750;color:#7a8b9f;margin-right:16px}.header-button{background:#fff;border:1px solid #e0e7f1;color:#07366e;border-radius:12px;min-height:42px;padding:10px 17px;font-size:13px;font-weight:600}.header-button:hover{background:#f0f5fb}.fullscreen-button{font-size:23px;padding:5px 12px}.sidebar{position:fixed;top:71px;left:0;bottom:0;width:229px;background:#042652;color:white;padding:29px 9px 20px;display:flex;flex-direction:column;z-index:10}.sidebar-label{font-size:9px;letter-spacing:.09em;color:#80a7cc;padding:0 11px 19px;font-weight:700}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:none;color:#b8cfe5;min-height:41px;border-radius:10px;padding:10px 11px;font-size:10px;font-weight:750;letter-spacing:.025em;margin-bottom:4px}.nav-item span{font-size:20px;width:17px;font-weight:400;line-height:1}.nav-item:hover,.nav-item.active{background:#1b416b;color:#fff}.sidebar-base{border-top:1px solid #28496d;margin:19px 7px;padding-top:16px;font-size:11px}.sidebar-base>span{display:block;font-size:9px;color:#82a3c5;letter-spacing:.1em;margin-bottom:5px}.sidebar-base strong{font-size:11px}.sidebar-base p{color:#aac5de;font-size:11px;margin-top:9px}.sidebar-foot{margin-top:auto;padding:0 12px;font-size:11px;letter-spacing:.12em;font-weight:800;color:#a5bed8}.sidebar-foot span{font-size:9px;font-weight:400;letter-spacing:0;margin-left:4px;color:#779bbd}main{margin-left:229px;max-width:none;padding:34px 24px 24px 42px}.intro{background:#052f64;min-height:218px;border-radius:24px;padding:40px 42px;color:#fff;position:relative;isolation:isolate;overflow:hidden;align-items:flex-start}.intro:after{content:"";position:absolute;width:330px;height:330px;right:-80px;top:-80px;border:40px solid #084889;border-radius:50%;z-index:-1}.hero-copy{max-width:850px}.hero-kicker{font-size:10px;font-weight:850;letter-spacing:.16em;color:#00e1c3;margin:10px 0 15px}.intro h1{font-size:clamp(28px,3.6vw,52px);font-weight:800;letter-spacing:-1.8px;line-height:1.05;margin:0 0 17px}.intro h1 em{font-style:normal;color:#ff7800}.intro p{color:#b4cbe3;font-size:14px;line-height:1.7;max-width:730px}.hero-client{position:absolute;right:28px;top:24px;font-size:9px;letter-spacing:.14em;color:#8bb3da;font-weight:700}.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.overview-stats>div{min-height:121px;border:1px solid #e0e7f0;border-radius:18px;background:#fff;padding:19px 18px 16px;box-shadow:0 8px 24px #0e366304}.overview-stats span{display:block;color:#6d7b91;font-size:10px;font-weight:800;letter-spacing:.045em}.overview-stats b{display:block;color:#07366e;font-size:32px;line-height:1.3;margin:5px 0 11px}.overview-stats>div:nth-child(2) b{color:#078369}.overview-stats>div:nth-child(3) b{color:#fa7300}.overview-stats small{display:block;color:#8290a5;font-size:10px}.validation-banner{border:1px solid #b2dccb;background:#f2faf6;display:flex;gap:13px;align-items:center;padding:13px 17px;border-radius:14px;color:#05724e;margin:18px 0}.validation-banner>span:first-child{font-size:19px}.validation-banner strong{display:block;font-size:12px;font-weight:650}.validation-banner small{display:block;font-size:10px;margin-top:4px;color:#4e7b68}.validation-tag{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.06em;color:#6c9581}.toolbar{background:#fff;border:1px solid var(--line);padding:18px;border-radius:16px;margin:18px 0}.toolbar label>span{font-size:10px;letter-spacing:.045em;text-transform:uppercase;font-weight:800;color:#6b7d95}input[type=search],select,.secondary-button{border-radius:10px;border-color:#e0e7f1;color:#244466}.secondary-button{color:#07366e}.map-shell{border-radius:18px;border-color:#dce6f2;box-shadow:0 8px 30px #12345604}.map-topline{padding:16px 18px}.map-topline strong{color:#07366e}.legend{background:#fafcff;color:#6e8299}.map-viewport{max-height:65vh;min-height:420px;background:#f6f9fd}.column-headings{background:#edf3fa}.column-headings>div{color:#123f6e;font-weight:700}.family-label{background:#f8fbff}.job-card{border-radius:9px;box-shadow:0 2px 5px #12345605}.job-name{color:#244565}.job-card.selected .job-name{color:#fff}.job-card.selected{background:#07366e;border-color:#07366e}.grade-pill{color:#174d7e;background:#edf3fa;border-radius:5px}.map-footer{background:#fff}.detail-panel{top:87px;border-color:#c8d9ec;border-radius:18px;box-shadow:0 14px 65px #092f5c30}.panel-top>span,.route-type{color:#07549a}.route-card,.route-pair{background:#f6faff;border-color:#d8e5f2;border-radius:10px}.role-chips span{background:#f0f5fb;border-color:#dfe8f2;color:#426484}.proposal{color:#174e85;background:#edf4fc;border-color:#d8e5f3}.route-actions button{border-color:#d4e2ef;color:#07549a;border-radius:7px}.condition{background:#f3f7fc;border-color:#4089c3;color:#46647f}.route-pair small{color:#7e92a8}.route-back,.source-list a{color:#07549a}.scope-note{margin-top:15px}.scope-note p{color:#7e8ca0}
@media(min-width:1700px){main{padding-right:42px}.intro{min-height:230px}.overview-stats>div{min-height:130px}}
@media(max-width:1150px){.sidebar{width:200px}.sidebar-label{font-size:8px}.nav-item{font-size:9px}main{margin-left:200px;padding:24px}.intro{padding:30px}.intro h1{font-size:36px}.overview-stats{gap:10px}.overview-stats>div{padding:16px 13px}.overview-stats span{font-size:9px}.toolbar{flex-wrap:wrap}.toolbar .search-label{min-width:100%;flex:1}.toolbar label:not(.search-label){flex:1;min-width:160px}.client-label{display:none}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:8px 12px}.sidebar-label,.sidebar-base,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto}.nav-item{width:auto;white-space:nowrap;flex:none;font-size:9px;margin:0;padding:9px;min-height:36px}.nav-item span{font-size:16px;width:auto}main{margin:0;padding:18px 14px}.app-header{height:66px;padding:0 14px}.header-meta{gap:6px}.header-button{font-size:11px;padding:8px 10px;border-radius:9px}.avante-brand img{width:90px}.fullscreen-button{display:none}.intro{border-radius:18px;padding:27px 22px;min-height:218px}.intro h1{font-size:32px;letter-spacing:-1px}.hero-kicker{font-size:8px;letter-spacing:.12em;margin-top:17px}.hero-client{top:15px;right:20px;font-size:8px}.intro p{font-size:12px}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.overview-stats>div{min-height:108px;border-radius:14px;padding:14px}.overview-stats b{font-size:28px;margin:5px 0}.validation-banner{margin:12px 0;padding:12px}.validation-tag{display:none}.validation-banner strong{font-size:11px}.validation-banner small{font-size:9px}.toolbar{padding:14px;border-radius:14px}.toolbar .search-label{min-width:0!important}.toolbar label:not(.search-label){min-width:0}.map-viewport{min-height:320px;max-height:65vh}.detail-panel{top:80px}.map-topline{padding:12px}.legend{padding:10px 12px}}
.grade-distribution{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.grade-distribution-row{display:flex;justify-content:space-between;padding:10px 14px;border:1px solid #e0e7f1;border-radius:8px;background:#f7faff;color:#174e85}.grade-distribution-row span{color:#74879a;font-size:12px}.empty-state{padding:40px 24px}.empty-state h3{color:#07366e}.empty-state>p{max-width:550px;margin:12px auto 24px;line-height:1.7}.empty-grade-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;max-width:850px;margin:0 auto 24px}.empty-grade-grid>div{border:1px solid #dce6f1;background:white;border-radius:12px;padding:15px 8px}.empty-grade-grid b{display:block;color:#07366e;font-size:18px}.empty-grade-grid span{display:block;font-size:10px;color:#8292a6;margin-top:6px}@media(max-width:1000px){.empty-grade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:400px){.empty-grade-grid{gap:6px}.empty-state{padding:28px 12px}.empty-grade-grid>div{padding:12px 5px}}/* Valeshop career content */
:root{--ink:#123b66;--blue:#07366e;--orange:#f87505}.sidebar{overflow-y:auto}.sidebar-label{font-size:8px}.nav-item{font-size:9px;min-height:44px;line-height:1.5;gap:9px}.nav-item svg{flex:none}.sidebar-base{line-height:1.6}.intro{min-height:205px}.intro h1{font-size:clamp(28px,3.3vw,48px)}.hero-copy{max-width:900px}.intro p{max-width:800px}.intro h1 em{white-space:normal}.section-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 24px;border-bottom:1px solid #e1e9f2}.section-bar h2{font-size:19px;margin:0 0 8px;color:#0a396a}.section-bar p{font-size:12px;line-height:1.7;color:#75879c;margin:0}.count-pill{font-size:11px;font-weight:700;color:#1b5687;background:#edf4fb;border:1px solid #dce8f3;border-radius:30px;padding:8px 12px;white-space:nowrap}.career-map{background:white;border:1px solid #dce5f0;border-radius:18px;overflow:hidden}.career-grade{display:grid;grid-template-columns:190px minmax(0,1fr);border-bottom:1px solid #e3eaf2;min-height:116px}.grade-label{background:#f0f5fb;color:#24476c;border:0;border-right:1px solid #dfe8f2;text-align:left;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.grade-label:hover{background:#e5effa}.grade-label>b{font-size:28px;color:#07366e;line-height:1}.grade-label strong{font-size:10px;line-height:1.6;font-weight:750}.grade-label small{font-size:10px;line-height:1.5;color:#8491a1}.grade-label>span{font-size:10px;color:#1766a3;font-weight:600;margin-top:5px}.grade-jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px;gap:11px;background:#fbfcfe;align-items:start}.career-job{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #dbe5ef;border-left:3px solid #1a6aa8;border-radius:10px;background:white;padding:14px;text-align:left;min-height:136px;transition:box-shadow .15s,transform .15s}.career-job:hover{box-shadow:0 6px 18px #123b6612;transform:translateY(-2px);border-color:#6b9dc9}.career-job>strong{font-size:12px;line-height:1.5;font-weight:700;color:#143f6c;overflow-wrap:anywhere}.career-job>small{font-size:10px;line-height:1.5;color:#7c8da1}.job-grade{font-size:9px;font-weight:750;color:#17639c;background:#edf5fc;padding:3px 6px;border-radius:4px}.job-link{font-size:10px;color:#155f98;padding-top:8px;border-top:1px solid #edf1f6;width:100%;margin-top:auto;display:flex;justify-content:space-between;gap:6px}.grade-empty{font-size:12px;color:#8c99a9;align-self:center;padding:10px;line-height:1.6;grid-column:1/-1}.formation-row{display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding:22px;background:#f8faff}.formation-row>div{display:flex;gap:9px;align-items:center;font-size:12px;color:#335675}.formation-row b{background:#e7eff8;padding:8px;border-radius:8px;color:#07366e}.formation-row p{flex:1;min-width:200px;font-size:11px;line-height:1.7;color:#7c8da2;margin:0}.source-note{font-size:11px;line-height:1.8;color:#7a8a9e;margin:16px 0}.toolbar input[type=search]{padding:0 13px}.toolbar>label{min-width:130px}.toolbar label:not(.search-label){flex:.6}.drawer-shade{position:fixed;inset:0;background:#03234f66;backdrop-filter:blur(2px);z-index:30}.career-drawer{z-index:31;top:15px;right:15px;bottom:15px;width:510px;max-width:calc(100vw - 30px)}.drawer-open{overflow:hidden}#detailContent{padding:24px}#detailContent h2{color:#07366e;font-size:25px;font-weight:750;line-height:1.4}#detailContent h3{margin-top:27px;color:#153e68}#detailContent p{font-size:13px;color:#647b92}.tag{display:inline-flex;background:#eaf2fb;color:#15558a;font-size:11px;border-radius:6px;padding:6px 9px}.description-link{display:flex;flex-direction:column;width:100%;text-align:left;border:1px solid #d8e5f2;border-radius:12px;background:#f7faff;gap:8px;padding:15px;margin-bottom:10px}.description-link:hover{border-color:#81a8cc}.description-link strong{font-size:14px;color:#123f6b}.description-link span{font-size:11px;color:#74889d}.description-link small{font-size:10px;color:#8a96a3;line-height:1.6}.description-link b{font-size:11px;color:#1367a7}.compact-field{padding:13px 0;border-bottom:1px solid #e8eef4}.compact-field h4{font-size:11px;color:#1a537f;margin:0 0 7px}.preserved-text{font-size:13px;line-height:1.9;color:#45627f;overflow-wrap:anywhere}.wide{width:100%;margin:15px 0 3px;font-size:12px;white-space:normal}.notice{border-left:3px solid #f47a16;background:#fff6ec;padding:14px 17px;border-radius:0 10px 10px 0;font-size:12px;line-height:1.8;color:#856035;margin:16px 0}.notice p{margin:7px 0 0}.catalogue-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px}.catalogue-head p{font-size:12px;color:#6a8097;line-height:1.8}.catalogue-head strong{color:#174b79}.description-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.description-catalogue{border:1px solid #dce6f1;border-radius:15px;background:#fff;overflow:hidden;position:sticky;top:87px;max-height:calc(100vh - 105px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b6c9dd #f5f8fc}.catalogue-count{padding:16px;border-bottom:1px solid #e1eaf3;font-size:11px;color:#7790a5;font-weight:650}.desc-option{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;width:100%;border:0;border-bottom:1px solid #e9eef5;background:#fff;padding:16px;border-left:3px solid transparent;color:#234e77}.desc-option:hover{background:#f5f9fe}.desc-option.selected{background:#edf5fd;border-left-color:#ff7900}.desc-option>strong{font-size:12px;line-height:1.6}.desc-option>span{font-size:10px;color:#7b91a5}.desc-option>small{font-size:9px;color:#8796a7;line-height:1.5}.desc-option>b{font-weight:500;font-size:9px;color:#3a7aa9;background:#f0f6fc;border-radius:4px;padding:4px 6px;line-height:1.5}.no-results{font-size:12px;color:#768ca3;padding:15px}.full-description{padding:28px;background:white;border:1px solid #dce6f1;border-radius:16px;min-width:0}.select-description{text-align:center;min-height:330px;padding:60px 20px;color:#8b9fb2}.select-description>span{font-size:43px;color:#bbcde0}.select-description h2{color:#174b78;font-size:22px}.select-description p{font-size:13px;line-height:1.8}.description-title{display:flex;gap:16px;justify-content:space-between;align-items:start;border-bottom:1px solid #e5edf5;padding-bottom:20px}.section-kicker{color:#168b88;font-size:9px;letter-spacing:.12em;font-weight:800}.description-title h2{color:#123d68;font-size:25px;line-height:1.4;letter-spacing:-.5px;margin:10px 0}.description-title p{color:#8b9caf;font-size:10px;line-height:1.7;margin:0}.description-title button{font-size:11px;min-height:36px;padding:8px 12px}.description-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:23px 0;border-bottom:1px solid #e6edf5}.description-meta small{font-size:9px;color:#8b9caf;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:5px}.description-meta strong{font-size:12px;line-height:1.8;font-weight:600;color:#3d6083;display:block}.match-note{font-size:10px;line-height:1.8;color:#7490a7;background:#f4f8fc;padding:12px;border-radius:8px;margin:15px 0}.match-note button{display:block;margin-top:6px;font-size:10px}.description-section{padding:20px 0;border-bottom:1px solid #edf1f6}.description-section h3{font-size:16px;font-weight:750;color:#164b77;margin:0 0 13px}.responsibility-group h4{font-size:12px;color:#436783;margin:20px 0 10px}.responsibility-group ul{padding-left:18px;margin:0}.responsibility-group li{font-size:12px;line-height:1.9;color:#56718b;padding:4px 0}.editorial-card{background:#fff;border:1px solid #dfe7f0;border-radius:18px;padding:30px;margin-top:20px;color:#4e6b86}.editorial-card h2{font-size:23px;letter-spacing:-.4px;color:#0e3e6c;margin:9px 0 18px;line-height:1.4}.editorial-card h3{font-size:16px;color:#204e78;margin:24px 0 11px}.editorial-card p{font-size:13px;line-height:1.9;margin:12px 0}.editorial-card .lead{font-size:17px;line-height:1.85;color:#2f5577}.editorial-card .source-note{font-size:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.guide-grid article{padding:23px;border-radius:15px;border:1px solid #dfe7f0;background:white;position:relative}.guide-marker{display:block;width:24px;height:4px;background:#ff7900;border-radius:3px;margin:0 0 18px}.guide-grid h3{font-size:14px;line-height:1.6;color:#15426d;margin:0 0 10px}.guide-grid p{font-size:12px;line-height:1.9;color:#70879e;margin:0}.steps-list{padding-left:20px;font-size:13px;line-height:2}.steps-list li{padding:7px 0}.inline-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.criteria-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0}.criteria-grid article{border:1px solid #e2eaf3;border-radius:12px;padding:18px;background:#f9fbfe}.criteria-grid h3{font-size:13px;margin:0 0 7px}.criteria-grid p{font-size:12px;margin:0;line-height:1.9;color:#6e86a0}.important{font-size:13px}.level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.level-grid article{padding:19px;background:#eef5fc;border:1px solid #dce8f3;border-radius:12px}.level-grid b{font-size:10px;color:#e96d0c}.level-grid h3{font-size:13px;margin:12px 0 0;line-height:1.8}.grade-selector-strip{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.grade-selector-strip button{background:white;border:1px solid #d8e3ef;color:#2a5d85;border-radius:9px;min-width:45px;height:41px;font-size:12px;font-weight:650}.grade-selector-strip button.selected{background:#07366e;color:white;border-color:#07366e}.comparison-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.comparison-controls label{font-size:11px;font-weight:700;color:#6c8197;display:flex;flex-direction:column;gap:9px}.comparison-controls select{font-size:12px}.grade-comparison{background:white;border:1px solid #dce6f0;border-radius:16px;overflow:hidden}.comparison-heading,.comparison-row{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}.comparison-heading{background:#07366e;color:white}.comparison-heading>span{font-size:11px;padding:25px 18px;color:#93b7d9;align-self:center}.comparison-heading>div{padding:24px;border-left:1px solid #2b527b}.comparison-heading b{display:block;font-size:30px;color:#00d9bc;margin-bottom:10px}.comparison-heading h2{font-size:14px;line-height:1.7;margin:0 0 8px}.comparison-heading small{font-size:10px;line-height:1.7;color:#a9c5de}.comparison-row{border-bottom:1px solid #e6edf5}.comparison-row>h3{padding:22px 18px;font-size:11px;line-height:1.7;margin:0;background:#f5f8fc;color:#4f7190}.comparison-row>div{padding:22px;border-left:1px solid #e6edf5}.comparison-row .preserved-text{font-size:12px;line-height:1.95}.comparison-actions button{font-size:11px;padding:9px 12px;white-space:normal}.comparison-actions small{display:block;font-size:10px;color:#95a4b3;margin-top:10px}.source-block{border-bottom:1px solid #e7eef5;padding:0 0 20px;margin-bottom:18px}.source-block small{font-size:10px;color:#8b9bb0;overflow-wrap:anywhere}.source-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.source-records button{display:flex;flex-direction:column;align-items:start;gap:7px;padding:16px;text-align:left;border:1px solid #dce7f2;background:#f8fbfe;border-radius:9px;color:#164b78}.source-records strong{font-size:12px;line-height:1.6}.source-records small{font-size:10px;color:#879aae}.source-records span{font-size:11px;color:#347bab}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.8}th{text-align:left;background:#f1f6fc;color:#3d678b;padding:13px}td{padding:14px;border-bottom:1px solid #e5edf5;vertical-align:top;color:#637e98}td button{font-size:11px;line-height:1.8}.full-description h2,.editorial-card h2,.career-map h2{scroll-margin-top:90px}#content:focus{outline:none}
@media(min-width:1700px){.grade-jobs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:1150px){.description-layout{grid-template-columns:240px minmax(0,1fr);gap:13px}.full-description{padding:22px}.comparison-heading,.comparison-row{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr)}.comparison-heading>div,.comparison-row>div{padding:18px}.nav-item{font-size:8px}.guide-grid,.criteria-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-grade{grid-template-columns:155px minmax(0,1fr)}.grade-label{padding:18px 13px}.grade-jobs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.description-title{flex-wrap:wrap}.sidebar-base strong{font-size:10px}}
@media(max-width:900px){.description-layout{grid-template-columns:1fr}.description-catalogue{position:static;max-height:290px}.desc-option{padding:13px 16px}.desc-option>small{display:none}.catalogue-head{flex-wrap:wrap;gap:7px}.full-description{scroll-margin-top:85px}.description-title{flex-wrap:nowrap}.comparison-heading,.comparison-row{grid-template-columns:100px minmax(0,1fr) minmax(0,1fr)}.comparison-heading>div,.comparison-row>div{padding:15px}.comparison-row>h3{padding:18px 11px}.comparison-heading h2{font-size:11px}.comparison-row .preserved-text{font-size:11px}.career-grade{grid-template-columns:140px minmax(0,1fr)}.grade-jobs{grid-template-columns:1fr}.career-job{min-height:110px}.grade-label strong{font-size:9px}.source-records{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{overflow-y:visible}.sidebar nav{padding-bottom:2px}.nav-item{font-size:9px;line-height:1.5}.intro{min-height:220px}.intro h1{font-size:30px}.hero-kicker{font-size:8px}.header-button{font-size:10px;padding:8px}.header-meta .header-button:first-child{display:none}.career-grade{grid-template-columns:115px minmax(0,1fr)}.grade-label{padding:17px 11px;gap:8px}.grade-label>b{font-size:25px}.grade-label strong{font-size:8px}.grade-label small,.grade-label>span{font-size:9px}.grade-jobs{padding:10px;gap:9px}.career-job{padding:11px;min-height:110px}.career-job>strong{font-size:11px}.career-job>small,.job-link{font-size:9px}.section-bar{padding:18px;flex-wrap:wrap;gap:12px}.section-bar h2{font-size:17px}.section-bar p{font-size:11px}.career-drawer{top:10px;bottom:10px;right:10px;max-width:calc(100vw - 20px)}.editorial-card{padding:22px}.editorial-card h2{font-size:20px}.editorial-card .lead{font-size:15px}.editorial-card p{font-size:12px}.guide-grid{gap:10px}.guide-grid article{padding:18px}.guide-grid h3{font-size:12px}.guide-grid p{font-size:11px}.criteria-grid{grid-template-columns:1fr}.level-grid{gap:9px}.level-grid article{padding:15px}.full-description{padding:21px}.description-title h2{font-size:22px}.description-meta{grid-template-columns:1fr}.grade-selector-strip{gap:6px}.grade-selector-strip button{min-width:39px;height:36px;font-size:11px}.comparison-controls{grid-template-columns:1fr;gap:12px}.comparison-heading,.comparison-row{grid-template-columns:1fr 1fr}.comparison-heading>span{display:none}.comparison-row>h3{grid-column:1/-1;font-size:11px;padding:12px 15px;background:#edf3fa;border-bottom:1px solid #e0e9f3}.comparison-heading>div{padding:17px 14px}.comparison-heading b{font-size:25px}.comparison-heading h2{font-size:10px}.comparison-row>div{padding:16px 13px}.comparison-row .preserved-text{font-size:11px;line-height:1.85}.comparison-controls select{font-size:11px}.comparison-actions button{font-size:10px;padding:8px}.catalogue-head .count-pill{font-size:10px}.formation-row{gap:15px;padding:18px}.formation-row p{min-width:100%;font-size:10px}.guide-grid{grid-template-columns:1fr 1fr}.sidebar-base{display:none}.overview-stats>div{min-height:112px}.overview-stats span{line-height:1.6}}
@media print{body{background:#fff}.app-header,.sidebar,.intro,.catalogue-head,.toolbar,.description-catalogue,.description-title button,.skip-link,.drawer-shade,.detail-panel{display:none!important}main{margin:0;padding:0}.description-layout{display:block}.full-description{border:0;padding:0}.description-title h2{font-size:20pt}.description-section{break-inside:auto}.responsibility-group{break-inside:avoid}.description-meta{grid-template-columns:1fr 1fr}.preserved-text,.responsibility-group li{font-size:10pt;color:#222}.description-title,.description-section h3{break-after:avoid}.match-note button{display:none}}
.description-title{flex-wrap:wrap}.description-exports{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.description-exports a{font-size:11px;line-height:1.4;text-decoration:none;color:#07366e;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:9px}.description-exports a:hover{background:#edf4fc;border-color:#9abbd9}.description-exports a:nth-child(2){background:#07366e;color:#fff;border-color:#07366e}.description-exports a:nth-child(2):hover{background:#104e8c}@media print{.description-exports{display:none!important}}
/* Interactive career routes */
.map-modebar{padding:14px 18px;border-bottom:1px solid #e1e9f2;display:flex;gap:14px;justify-content:space-between;align-items:center;background:#fcfdff}.map-modebar>div{display:flex;gap:5px;background:#edf3fa;border-radius:10px;padding:4px}.map-modebar button{border:0;border-radius:7px;padding:9px 13px;background:none;color:#5f7d99;font-size:11px;font-weight:700}.map-modebar button.active{color:#fff;background:#07366e;box-shadow:0 2px 4px #12345615}.map-modebar>small{font-size:10px;color:#8499ae}.routes-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:15px 18px;border-bottom:1px solid #e5edf5;font-size:11px;color:#5d7c97}.routes-legend>span{display:flex;align-items:center;gap:8px}.route-swatch{width:28px;border-top:3px solid #008b89}.route-swatch.non-natural{border-color:#e97716;border-top-style:dashed}.proposal-badge{font-size:8px;color:#9b773d;background:#fff7e9;padding:5px 8px;border-radius:5px;margin-left:auto;letter-spacing:.03em}.route-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;background:#f8fbfe;border-bottom:1px solid #e1e9f2}.route-controls>label{font-size:9px;font-weight:700;letter-spacing:.03em;color:#8195a9;display:flex;gap:6px;flex-direction:column}.route-controls select{height:34px;font-size:11px;min-width:198px}.route-controls>button{font-size:11px;min-height:34px;padding:8px 12px}.route-controls>p{font-size:10px;line-height:1.7;color:#5e7a96;flex:1;min-width:190px;margin:0}.path-viewport{max-height:68vh;min-height:400px;overflow:auto;position:relative;background:#f5f8fc;scrollbar-width:thin;scrollbar-color:#aec4d9 #edf3fa;overscroll-behavior:contain}.path-board{position:relative;min-width:1330px;isolation:isolate}.path-columns,.path-family{display:grid;grid-template-columns:155px repeat(5,minmax(225px,1fr))}.path-columns{position:sticky;top:0;z-index:8;background:#edf4fb;border-bottom:1px solid #dbe6f1}.path-columns>div{padding:14px 12px;border-right:1px solid #dce6f1;color:#1a4b77;font-size:12px;line-height:1.5}.path-columns>div:first-child{position:sticky;left:0;z-index:1;background:#e7f0fa;font-size:10px;color:#68849f;display:flex;align-items:center}.path-columns strong{font-size:14px}.path-columns small{display:block;font-size:9px;margin-top:3px;color:#8096aa}.path-family{border-bottom:1px solid #dce7f2;min-height:130px}.path-family-label{position:sticky;left:0;z-index:5;background:#f2f7fc;padding:19px 14px;border-right:1px solid #dce6f1}.path-family-label h3{font-size:12px;color:#24577e;line-height:1.6;margin:0 0 9px}.path-family-label span{font-size:10px;color:#92a2b1}.path-cell{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px 12px;border-right:1px solid #e1eaf3;min-width:0}.path-cell:empty:before{content:'·';color:#c8d4e0;margin:auto}.path-job{position:relative;z-index:3;min-height:121px;padding:12px 11px;gap:8px;border-left-width:1px;transition:opacity .15s,border-color .15s,box-shadow .15s;transform:none!important}.path-job>strong{font-size:11px;line-height:1.6}.path-job>small{font-size:9px}.path-job .job-link{font-size:9px}.path-job:hover{border-color:#6a98be}.path-job.route-origin{background:#07366e;border-color:#07366e;box-shadow:0 0 0 3px #bed8f0}.path-job.route-origin strong{color:white}.path-job.route-origin small{color:#c3d9ee}.path-job.route-origin .job-grade{background:#ffffff22;color:#fff}.path-job.route-origin .job-link{color:#e1efff;border-color:#ffffff33}.path-job.route-natural{border:2px solid #008b89;background:#f1fcf9;box-shadow:0 0 0 2px #d0efea}.path-job.route-non-natural{border:2px dashed #e97716;background:#fff8ef;box-shadow:0 0 0 2px #ffecd4}.path-job.route-muted{opacity:.24}.path-job.route-muted:hover,.path-job.route-muted:focus-visible{opacity:1}.career-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.career-route{fill:none;stroke-width:2.6;opacity:.9}.career-route.natural{stroke:#008b89}.career-route.non_natural{stroke:#e97716;stroke-dasharray:7 5}.grade-presence{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:17px 18px;background:#fff;border-top:1px solid #e1e9f2}.grade-presence>span:first-child{font-size:10px;font-weight:700;color:#65829d;margin-right:4px}.grade-presence button{font-size:10px;background:#f5f9fd;color:#315d83;border:1px solid #e0e9f3;padding:6px 8px;border-radius:7px;display:flex;align-items:center;gap:7px}.grade-presence button:hover{border-color:#8fb3d5;background:#edf5fd}.grade-presence button small{font-size:8px;color:#98aabd;background:#fff;border-radius:4px;padding:2px 4px}.formation-note{font-size:9px;color:#8c9fb2;width:100%;margin-top:7px}.route-explainer{padding:0 18px 13px;font-size:10px;line-height:1.8;color:#7f93a6}.route-explainer p{margin:6px 0}.route-explainer strong{color:#466e91}.path-no-results{padding:45px;font-size:13px;color:#7a91a7}.career-suggestions{padding:23px 0 12px;border-top:1px solid #e3ebf4;margin-top:22px;border-bottom:1px solid #e3ebf4}.career-suggestions h3{margin:10px 0 14px!important}.route-counts{display:flex;gap:7px;flex-wrap:wrap}.route-counts span{font-size:10px;border:1px solid #cce7e3;background:#f0faf7;color:#008b89;padding:5px 8px;border-radius:6px}.route-counts span:last-child{border-color:#f4dfc6;background:#fff7ed;color:#bb6d20}.route-group-label{font-size:12px;margin:24px 0 12px;color:#008b89}.route-group-label.non_natural{color:#c47324}.suggested-route{border:1px solid #cde5e1;border-left:3px solid #008b89;background:#f6fcfa;border-radius:10px;padding:15px;margin-bottom:13px}.suggested-route.non_natural{border-color:#f1dec7;border-left-color:#e97716;background:#fffaf4}.route-card-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.route-card-heading span{font-size:10px;color:#356886;font-weight:750;background:#fff;padding:4px 6px;border-radius:4px}.route-card-heading small{font-size:9px;color:#8b9ead}.suggested-route h4{font-size:13px;line-height:1.6;margin:13px 0 8px;color:#254f73}.suggested-route h5{font-size:11px;color:#3d6c8e;margin:16px 0 8px}.suggested-route p{font-size:12px!important;line-height:1.9!important;color:#5d7a94!important;margin:9px 0}.suggested-route details{padding-top:8px;margin-top:12px;border-top:1px solid #dce9e7}.suggested-route summary{font-size:11px;font-weight:650;color:#276b82;cursor:pointer;line-height:1.8}.suggested-route ul{padding-left:17px;font-size:12px;line-height:1.9;color:#54758d}.suggested-route li{margin:7px 0}.suggested-route .scope-warning{border-left:2px solid #e4aa62;padding-left:10px;color:#99713e!important}.suggested-route .route-evidence{border-top:1px dashed #cbdde8}.route-evidence p{font-size:10px!important;line-height:1.8!important}.route-evidence small{font-size:9px;color:#98a7b2}.suggested-route .wide{margin:12px 0 0;font-size:10px;min-height:34px;padding:8px}.career-suggestions .notice{font-size:11px;line-height:1.8}
@media(max-width:760px){.map-modebar{padding:12px;align-items:start;flex-direction:column;gap:8px}.map-modebar button{font-size:10px;padding:8px 10px}.map-modebar>small{font-size:9px}.routes-legend{gap:12px;padding:12px;font-size:10px}.proposal-badge{width:100%;font-size:8px;margin:0}.route-controls{padding:12px;gap:10px}.route-controls>p{min-width:100%;font-size:10px}.route-controls>button{font-size:10px}.path-viewport{max-height:65vh;min-height:360px}.path-board{min-width:1200px}.path-columns,.path-family{grid-template-columns:135px repeat(5,minmax(210px,1fr))}.path-family-label{padding:16px 11px}.path-family-label h3{font-size:11px}.path-cell{padding:13px 10px}.path-job{min-height:115px}.grade-presence{gap:5px;padding:13px}.grade-presence button{padding:5px 7px}.route-explainer{padding:0 13px 13px}.career-suggestions{padding-top:20px}.suggested-route{padding:13px}}
/* One column for every grade, including empty grades and formation. */
.path-board{min-width:4025px}.path-columns,.path-family{grid-template-columns:155px repeat(18,minmax(215px,1fr))}.grade-column-count{display:block;margin-top:7px;font-size:9px;color:#859caf}.grade-scroll-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;background:#fff;border-bottom:1px solid #dfe8f2}.grade-scroll-navigation>span{font-size:10px;line-height:1.7;color:#7690a8}.grade-scroll-navigation>div{display:flex;gap:6px;flex:none}.grade-scroll-navigation button{min-height:30px;padding:6px 10px;font-size:10px}.path-viewport{scrollbar-width:auto}@media(max-width:760px){.path-board{min-width:3735px}.path-columns,.path-family{grid-template-columns:135px repeat(18,minmax(200px,1fr))}.grade-scroll-navigation{padding:10px 12px;flex-wrap:wrap;gap:8px}.grade-scroll-navigation>span{font-size:9px}.grade-column-count{font-size:9px}}
