/* A retained skill library beside the same contour robot. */
.skill-growth-stage{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);align-items:center;column-gap:64px;min-height:540px}
.skill-library{position:relative;z-index:2;min-width:0}
.skill-library-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;color:#7e92b2;font-size:12px;line-height:1.5}
.skill-library-head span:last-child{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.skill-growth-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:9px}
.skill-growth-item{min-width:0;opacity:.18;transform:translate3d(-14px,6px,0);transition:opacity .3s ease,transform .55s cubic-bezier(.2,.9,.2,1.12)}
.skill-growth-item.is-added{opacity:1;transform:translate3d(0,0,0)}
.robotics-page .skill-growth-chip{position:relative;display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:43px;margin:0;padding:10px 14px;border:1px solid var(--robot-line);border-radius:8px;background:#121a28;color:#a8bad6;font-size:14px;font-weight:500;line-height:1.4;text-align:left;transition:border-color .25s ease,color .25s ease,background .25s ease}
.skill-growth-chip svg{width:17px;height:17px;flex-shrink:0;color:#7e92b2}
.is-added .skill-growth-chip svg{color:#2563eb}
.robotics-page .skill-growth-chip:hover{color:#f4f8ff;border-color:rgba(117,170,255,.42);background:#152137}
.robotics-page .skill-growth-chip[aria-pressed=true]{color:#f4f8ff;border-color:rgba(37,99,235,.65);background:#14213a}
.skill-dog-figure{position:relative;z-index:0;min-width:0;height:520px;margin:0;background:#0f1116}
.skill-dog-poster,.skill-dog-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.skill-dog-canvas{opacity:0;transition:opacity .45s ease;pointer-events:none}
.skill-dog-poster{opacity:1;transition:opacity .45s ease}
.skill-dog-figure.is-ready .skill-dog-canvas{opacity:1}
.skill-dog-figure.is-ready .skill-dog-poster{opacity:0}
.skill-growth-links{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.skill-connection{fill:none;stroke:#526d96;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .7s cubic-bezier(.3,0,.2,1),stroke .3s ease,opacity .4s ease}
.skill-connection.is-connected{stroke-dashoffset:0;opacity:.26}
.skill-connection.is-current{stroke:#2563eb;opacity:.85}
.skill-growth-trunk{fill:none;stroke:#2563eb;stroke-width:1.25;stroke-opacity:.45;vector-effect:non-scaling-stroke;stroke-linecap:round}
.skill-growth-hub{fill:#0f1116;stroke:#2563eb;stroke-width:1.5;vector-effect:non-scaling-stroke}
@media(max-width:1100px){.skill-growth-stage{grid-template-columns:270px minmax(0,1fr);column-gap:32px}.skill-dog-figure{height:500px}}
@media(max-width:900px){
  .skill-growth-stage{grid-template-columns:1fr;gap:24px;min-height:0}
  .skill-dog-figure{grid-row:1;height:360px}
  .skill-library{grid-row:2;width:100%;max-width:620px;margin-inline:auto}
  .skill-growth-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .skill-growth-links{display:none}
  .skill-library::before{content:"";position:absolute;left:50%;top:-26px;width:1px;height:18px;background:linear-gradient(transparent,#2563eb)}
  .skill-growth-item{transform:translate3d(0,8px,0)}
}
@media(max-width:560px){
  .skill-dog-figure{height:300px}
  .skill-growth-stage{gap:20px}
  .skill-library-head{font-size:11px;margin-bottom:14px}
  .robotics-page .skill-growth-chip{min-height:54px;padding:9px 10px;gap:8px;font-size:12px;line-height:1.4}
  .skill-growth-chip svg{width:15px;height:15px}
}
@media(prefers-reduced-motion:reduce){.skill-growth-item,.skill-growth-chip,.skill-connection,.skill-dog-canvas,.skill-dog-poster{transition:none!important}}