/* Speed Networking conversation-loop — warna diselaraskan ke IVES v3 */
.experience-networking-body{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:22px;
  align-items:start;
}
.experience-networking-copy h3{margin:0 0 14px}
.experience-networking-copy p{margin:0;font-size:13px;line-height:1.75;color:inherit;opacity:.92}
#experience .quad article.experience-networking{display:flex;flex-direction:column}
#experience .quad article.experience-networking h3{max-width:none;font-size:clamp(26px,2.4vw,33px)}
.sn-anim{
  --sn-bg:#fff;
  --sn-panel:var(--paper,#f6f5ff);
  --sn-panel-back:#ebe8ff;
  --sn-line:var(--line,#dedbf3);
  --sn-ink:var(--ink,#252246);
  --sn-muted:var(--muted,#69667c);
  --sn-accent:var(--blue,#4c40ff);
  --sn-accent-ink:#fff;
  --sn-face:#9b93d4;
  --sn-live:var(--lime,#17f400);
  box-sizing:border-box;
  color:var(--sn-ink);
  font-family:inherit;
  background:var(--sn-bg);
  position:relative;
  min-width:0;
  border:1px solid var(--sn-line);
  border-radius:12px;
  padding:14px 16px 16px;
  overflow:hidden;
  isolation:isolate;
  margin:0;
}
.sn-anim--on-blue{
  --sn-bg:rgba(255,255,255,.1);
  --sn-panel:rgba(255,255,255,.16);
  --sn-panel-back:rgba(255,255,255,.1);
  --sn-line:rgba(255,255,255,.28);
  --sn-ink:#fff;
  --sn-muted:rgba(255,255,255,.72);
  --sn-accent:var(--lime,#17f400);
  --sn-accent-ink:#18231E;
  --sn-face:rgba(255,255,255,.62);
  --sn-live:var(--lime,#17f400);
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
}
.sn-anim *,.sn-anim *:before,.sn-anim *:after{box-sizing:border-box}
.sn-stage-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:10px;
  letter-spacing:1.4px;
  font-weight:700;
  color:var(--sn-muted);
  padding:3px 2px 0;
}
.sn-live{display:flex;align-items:center;gap:6px;color:var(--sn-ink)}
.sn-live:before{
  content:'';
  width:6px;
  height:6px;
  background:var(--sn-live);
  border-radius:50%;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--sn-live) 28%,transparent);
}
.sn-viz{width:100%;aspect-ratio:520/320;display:block;overflow:visible;max-height:400px}
.sn-viz text{
  font-family:inherit;
  font-size:17px;
  fill:var(--sn-ink);
  font-weight:600;
  pointer-events:none;
  user-select:none;
}
.sn-viz .sn-small{font-size:13px;letter-spacing:.7px}
.sn-viz .sn-name{font-size:18px}
.sn-viz .sn-initial{font-size:14px;letter-spacing:.3px;font-weight:700}
.sn-viz .sn-muted-text{fill:var(--sn-muted)}
.sn-viz .sn-accent-text{fill:var(--sn-accent)}
.sn-viz .sn-line,.sn-viz .sn-ring{fill:none;stroke:var(--sn-line);stroke-width:1.2}
.sn-viz .sn-faint{opacity:.5}
.sn-viz .sn-dashed{stroke-dasharray:4 6}
.sn-viz .sn-link{fill:none;stroke:var(--sn-accent);stroke-width:1.5;stroke-linecap:round}
.sn-viz .sn-accent-stroke{stroke:var(--sn-accent)}
.sn-viz .sn-person{fill:var(--sn-panel);stroke:var(--sn-line);stroke-width:1.4}
.sn-viz .sn-main-person{fill:var(--sn-accent);stroke:var(--sn-accent)}
.sn-viz .sn-main-person~.sn-initial{fill:var(--sn-accent-ink)}
.sn-viz .sn-halo{fill:none;stroke:var(--sn-accent);stroke-width:1;opacity:0}
.sn-viz .sn-active .sn-halo{opacity:.5}
.sn-viz .sn-active .sn-person{stroke:var(--sn-accent)}
.sn-viz .sn-panel{fill:var(--sn-panel);stroke:var(--sn-line);stroke-width:1.1}
.sn-viz .sn-panel-back{fill:var(--sn-panel-back);stroke:var(--sn-line);stroke-width:1}
.sn-viz .sn-chip{fill:var(--sn-bg);stroke:var(--sn-line);stroke-width:1}
.sn-viz .sn-dot,.sn-viz .sn-wave,.sn-viz .sn-fill{fill:var(--sn-accent)}
.sn-viz .sn-bubble{fill:var(--sn-panel);stroke:var(--sn-line);stroke-width:1}
.sn-viz .sn-progress{fill:none;stroke:var(--sn-accent);stroke-width:2;stroke-linecap:round}
.sn-viz .sn-match,.sn-viz .sn-ai{fill:var(--sn-accent)}
.sn-viz .sn-match-symbol,.sn-viz .sn-ai-text{fill:var(--sn-accent-ink);font-size:22px;font-weight:700}
.sn-viz .sn-table{fill:var(--sn-panel);stroke:var(--sn-line)}
.sn-viz .sn-table-label{fill:var(--sn-muted);font-size:16px}
.sn-viz .sn-interest-ring{fill:var(--sn-accent);fill-opacity:.04;stroke:var(--sn-accent);stroke-width:1;stroke-opacity:.4}
.sn-viz .sn-radar-ray{stroke:var(--sn-accent);stroke-width:1.5}
.sn-viz .sn-silhouette-head{fill:var(--sn-face)}
.sn-viz .sn-silhouette-body{fill:var(--sn-face);opacity:.45}
.sn-viz .sn-track{fill:var(--sn-line)}
.sn-state{
  padding:14px 0 0;
  border-top:1px solid var(--sn-line);
  display:flex;
  align-items:center;
  gap:12px;
  min-height:42px;
}
.sn-state-number{font-family:ui-monospace,'Courier New',monospace;font-size:11px;color:var(--sn-accent);font-weight:700}
.sn-status-text{font-size:12px;color:var(--sn-ink);flex:1;line-height:1.4}
.sn-steps{display:flex;gap:4px}
.sn-step{width:12px;height:3px;border-radius:4px;background:var(--sn-line)}
.sn-step-active{background:var(--sn-accent)}
@media(max-width:980px){
  .experience-networking-body{grid-template-columns:1fr;gap:18px}
  #experience .quad article.experience-networking{min-width:0}
  .sn-anim{width:100%;max-width:100%}
  .sn-viz{max-height:280px}
}
@media(max-width:700px){
  .experience-networking-body{gap:14px}
  .experience-networking-copy h3{font-size:clamp(22px,6.2vw,26px);line-height:1.15}
  .experience-networking-copy p{font-size:12.5px;line-height:1.7}
  .sn-anim{padding:12px}
  .sn-viz{max-height:220px}
  .sn-viz .sn-detail{display:none}
  .sn-state{gap:8px;padding-top:12px;flex-wrap:wrap}
  .sn-status-text{font-size:11px;min-width:0}
}
@media(max-width:390px){
  .sn-steps{display:none}
  .sn-viz .sn-small{font-size:15px}
  .sn-stage-top{font-size:9px;letter-spacing:.6px;flex-wrap:wrap}
  .sn-viz{max-height:190px}
}
@media(prefers-reduced-motion:reduce){
  .sn-live:before{box-shadow:none}
}