/* /uhnw-data-privacy-security: page-local drawing parts, composed from site.css tokens only (no new colours). */

/* HS-UHNW-01: the file at the centre of its own blast radius */
.uh-press{display:flex;justify-content:space-between;gap:12px 28px;margin-bottom:22px}
.uh-press p{position:relative;display:flex;align-items:center;gap:10px}
.uh-in-l::after,.uh-in-r::before{content:"";flex:0 0 38px;height:0;border-top:1.5px dashed var(--warn)}
.uh-in-r{text-align:right}
.uh-hub .hub-c{padding:40px 0}
.uh-rings{display:flex;justify-content:center}
.uh-file{display:flex;flex-direction:column;justify-content:center;align-items:center;width:min(100%,236px);aspect-ratio:1;padding:18px;border-radius:50%;text-align:center;
  border:1.5px solid var(--head);
  box-shadow:0 0 0 14px var(--plate),0 0 0 15.5px var(--line-c),0 0 0 30px var(--plate),0 0 0 31.5px var(--warn)}
.uh-file .nd-t{font-size:17px}
.uh-file .nd-s{font-size:14.5px}
.uh-hub .hub-l li,.uh-hub .hub-r li{font-size:15.5px}
.uh-dim{display:flex;align-items:center;gap:14px;width:min(100%,420px);margin:6px auto 0}
.uh-dim i{position:relative;flex:1 1 0;height:1.5px;background:var(--line-c)}
.uh-dim i:first-child::before,.uh-dim i:last-child::after{content:"";position:absolute;top:-7px;width:1.5px;height:15px;background:var(--line-c)}
.uh-dim i:first-child::before{left:0}
.uh-dim i:last-child::after{right:0}
.uh-dim .dg-k{color:var(--seal)}
.bd-notes .nd-th{max-width:30em}

/* HS-UHNW-02: one source fans out into three copies, each its own blast radius */
.uh-fan{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1.15fr);align-items:center}
.uh-fork{position:relative;align-self:stretch}
.uh-fork::before{content:"";position:absolute;left:0;right:50%;top:50%;height:1.5px;background:var(--warn)}
.uh-fork::after{content:"";position:absolute;left:50%;right:0;top:calc(100% / 6 + 4px);bottom:calc(100% / 6 + 4px);border:1.5px solid var(--warn);border-right:0}
.uh-fork i{position:absolute;right:0;top:50%;width:50%;height:1.5px;background:var(--warn)}
.uh-copies{display:grid;gap:22px}
.uh-copies .nd{padding:12px 16px;outline:1.5px dashed var(--warn);outline-offset:6px;background:var(--nd-bg)}
.uh-copies .nd-t{font-size:16.5px}
@container (max-width: 560px){
  .uh-fan{grid-template-columns:1fr}
  .uh-fork{height:40px;margin-left:22px}
  .uh-fork::before,.uh-fork::after{display:none}
  .uh-fork i{left:0;right:auto;top:0;bottom:0;width:1.5px;height:auto}
  .uh-copies{padding:6px}
}

/* the AI-era debt track inside the aside */
.uh-track{margin-top:18px}
.uh-track .track-art{height:84px}

/* discretion controls: the reachable surface steps down */
.uh-stairs{height:120px}
.uh-area{fill:color-mix(in srgb,var(--seal) 9%,transparent);stroke:none}
.uh-step{fill:none;stroke:var(--seal);stroke-width:2;vector-effect:non-scaling-stroke}
.uh-steps{display:grid;grid-template-columns:14fr 16fr 16fr 16fr 16fr 22fr;margin-top:10px}
.uh-steps li{text-align:center;font:600 14.5px/1.3 var(--f-sans);letter-spacing:.04em;color:var(--label);font-variant-numeric:tabular-nums}
.uh-steps li.ok{color:var(--ok)}
.ledger .tt + div .more{margin-top:8px}

/* due diligence */
.uh-verdict{margin-top:32px;max-width:18em}

/* by vertical: the same shape in every market */
.uh-shape{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.uh-shape .nd{display:flex;align-items:center;min-height:96px}
.uh-hot{border:1.5px solid var(--warn)}
@container (max-width: 560px){
  .uh-shape{grid-template-columns:1fr}
  .uh-shape .nd{min-height:0}
}

@media (max-width:699px){
  .uh-press{flex-direction:column;gap:8px}
  .uh-in-l::after,.uh-in-r::before{display:none}
  .uh-in-r{text-align:left}
  .uh-hub .hub-c{padding:34px 0}
}