
.chead > .chead-r{flex:1 1 auto;column-gap:12px}
.chead-r > #bridgePath{order:10;margin-left:auto}
.chead-r > #bridgePath::after{content:"";position:absolute;left:-20px;top:15%;bottom:15%;width:1px;background:var(--line);pointer-events:none}
.chead-r #crewUpd{display:none}
.ship-key .kb{flex:none;position:relative;font-size:0;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;cursor:help;display:inline-flex;align-items:center;justify-content:center}
.ship-key .kb::before{content:"?";font:600 12px/1 var(--body);color:var(--muted)}
.ship-key .kb:hover::after,.ship-key .kb:focus::after{content:attr(data-hint);position:absolute;left:30px;top:50%;transform:translateY(-50%);width:max-content;max-width:420px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--fg);font:400 12px/1.45 var(--body);z-index:20;white-space:normal}

.cview > #cvGremdex{align-self:auto;display:inline-flex;align-items:center;font:600 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);background:transparent;border:0;border-radius:999px;padding:8px 16px;min-height:34px;box-sizing:border-box;text-decoration:none}
.cview > #cvGremdex:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 6%,transparent)}
.cview > #cvGremdex:focus-visible{outline:2px solid var(--mint);outline-offset:2px}

@media (min-width:900px){
  .chead > .chead-r{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:16px}
  .chead-r > #crewSpend{grid-column:1;justify-self:start}
  .chead-r > .cview{grid-column:2;justify-self:center}
  .chead-r > #bridgePath{grid-column:3;justify-self:end;margin-left:0}
}
