/* Approved C + 04: native, bilingual diagrams in place of workforce photography. */
.workforce-system{display:grid;gap:26px;margin-top:48px}
.wf-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;padding:38px;min-width:0}
.wf-contact{background:var(--navy);color:var(--white);min-height:305px}
.wf-statement{min-width:0}
.wf-statement::before{content:"";display:block;width:34px;height:3px;margin-bottom:27px;background:var(--blue)}
.wf-statement h3{margin:0;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:800;line-height:1.16;letter-spacing:-.025em}
.wf-statement p{margin:30px 0 0;font-size:.9rem;line-height:1.9;color:#b9cbd7}
.wf-relationship{min-width:0;border-left:1px solid #315369;padding:10px 0 0 48px;text-align:center}
.wf-parties{display:flex;justify-content:space-between;gap:20px}
.wf-party{width:36%;min-width:0}
.wf-party strong{display:block;font-size:1.65rem;line-height:1.25;font-weight:750}
.wf-party span{display:block;margin-top:10px;font-size:.8rem;color:#b9cbd7}
.wf-connectors{display:block;width:100%;height:68px;margin-top:12px;overflow:visible}
.wf-connectors path{fill:none;stroke:#5c9ab9;stroke-width:1.2;vector-effect:non-scaling-stroke}
.wf-connectors circle{fill:#6dccf0}
.wf-manager{position:relative;margin-top:-25px}
.wf-manager strong{display:inline-block;max-width:100%;padding:0 10px;background:var(--navy);font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.2;font-weight:750;letter-spacing:-.02em}
.wf-manager span{display:block;color:#b9cbd7;font-size:.8rem;line-height:1.5;margin-top:20px}
.wf-manager span::before{content:"";display:block;width:45%;max-width:175px;height:2px;margin:0 auto 17px;background:var(--blue)}
.wf-training{background:var(--paper);color:var(--navy);min-height:265px}
.wf-training .wf-statement h3{font-size:clamp(1.8rem,2.8vw,2.45rem)}
.wf-training .wf-statement p{color:#526575;font-size:.8rem}
.wf-training-content{min-width:0;padding-left:28px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.wf-eyebrow{margin:0 0 45px;color:#087ead;font-size:.7rem;font-weight:800;line-height:1.6;letter-spacing:.025em}
.wf-training-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:0;text-align:center}
.wf-training-steps li{position:relative;min-width:0}
.wf-training-steps strong{display:block;font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.4;font-weight:750}
.wf-training-steps span{display:block;margin-top:17px;font-size:.75rem;line-height:1.6;color:#526575}
.wf-training-steps li:not(:last-child)::after{content:"";position:absolute;top:17px;right:-25px;width:20px;height:1px;background:#8dc8e0}
.wf-training-steps li:not(:last-child)::before{content:"";position:absolute;top:15px;right:-25px;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.wf-more{text-align:right}
.wf-more .staffing-link{margin:0;padding:8px 0;color:#087dad}
.wf-more .staffing-link:hover{text-decoration:underline;text-underline-offset:5px}
.wf-more .staffing-link:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
html[lang="ko"] .workforce-system{word-break:keep-all;overflow-wrap:break-word}
html[lang="ko"] .wf-manager strong{font-size:clamp(1.4rem,2.2vw,2rem)}
@media(max-width:1050px){
  .wf-panel{gap:30px;padding:32px}
  .wf-relationship{padding-left:30px}
  .wf-training-content{padding-left:14px}
  .wf-training-steps{gap:22px}
  .wf-training-steps li:not(:last-child)::after{right:-19px;width:16px}
  .wf-training-steps li:not(:last-child)::before{right:-19px}
}
@media(max-width:800px){
  .wf-panel{grid-template-columns:1fr;gap:28px;padding:32px;min-height:0}
  .wf-relationship{border-left:0;border-top:1px solid #315369;padding:28px 0 0}
  .wf-statement h3{font-size:2.5rem}
  .wf-training .wf-statement h3{font-size:2.25rem}
  .wf-statement p{margin-top:22px}
  .wf-training-content{padding:0}
  .wf-eyebrow{margin-bottom:28px}
  .wf-manager strong{font-size:2rem}
  html[lang="ko"] .wf-manager strong{font-size:1.8rem}
  .wf-training-steps strong{font-size:1.45rem}
}
@media(max-width:480px){
  .workforce-system{gap:20px;margin-top:32px}
  .wf-panel{padding:26px 22px}
  .wf-statement h3{font-size:2rem}
  .wf-training .wf-statement h3{font-size:1.85rem}
  .wf-party strong{font-size:1.3rem}
  .wf-party span{font-size:.75rem}
  .wf-manager strong{font-size:1.55rem;padding:0 7px}
  html[lang="ko"] .wf-manager strong{font-size:1.4rem}
  .wf-training-steps{grid-template-columns:1fr;gap:24px;text-align:left;padding-left:22px}
  .wf-training-steps strong{font-size:1.25rem}
  .wf-training-steps span{margin-top:4px;font-size:.8rem}
  .wf-training-steps li::before,.wf-training-steps li:not(:last-child)::before{content:"";position:absolute;left:-22px;right:auto;top:10px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
  .wf-training-steps li:not(:last-child)::after{left:-20px;right:auto;top:20px;width:1px;height:calc(100% + 9px);background:#8dc8e0}
  .wf-more{text-align:left}
}
