/* ⚠️ 180px erano troppo pochi: a finestra dimezzata le schede scendevano a 190px e il
     titolo finiva sotto l'etichetta. Con 200 la griglia passa a una colonna in meno e i
     nomi stanno su una riga sola. La rete vera resta il float dell'etichetta, qui sotto. */
  .conngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,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)}
  /* overflow:hidden crea un blocco che non passa SOTTO l'etichetta flottante: senza,
     il titolo lungo le scorrerebbe dietro invece di andare a capo. */
  .conncard .cn{font-family:var(--serif);font-size:20px;color:var(--bone);line-height:1.1;overflow:hidden}
  .conncard .cs{font-size:12.5px;color:var(--dim);margin-top:5px;line-height:1.45;clear:both}
  /* 🐛 3 settembre 2026: era `position:absolute;top:14px;right:14px`, e su una scheda
     stretta finiva SOPRA il titolo — «SU RICHIESTA» scritto addosso a «Flange e altri».
     Succedeva gia' a 1095px di finestra, cioe' su un portatile con la finestra a meta'.
     Col float l'etichetta resta in alto a destra ESATTAMENTE come prima, ma occupa spazio
     vero: il titolo le scorre accanto e, quando non ci sta, va a capo sotto invece di
     finirci sopra. Vale a ogni larghezza e in tutte e due le lingue («ON REQUEST» e
     «SU RICHIESTA» non sono lunghi uguali). Provato da 360 a 1280px: zero sovrapposizioni.
     ⚠️ Il float funziona perche' nel markup .cb viene PRIMA di .cn: se si inverte, si rompe. */
  .conncard .cb{float:right;margin:0 0 4px 10px;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)}