/* Compact graph nodes; Devon stays highest at every viewport width. */
.dc-overview{width:100%;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden;container-type:inline-size}
.dc-overview-map{position:relative;width:100%;max-width:980px;height:560px;margin:0 auto;background-color:#fafcf8;background-image:radial-gradient(#dbe4d5 .75px,transparent .75px);background-size:22px 22px}
.dc-overview-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.dc-overview-lines path{fill:none;stroke:#9db794;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .15s,stroke-width .15s}
.dc-avatar-hub{position:absolute;left:50%;top:28px;transform:translateX(-50%);width:150px;height:155px;padding:0;border:0;background:none;color:var(--ink);text-align:center;line-height:1.4}
.dc-avatar{display:grid;place-items:center;width:104px;height:104px;margin:0 auto;background:#e6edde;border:6px solid #fff;border-radius:50%;color:#496444;box-shadow:0 0 0 1px #dce5d5,0 8px 28px #263a3312;overflow:hidden}
.dc-avatar svg{width:64px;height:64px;color:#65815c;fill:currentColor}
.dc-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.dc-avatar-name{display:block;margin-top:9px;font-size:18px;font-weight:600;letter-spacing:-.35px;line-height:1.35}
.dc-avatar-hub small{display:block;margin-top:2px;font-size:12px;line-height:1.4;font-weight:400;color:var(--muted)}
.dc-capability-card{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(220px,42%);height:124px;min-height:0;padding:12px;border:1px solid #c2d4b9;border-radius:30px;background:#edf4e6;text-align:center;color:var(--ink);box-shadow:0 5px 16px #30462a0b;line-height:1.4;transition:border-color .15s,background .15s,box-shadow .15s}
.dc-capability-card:hover{background:#e4efd9;border-color:#87a875;box-shadow:0 0 0 3px #accb9426,0 7px 22px #30462a12}
.dc-capability-card h3{display:block;margin:5px 0;font-size:16px;line-height:1.2;letter-spacing:-.2px;font-weight:600;color:#35502e}
.dc-capability-card p,.dc-cap-evidence-status{display:none}
.dc-status{display:block;font-size:10px;line-height:1.3;font-weight:550;letter-spacing:.6px;text-transform:uppercase;color:#6b805d}
.dc-cap-count{display:block;margin-top:5px;padding:0;border:0;font-size:11px;line-height:1.4;color:#607456}
.dc-cap-count b{display:inline;font-weight:600}
.dc-cap-workforce-advice{left:calc(25% - min(110px,21%));top:268px}
.dc-cap-manager-coaching{left:calc(50% - min(110px,21%));top:405px;background:#f0f3e5}
.dc-cap-ai-workflow{right:calc(25% - min(110px,21%));top:268px;background:#eaf3eb}
.dc-overview-map:has(.dc-cap-workforce-advice:hover) .dc-link-workforce-advice,.dc-overview-map:has(.dc-cap-manager-coaching:hover) .dc-link-manager-coaching,.dc-overview-map:has(.dc-cap-ai-workflow:hover) .dc-link-ai-workflow{stroke:#5e8550;stroke-width:3}
.dc-overview-note{padding:18px 22px;border-top:1px solid var(--line);background:#fbfcf9;font-size:13px;line-height:1.7;color:var(--muted)}
.dc-overview-note p{font-size:13px;line-height:1.7}
.dc-overview-note strong{color:var(--ink);font-weight:600}
.dc-breadcrumb{position:sticky;top:0;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:17px;padding:10px 0;background:var(--bg);font-size:12px;line-height:1.6;color:var(--muted);scroll-margin-top:12px}
.dc-breadcrumb button{background:none;border:0;border-radius:5px;padding:4px 0;font-size:12px;line-height:1.6;color:var(--green);text-align:left;text-decoration:underline;text-underline-offset:3px}
.dc-breadcrumb button:hover{color:var(--ink)}
.dc-capability-header{min-width:0;margin-bottom:22px}
.dc-capability-header h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.6px}
.dc-capability-header>p,.dc-capability-header>div>p{max-width:780px;margin-top:8px;font-size:13px;line-height:1.8;color:var(--muted)}
.dc-progress-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}
.dc-progress-summary>span,.dc-progress-summary>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}
.dc-progress-summary strong,.dc-progress-summary b{font-size:14px;line-height:1.6;font-weight:600;color:var(--ink)}
.dc-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;min-width:0}
.dc-detail-layout>*{min-width:0}
.dc-skill-section{min-width:0;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px;scroll-margin-top:78px}
.dc-skill-group h3{font-size:16px;line-height:1.5;letter-spacing:-.2px;font-weight:600}
.dc-skill-group h3>span{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:8px;padding:0 6px;border-radius:7px;background:#edf2e6;color:#60794e;font-size:12px;line-height:1;font-weight:600;vertical-align:middle}
.dc-skill-group>p{margin-top:5px;font-size:12px;line-height:1.75;color:var(--muted)}
.dc-skill-group>.dc-empty-rating{margin-top:14px;padding:14px;border:1px dashed #d7e0cf;border-radius:10px;background:#f8faf5}
.dc-skill-group+.dc-skill-group{margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}
.dc-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;min-width:0}
.dc-skill-card{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;width:100%;height:100%;padding:16px;border:1px solid #dce4d5;border-radius:12px;background:#fbfcf8;color:var(--ink);text-align:left;line-height:1.55;transition:background .15s,border-color .15s,box-shadow .15s}
.dc-skill-card:hover{background:#f3f7ed;border-color:#a9be97}
.dc-skill-card>strong{display:block;font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.15px}
.dc-skill-card>small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}
.dc-skill-card.is-selected{background:#f0f6e7;border-color:#6f914d;box-shadow:0 0 0 1px #6f914d}
.dc-skill-rating{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;margin-top:15px;margin-bottom:12px;min-height:28px;color:var(--muted);font-size:12px;line-height:1.5}
.dc-skill-rating strong,.dc-skill-rating b{font-size:18px;line-height:1.3;font-weight:600;color:#3c5633}
.dc-skill-rating small{font-size:12px;line-height:1.5;color:var(--muted)}
.dc-skill-rating .badge,.dc-skill-rating .verification-badge{font-size:10px;line-height:1.5;padding:4px 7px}
.dc-skill-footer{display:block;margin-top:auto;padding-top:10px;border-top:1px solid #e1e8da;font-size:12px;line-height:1.7;color:var(--muted)}
.dc-skill-footer strong{font-size:12px;font-weight:600;color:#58704c}
.dc-detail-layout .dg-inspector{min-width:0;scroll-margin-top:78px}
.dc-detail-layout .dg-inspector-card{padding:22px;border-radius:16px}
.dc-context-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:12px;line-height:1.6;color:var(--muted)}
.dc-context-row .btn,.dc-back-capabilities{font-size:12px;min-height:38px;white-space:normal}
.dc-related-note{margin-top:12px;font-size:12px;line-height:1.75;color:var(--muted)}
.dc-overview button:focus-visible,.dc-breadcrumb button:focus-visible,.dc-skill-card:focus-visible,.dc-context-row button:focus-visible{outline:3px solid #6f914d;outline-offset:4px}
.dc-avatar-hub:focus-visible{border-radius:16px}
.devon-profile .profile-avatar{border-radius:50%;overflow:hidden}
.devon-profile .profile-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:1100px){
  .dc-detail-layout{grid-template-columns:minmax(0,1fr)}
  .dc-detail-layout .dg-inspector-card{padding:23px}
}
@container (max-width:420px){
  .dc-capability-card h3{font-size:14px}
  .dc-cap-count{font-size:10px}
}
@media(max-width:640px){
  .dc-overview{border-radius:16px}
  .dc-overview-note{padding:17px 20px;font-size:12px}
  .dc-overview-note p{font-size:12px}
  .dc-breadcrumb{margin-bottom:15px}
  .dc-capability-header{margin-bottom:18px}
  .dc-capability-header h2{font-size:23px}
  .dc-progress-summary{align-items:flex-start;flex-direction:column;gap:7px;margin-top:15px;padding-top:13px}
  .dc-detail-layout{gap:16px}
  .dc-skill-section{padding:20px;border-radius:13px}
  .dc-skill-grid{grid-template-columns:minmax(0,1fr);gap:11px}
  .dc-skill-card{padding:16px}
  .dc-skill-group+.dc-skill-group{margin-top:24px;padding-top:21px}
  .dc-detail-layout .dg-inspector-card{padding:20px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce){.dc-avatar,.dc-capability-card,.dc-skill-card{transition:none}}