/* Detailed graph page only. The profile header, cards, and capability orbit keep their existing styles. */
.sf-graph-screen{color:#081849;min-width:0}
.sf-graph-screen #dg-map-panel,.sf-graph-screen #dg-capability-list{scroll-margin-top:18px}
.sf-graph-screen :is(#dg-map-panel,#dg-capability-list):focus{outline:none}
.sf-graph-screen .sf-graph-panel{padding:24px}
.sf-graph-screen .sf-graph-heading{margin-bottom:4px;align-items:flex-start}
.sf-graph-screen .sf-graph-heading p{max-width:560px}
.sf-graph-screen .hp-orbit-switch{flex:none;margin-top:1px}
.sf-graph-screen .sf-map-utilities{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-top:1px solid #edf3fc;padding:14px 2px 0;margin-top:8px;font-size:12px;color:#52688f}
.sf-graph-screen .sf-map-options{min-width:0;flex:1}
.sf-graph-screen .sf-map-options summary{width:max-content;cursor:pointer;line-height:26px;color:#536d99}
.sf-graph-screen .sf-map-controls{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.sf-graph-screen .sf-map-controls button,.sf-graph-screen .sf-related-toggle{border:1px solid #dceaff;border-radius:8px;padding:8px 11px;background:#fff;color:#315682;font-size:12px;line-height:1.4}
.sf-graph-screen .sf-map-controls button[aria-pressed=true],.sf-graph-screen .sf-related-toggle[aria-pressed=true]{border-color:#97c4ff;background:#eaf4ff;color:#0057c9}
.sf-graph-screen .sf-map-context{font-size:12px;line-height:1.6;margin-top:9px;color:#52688f}
.sf-graph-screen .sf-list-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:28px;border:0;background:transparent;color:#005cda;font-size:13px;line-height:1.5;padding:0;white-space:nowrap}
.sf-graph-screen .sf-list-link svg{width:17px;height:17px}
.sf-graph-screen .sf-map-utilities .sf-list-link svg{transform:rotate(90deg)}
.sf-graph-screen .sf-graph-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 6px;margin-top:24px;margin-bottom:24px;gap:0}
.sf-graph-screen .sf-graph-stats>div{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:10px;align-content:start;padding:0 12px;min-width:0;border-right:1px solid #e3efff}
.sf-graph-screen .sf-graph-stats>div:last-child{border:0}
.sf-graph-screen .sf-stat-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:#e6f3ff;color:#087aff;flex:none}
.sf-graph-screen .sf-stat-icon svg{width:28px;height:28px;stroke-width:2}
.sf-graph-screen .sf-graph-stats strong{display:block;font-size:29px;font-weight:700;line-height:1.2;letter-spacing:-.7px}
.sf-graph-screen .sf-graph-stats strong small{display:block;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:-.2px;margin-top:2px}
.sf-graph-screen .sf-graph-stats p{grid-column:1/-1;margin-top:8px;font-size:11.5px;line-height:1.5;color:#5b71a0}
.sf-graph-screen .sf-graph-stats .sf-together strong{font-size:13px;line-height:1.4;letter-spacing:-.25px;margin-top:9px;white-space:nowrap}
.sf-graph-screen .sf-graph-stats .sf-together p{grid-column:2;margin-top:-2px;font-size:11px}
.sf-graph-screen .sf-shared-icon{position:relative;background:#efecff;color:#4218d8}
.sf-graph-screen .sf-shared-icon i{position:absolute;left:9px;top:15px;width:18px;height:18px;border:2px solid currentColor;border-radius:50%}
.sf-graph-screen .sf-shared-icon i+i{left:20px}
.sf-graph-screen .sf-capability-list{padding:16px}
.sf-graph-screen .sf-capability-list .hp-section-heading{margin-bottom:12px;align-items:center}
.sf-graph-screen .sf-capability-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sf-graph-screen .sf-capability-card{--sf-card-accent:#1685ff;padding:14px 13px 16px;border-radius:11px;background:linear-gradient(120deg,#eff8ff,#f4faff);min-width:0}
.sf-graph-screen .sf-card-manager-coaching{--sf-card-accent:#04ad90;background:linear-gradient(120deg,#edfdf7,#f1fcf9)}
.sf-graph-screen .sf-card-ai-workflow{--sf-card-accent:#7252f5;background:linear-gradient(120deg,#f4f1ff,#f8f6ff)}
.sf-graph-screen .sf-capability-title{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:none;color:#081849;padding:0;min-height:45px;width:100%}
.sf-graph-screen .sf-capability-title .sf-stat-icon{width:43px;height:43px}
.sf-graph-screen .sf-card-manager-coaching .sf-stat-icon{background:#d1f8ec;color:#009a7b}
.sf-graph-screen .sf-card-ai-workflow .sf-stat-icon{background:#e3dcff;color:#4820d5}
.sf-graph-screen .sf-card-ai-workflow .sf-stat-icon svg{fill:currentColor;stroke-width:.6}
.sf-graph-screen .sf-capability-title strong{display:block;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.3px}
.sf-graph-screen .sf-capability-title small{display:block;font-size:13px;line-height:1.5;color:#536b96}
.sf-graph-screen .sf-capability-card ul{list-style:none;padding:0;margin:10px 0 0}
.sf-graph-screen .sf-capability-card li{position:relative;padding-left:18px;margin-top:5px}
.sf-graph-screen .sf-capability-card li:before{content:'';position:absolute;left:1px;top:8px;width:8px;height:8px;background:var(--sf-card-accent);border-radius:50%}
.sf-graph-screen .sf-capability-card li button{background:none;border:0;padding:2px 0;text-align:left;font-size:13px;color:#486392;line-height:1.5}
.sf-graph-screen .sf-capability-card li button:hover{text-decoration:underline;color:#0058cc}
.sf-graph-screen .dg-inspector{margin:0 0 20px;scroll-margin-top:18px}
.sf-graph-screen .dg-inspector-card{position:static;border-color:#dfebfc;background:#fff;box-shadow:none}
.sf-graph-screen .dg-inspector .btn{font-family:inherit;border-color:#dbe8fb;background:#f5f9ff;color:#16457e}
.sf-graph-screen .dg-inspector .btn-primary{background:#005ac9;color:#fff;border-color:#005ac9}
.sf-graph-screen .dg-rating{background:#eef6ff;border-color:#dfedff}
.sf-graph-screen .dg-callout{background:#f1f7ff;border-color:#dfedff}
@media(max-width:1100px){.sf-graph-screen .sf-graph-heading{flex-wrap:wrap}.sf-graph-screen .sf-graph-heading .hp-orbit-switch{margin-left:auto}.sf-graph-screen .sf-graph-stats>div{padding:0 8px;column-gap:7px;grid-template-columns:40px minmax(0,1fr)}.sf-graph-screen .sf-graph-stats .sf-stat-icon{width:40px;height:40px}.sf-graph-screen .sf-graph-stats .sf-together strong{white-space:normal;margin-top:3px}.sf-graph-screen .sf-shared-icon i{left:6px;top:12px}.sf-graph-screen .sf-shared-icon i+i{left:17px}}
@media(max-width:680px){.sf-graph-screen .sf-graph-panel{padding:20px 14px}.sf-graph-screen .sf-graph-heading{padding:0 4px;gap:12px}.sf-graph-screen .sf-graph-heading p{font-size:13px}.sf-graph-screen .sf-graph-heading .hp-orbit-switch{margin-left:0}.sf-graph-screen .sf-graph-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.sf-graph-screen .sf-graph-stats>div:nth-child(2){border:0}.sf-graph-screen .sf-capability-columns{grid-template-columns:1fr}.sf-graph-screen .sf-capability-list .hp-section-heading{flex-wrap:wrap;gap:6px}.sf-graph-screen .sf-capability-card li button{min-height:28px}.sf-graph-screen .sf-map-utilities{font-size:11px}.sf-graph-screen .sf-list-link{font-size:12px}.sf-graph-screen .sf-graph-stats .sf-together p{margin-top:4px;grid-column:1/-1}}

/* Capabilities and Skills are two views of the same persistent profile panel. */
.sf-graph-screen .hp-profile-map-panel{padding:24px;container-type:inline-size;min-height:calc(100svh - 36px)}
.sf-graph-screen .hp-profile-graph-heading{gap:20px;margin-bottom:4px;align-items:start}
.sf-graph-screen .hp-profile-graph-heading>div:first-child{min-width:0;flex:1}
.sf-graph-screen .hp-profile-graph-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:none}
.sf-graph-screen .hp-profile-graph-actions .hp-orbit-switch{margin:0}
.hp-profile-graph-actions .hp-orbit-switch [role=tab]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:98px;padding:9px 13px;border:0;background:transparent;color:#365283;font-size:12px;line-height:1.4;border-radius:10px}
.hp-profile-graph-actions .hp-orbit-switch [aria-selected=true]{background:linear-gradient(100deg,#0060cf,#004aab);color:#fff;font-weight:600;box-shadow:0 3px 7px #005ac917}
.hp-profile-graph-actions .hp-orbit-switch [role=tab]:hover:not([aria-selected=true]){background:#e3efff}
.sf-graph-screen .hp-profile-graph-actions .sf-list-link{min-height:40px;padding:8px 10px;border:1px solid #dceaff;border-radius:9px;background:#fff}
.sf-graph-screen .hp-profile-graph-actions .sf-list-link:hover{border-color:#a5cbff;background:#f3f8ff}
.sf-graph-screen .hp-profile-graph-actions .sf-list-link svg{transform:rotate(90deg)}
#profile-graph-region :is([role=tab],.sf-list-link):focus-visible{outline:3px solid #0074ed;outline-offset:3px}
#profile-graph-content{min-width:0;outline:none}
#profile-graph-content:focus-visible{outline:3px solid #0074ed;outline-offset:4px;border-radius:6px}
#profile-graph-content .hp-capability-map{margin-top:0}
@media(max-width:1100px){.sf-graph-screen .hp-profile-graph-heading{flex-direction:column;gap:14px}.sf-graph-screen .hp-profile-graph-actions{max-width:100%}}
@media(max-width:680px){.sf-graph-screen .hp-profile-map-panel{padding:20px 14px}.sf-graph-screen .hp-profile-graph-heading p{font-size:13px}.sf-graph-screen .hp-profile-graph-actions{gap:8px}.sf-graph-screen .hp-profile-graph-actions .sf-list-link{font-size:12px}}