.conngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:6px}
  .conncard{position:relative;background:var(--panel,rgba(255,255,255,.04));border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:border-color .2s,transform .2s,background .2s}
  .conncard:hover{border-color:rgba(22,201,176,.5);transform:translateY(-3px);background:rgba(22,201,176,.05)}
  .conncard .cn{font-family:var(--serif);font-size:20px;color:var(--bone);line-height:1.1}
  .conncard .cs{font-size:12.5px;color:var(--dim);margin-top:5px;line-height:1.45}
  .conncard .cb{position:absolute;top:14px;right:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:20px}
  .conncard .cb.std{color:#06201c;background:var(--teal)}
  .conncard .cb.req{color:var(--amber);border:1px solid rgba(224,147,78,.5)}
  .conncard.ask{border-style:dashed;display:flex;flex-direction:column;justify-content:center}
  .conncard.ask .cn{color:var(--teal)}