.hrx-card{flex-direction:column;display:flex}.hrx-head{align-items:center;gap:12px;display:flex}.hrx-av{border-radius:var(--r-md);letter-spacing:.02em;color:#fff;background:linear-gradient(150deg, var(--ink-2), var(--ink));width:44px;height:44px;box-shadow:var(--shadow-sm);flex:none;place-items:center;font-family:CTM Sans,Inter,sans-serif;font-size:16px;font-weight:500;display:grid}.hrx-idy{flex-direction:column;gap:2px;min-width:0;display:flex}.hrx-idy b{letter-spacing:-.01em;color:var(--ink);font-family:CTM Sans,Inter,sans-serif;font-size:16px;font-weight:500}.hrx-idy span{color:var(--ink-4);font-size:12px}.hrx-status{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-pill);transition:color .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease);flex:none;align-items:center;gap:6px;margin-left:auto;padding:5px 10px;font-family:Inter;font-size:10px;display:inline-flex}.hrx-status .hrx-dot{background:var(--ink-5);width:6px;height:6px;transition:background .3s var(--ease), box-shadow .3s var(--ease);border-radius:50%}.hrx-status.on{color:var(--spx);background:color-mix(in oklab, var(--spx) 12%, transparent);border-color:color-mix(in oklab, var(--spx) 30%, transparent)}.hrx-status.on .hrx-dot{background:var(--spx);box-shadow:0 0 0 3px color-mix(in oklab, var(--spx) 20%, transparent)}.hrx-meta{letter-spacing:.04em;color:var(--ink-5);align-items:center;gap:14px;margin:12px 0 2px;font-family:Inter;font-size:10px;display:flex}.hrx-meta span:not(:first-child){align-items:center;gap:10px;display:inline-flex}.hrx-meta span:not(:first-child):before{content:"";background:var(--ink-5);opacity:.55;border-radius:50%;width:3px;height:3px}.hrx-org{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--cream-3);flex-direction:column;align-items:center;margin:14px 0 2px;padding:14px 12px;display:flex}.hrx-node{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper);width:min(260px,100%);box-shadow:var(--shadow-sm);align-items:center;gap:9px;padding:8px 12px;display:flex;position:relative}.hrx-nav{width:28px;height:28px;color:var(--ink-3);background:var(--cream-2);border:1px solid var(--rule);border-radius:50%;flex:none;place-items:center;font-family:Inter;font-size:10px;font-weight:500;display:grid}.hrx-nid{flex-direction:column;min-width:0;display:flex}.hrx-nid b{color:var(--ink);letter-spacing:-.01em;font-size:12.5px;font-weight:500}.hrx-nid span{color:var(--ink-4);font-size:10.5px}.hrx-self{border-color:color-mix(in oklab, var(--spx) 45%, var(--rule));box-shadow:0 0 0 3px color-mix(in oklab, var(--spx) 10%, transparent), var(--shadow-sm)}.hrx-self .hrx-nav{color:#fff;background:var(--spx);border-color:#0000}.hrx-here{letter-spacing:.1em;text-transform:uppercase;color:var(--spx);background:color-mix(in oklab, var(--spx) 10%, transparent);border-radius:var(--r-pill);flex:none;margin-left:auto;padding:3px 7px;font-family:Inter;font-size:9px}.hrx-conn{background:var(--rule-2);transform-origin:top;width:2px;height:16px;transition:transform .45s var(--ease), background .45s var(--ease);transform:scaleY(0)}.hrx-org.on .hrx-conn{background:color-mix(in oklab, var(--spx) 55%, var(--rule-2));transform:scaleY(1)}.hrx-branch{width:min(260px,100%);height:18px;position:relative}.hrx-trunk{background:var(--rule-2);transform-origin:top;width:2px;height:9px;transition:transform .4s var(--ease), background .4s var(--ease);position:absolute;top:0;left:50%;transform:translate(-50%)scaleY(0)}.hrx-cross{background:var(--rule-2);height:2px;transition:transform .4s .1s var(--ease), background .4s var(--ease);position:absolute;top:9px;left:25%;right:25%;transform:scaleX(0)}.hrx-org.on .hrx-trunk{background:color-mix(in oklab, var(--spx) 55%, var(--rule-2));transform:translate(-50%)scaleY(1)}.hrx-org.on .hrx-cross{background:color-mix(in oklab, var(--spx) 40%, var(--rule-2));transform:scaleX(1)}.hrx-reports{grid-template-columns:1fr 1fr;gap:8px;width:min(260px,100%);display:grid}.hrx-rep{gap:8px;padding:7px 9px}.hrx-rep .hrx-nid b{font-size:11.5px}.hrx-rep .hrx-nid span{font-size:10px}.hrx-drop{background:var(--rule-2);transform-origin:top;width:2px;height:9px;transition:transform .4s .12s var(--ease), background .4s var(--ease);position:absolute;top:-9px;left:50%;transform:translate(-50%)scaleY(0)}.hrx-org.on .hrx-drop{background:color-mix(in oklab, var(--spx) 45%, var(--rule-2));transform:translate(-50%)scaleY(1)}.hrx-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.hrx-cell{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--cream-3);min-height:54px;transition:background .3s var(--ease), border-color .3s var(--ease);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.hrx-cell.on{background:var(--paper);border-color:var(--rule-2)}.hrx-k{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-5);font-family:Inter;font-size:9.5px}.hrx-v{color:var(--ink-2);letter-spacing:-.01em;opacity:0;animation:hrx-value-in .35s var(--ease) forwards;font-size:13px;font-weight:500;transform:translateY(3px)}@keyframes hrx-value-in{to{opacity:1;transform:none}}.hrx-skel{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--cream-2), var(--rule), var(--cream-2));width:62%;height:11px;animation:hrx-shimmer 1.3s var(--ease) infinite;background-size:200% 100%}@keyframes hrx-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:440px){.hrx-grid,.hrx-reports{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hrx-conn,.hrx-trunk,.hrx-cross,.hrx-drop,.hrx-status,.hrx-status .hrx-dot,.hrx-cell{transition:none!important}.hrx-v{opacity:1;animation:none;transform:none}.hrx-skel{animation:none}}