/* Mobile member cards: reuse native cells and links, desktop unchanged. */
@media(max-width:767px) {
 .table.table-protocols { display:block; width:100%; max-width:100%; overflow:visible; }
 .table-protocols > thead { display:block; white-space:normal; margin-bottom:12px; }
 .table-protocols > thead::before { content:"Sort by"; display:block; color:#536578; font-size:12px; margin-bottom:4px; }
 .table-protocols > thead > tr { display:flex; flex-wrap:wrap; gap:4px 8px; }
 .table.table-protocols > thead > tr > th { display:block; border:0; padding:0; font-size:12px; }
 .table-protocols > thead > tr > th > a { display:inline-flex; gap:4px; align-items:center; min-height:44px; padding:4px 8px; background:#eef3f9; border-radius:4px; }
 .table-protocols > tbody { display:block; width:100%; }
 .table.table-protocols > tbody > tr {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%; margin:0 0 14px; padding:12px; gap:0 12px;
  border:1px solid #dce5ef; border-radius:6px; background:#fff;
 }
 .table.table-protocols > tbody > tr > td {
  display:block; min-width:0; width:auto; padding:8px 0; border:0;
  white-space:normal; overflow-wrap:anywhere; font-size:14px; line-height:1.4;
 }
 .table-protocols > tbody > tr > td::before {
  display:block; font-size:11px; font-weight:600; color:#536578; margin-bottom:3px;
 }
 .table-protocols > tbody > tr > td:nth-child(5) {
  order:-2; grid-column:1 / -1; font-size:18px; font-weight:600;
  color:#102b50; padding:0; border-bottom:1px solid #e4edf7;
 }
 .table-protocols > tbody > tr > td:nth-child(5) > a { display:block; padding:8px 0; min-height:44px; }
 .table-protocols > tbody > tr > td:nth-child(1) { order:-1; grid-column:1 / -1; }
 .table-protocols > tbody > tr > td:nth-child(1)::before { content:"Neighbor"; }
 .table-protocols > tbody > tr > td:nth-child(2)::before { content:"ASN"; }
 .table-protocols > tbody > tr > td:nth-child(3)::before { content:"State"; }
 .table-protocols > tbody > tr > td:nth-child(4) { grid-column:1 / -1; }
 .table-protocols > tbody > tr > td:nth-child(4)::before { content:"Last state change"; }
 .table-protocols > tbody > tr > td:nth-child(6)::before { content:"Received"; }
 .table-protocols > tbody > tr > td:nth-child(7)::before { content:"Accepted"; }
 .table-protocols > tbody > tr > td:nth-child(8)::before { content:"Filtered"; }
 .table-protocols > tbody > tr > td:nth-child(9)::before { content:"Exported"; }
 .table-protocols > tbody > tr > td:not(:nth-child(5)) > a {
  display:inline-flex; align-items:center; min-height:44px; max-width:100%;
 }
 .table-protocols .protocol-state-error { font-size:12px; font-weight:400; }
}