/* ===================== TNOA (org chart) ===================== */
.tnoa{width:100%;position:relative;background:#fff;}
.tnoa .stage-d{height:calc(100vw * 1059 / 1920);background:#fff;}
.tnoa .inner-d{height:1059px;}
.tnoa .stage-m{height:calc(100vw * 596 / 375);background:#fff;}
.tnoa .inner-m{height:596px;background:#fff;}

/* ---------- Desktop ---------- */
.tnoa__heading{position:absolute;top:91px;left:0;right:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:112px;line-height:115px;color:var(--c-dark-blue);}
.tnoa__box{position:absolute;top:216px;left:776px;width:368px;height:95px;background:var(--c-blue);z-index:1;}
.tnoa__box-txt{position:absolute;top:208px;left:0;right:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:93px;line-height:115px;color:#fff;z-index:2;}
.tnoa__chart{position:absolute;top:376px;left:260px;width:1398px;height:591px;z-index:1;}
.tnoa__chart img{width:100%;height:100%;object-fit:contain;}

/* ---------- Mobile ---------- */
.tnoa__heading--m{position:absolute;top:48px;left:0;right:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:60px;line-height:62px;color:var(--c-dark-blue);white-space:nowrap;}
.tnoa__box--m{position:absolute;top:114.6px;left:92.5px;width:196.9px;height:50.7px;background:var(--c-blue);z-index:1;}
.tnoa__box-txt--m{position:absolute;top:110px;left:0;right:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:50px;line-height:62px;color:#fff;white-space:nowrap;z-index:2;}
/* Pan + pinch-zoom viewport (JS-driven). Clips a larger chart the user can drag/zoom. */
.tnoa__chart--m{position:absolute;top:200px;left:0;width:375px;height:302px;overflow:hidden;z-index:1;touch-action:none;cursor:grab;}
.tnoa__chart--m:active{cursor:grabbing;}
.tnoa__chart--m img{position:absolute;top:0;left:0;width:714px;height:auto;transform-origin:0 0;will-change:transform;-webkit-user-drag:none;user-select:none;pointer-events:none;}
.tnoa__swipe{position:absolute;top:510px;left:146px;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(16,67,124,.2);z-index:5;display:flex;align-items:center;justify-content:center;}
.tnoa__swipe img{width:54px;height:54px;}