.hcn{--ink:var(--hcx-navy,#0e2b4c);--paper:#fff;--yellow:var(--hcx-yellow,#f1b51d);color:var(--ink);padding:36px clamp(16px,3vw,48px);font-family:var(--hcx-body,system-ui);background:var(--paper)}.hcn *{box-sizing:border-box}.hcn-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.hcn h1{font-family:var(--hcx-display,Impact,sans-serif);font-size:clamp(38px,5vw,72px);line-height:1.02;text-transform:uppercase;margin:8px 0 12px}.hcn-heading p{margin:8px 0}.hcn-stamp{padding:16px;background:var(--yellow);border:2px solid var(--ink);font-size:11px;line-height:1.8;font-weight:850;letter-spacing:1px;transform:rotate(3deg);flex-shrink:0}.hcn-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px}.hcn-toolbar label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;display:grid;gap:6px}.hcn-toolbar label:first-child{flex:1;min-width:180px}.hcn input,.hcn select,.hcn button{font:inherit;border:1px solid var(--ink);border-radius:0;padding:10px 12px;color:var(--ink);background:#fff;min-height:44px}.hcn input,.hcn select{font-size:14px;width:100%;letter-spacing:0}.hcn button{cursor:pointer;font-size:13px;font-weight:750}.hcn button:hover{background:var(--yellow)}.hcn :focus-visible{outline:3px solid #2f70d0;outline-offset:3px}.hcn-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(14,43,76,.14)}.hcn-stage{position:relative;height:780px;min-width:0;background:#fff;overflow:hidden}.hcn canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.hcn-controls{position:absolute;left:18px;bottom:40px;display:flex;gap:6px}.hcn-hint{position:absolute;bottom:0;left:18px;font-size:11px;pointer-events:none}.hcn-detail{padding:24px;border-left:2px solid var(--ink);background:#fff;overflow-y:auto;max-height:780px}.hcn-detail h2{font-size:26px;line-height:1.15;margin:12px 0}.hcn-detail p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.hcn-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;background:var(--yellow);font-size:25px;font-weight:800}.hcn-link{display:block;background:var(--ink);color:white!important;text-align:center;padding:13px;margin:20px 0;text-decoration:none;font-size:13px;font-weight:750}.hcn-badge{display:inline-block;padding:5px 8px;background:var(--yellow);font-size:10px;font-weight:850;letter-spacing:.5px}.hcn-neighbor{display:block;width:100%;text-align:left;margin-top:8px!important;font-size:12px!important}.hcn-note,#hcn-status{font-size:12px;line-height:1.6}.hcn-note{opacity:.8}.hcn [hidden]{display:none!important}#hcn-list{height:100%;overflow-y:auto;padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;align-content:start}.hcn-card{display:flex;gap:12px;align-items:center;text-align:left;overflow-wrap:anywhere}.hcn-card .hcn-avatar{width:40px;height:40px;min-width:40px;font-size:14px}.hcn-card small{display:block;font-weight:400}.hcn-count{font-size:12px;font-weight:700}.hcn-empty{padding:20px}.hcn #hcn-status{margin-top:16px}@media(max-width:760px){.hcn{padding:24px 14px}.hcn-stamp{display:none}.hcn-workspace{grid-template-columns:1fr}.hcn-stage{height:560px}.hcn-detail{border-left:0;border-top:2px solid var(--ink);max-height:400px}.hcn-toolbar label{flex:1;min-width:130px}.hcn-toolbar label:first-child{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.hcn *{scroll-behavior:auto!important}}

/* Connections-only future-tech presentation; white foundation, existing site shell. */
.hcn{background:#fff}.hcn-heading{padding-bottom:22px;border-bottom:1px solid #dce6ef}.hcn-stamp{transform:none;background:#fff;border:1px solid #b8cede;border-left:4px solid var(--yellow);box-shadow:5px 5px 0 #eff5fa;font-family:ui-monospace,monospace;letter-spacing:1.2px}.hcn-telemetry{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 0 20px;font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#335b7c}.hcn-telemetry i{display:inline-block;width:6px;height:6px;background:#278e94;margin-right:8px;border-radius:50%;box-shadow:0 0 0 4px #edf8f7}.hcn-workspace{border:1px solid #a7bdcf;box-shadow:0 16px 45px rgba(14,43,76,.07);position:relative}.hcn-workspace:before{content:"";position:absolute;top:-1px;left:-1px;width:48px;height:4px;background:var(--yellow);z-index:1}.hcn-detail{border-left:1px solid #c5d5e2;background:#fff}.hcn-toolbar input,.hcn-toolbar select{border-color:#bed0df;background:#fff}.hcn-toolbar button{border-color:#bed0df}.hcn-toolbar button:first-of-type{background:var(--ink);color:#fff}.hcn-controls button{border-color:#bed0df;background:#fff;box-shadow:0 3px 12px rgba(14,43,76,.05)}.hcn-hint{color:#52718a;font:10px ui-monospace,monospace;letter-spacing:.25px}.hcn-avatar{box-shadow:0 0 0 5px #fff,0 0 0 6px #dce6ef}.hcn-detail .hcn-badge{background:#eef5fb;border:1px solid #c7dbea;color:#244d70}.hcn-link{box-shadow:3px 3px 0 #dce9f3}.hcn-card{border-color:#d6e2ec!important;background:#fff!important}.hcn-card:hover{border-color:#2f70d0!important;background:#f7fbff!important}.hcn-neighbor{border-color:#d6e2ec!important}.hcn-note{color:#46647e}@media(max-width:760px){.hcn-detail{border-left:0;border-top:1px solid #c5d5e2}.hcn-telemetry{font-size:9px;letter-spacing:.5px}.hcn-telemetry>span:last-child{display:none}}

.hcn .hcn-3d{position:absolute;inset:0;background:#fff;color:#335b7c;font-size:13px}.hcn .hcn-3d canvas{display:block;cursor:grab}.hcn .hcn-controls{z-index:2}.hcn .hcn-hint{z-index:2;background:rgba(255,255,255,.94);padding:4px 6px;margin-left:-6px}.hcn button:disabled{opacity:.5;cursor:default}

/* Exploration controls remain scoped to Connections. */
.hcn-explore{display:grid;gap:10px;margin-bottom:16px}.hcn-explore>label{display:flex;align-items:center;gap:12px;font-size:12px}.hcn-explore>label select{width:auto}.hcn-explore details{border:1px solid #d6e2ec;padding:12px 16px;background:#fff}.hcn-explore summary{cursor:pointer;font-weight:700;font-size:13px;min-height:24px}.hcn-explore p,.hcn-explore li{font-size:12px;line-height:1.7}.hcn-path-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:14px}.hcn-path-form label{flex:1;min-width:180px;font-size:12px}.hcn-path-form .hcn-check{display:flex;align-items:center;gap:8px}.hcn-check input{width:18px;min-height:18px}.hcn-hover{position:absolute;z-index:4;pointer-events:none;width:min(250px,calc(100% - 16px));padding:16px;background:rgba(255,255,255,.97);border:1px solid #93cad8;box-shadow:0 10px 35px #0e2b4c22;border-radius:12px;backdrop-filter:blur(12px);overflow-wrap:anywhere}.hcn-hover strong,.hcn-hover small,.hcn-compare-card strong,.hcn-compare-card small{display:block}.hcn-hover p{font-size:12px;margin:6px 0}.hcn-hover .hcn-avatar,.hcn-compare .hcn-avatar{width:48px;height:48px;font-size:18px;margin-bottom:12px}.hcn-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.hcn-compare-card{padding:16px;border:1px solid #d6e2ec;overflow-wrap:anywhere}.hcn-compare-card .hcn-link{margin:12px 0}.hcn #hcn-path-result li{overflow-wrap:anywhere}.hcn-card:focus-visible{background:#eef8fc!important}

/* 1.3: graph-first canvas and selected profile overlay. */
.hcn{padding-top:12px}.hcn-workspace{display:block}.hcn-stage{height:clamp(580px,calc(100dvh - 150px),980px)}.hcn-detail{position:absolute;right:18px;top:18px;width:min(340px,calc(100% - 36px));max-height:calc(100% - 100px);z-index:5;border:1px solid #bed0df;border-radius:18px;padding:26px 22px;background:rgba(255,255,255,.98);box-shadow:0 18px 55px #0e2b4c24;backdrop-filter:blur(14px)}.hcn-detail h2{padding-right:20px;font-size:23px}.hcn-detail .hcn-avatar{margin-top:8px}.hcn .hcn-card-close{position:absolute;right:10px;top:10px;width:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:#edf4fa;font-size:24px;font-weight:400}.hcn-detail .hcn-link{border-radius:24px;box-shadow:none}.hcn-controls{flex-wrap:wrap;max-width:calc(100% - 24px);left:12px;bottom:34px}.hcn-controls button{padding:8px 10px}.hcn #hcn-list{padding-bottom:110px}.hcn-detail .hcn-neighbor{border-radius:8px}.hcn-telemetry{padding-bottom:12px}.hc-dashboard-connections .hcn{padding:0}.hc-dashboard-connections{background:#fff}@media(max-width:760px){.hcn-stage{height:calc(100dvh - 160px);min-height:520px}.hcn-detail{right:10px;top:10px;width:min(320px,calc(100% - 20px));max-height:calc(100% - 130px)}.hcn-hint{font-size:9px}.hcn-controls{gap:4px}.hcn-controls button{font-size:11px}}

.hcx-site .hc-member-page .hc-dashboard-blocks>.hc-dashboard-connections{padding:0;margin:0;background:#fff;border-radius:0;max-width:none}