@media(max-width:767px){
 .table-protocols.mci-single-member-page > .mci-member-footer,
 .mci-route-enhanced.mci-single-route-page .mci-route-footer {display:none;}
 /* Each native route row becomes a narrow-screen grid; all eight fields remain. */
 .mci-route-enhanced > .table.table-routes {display:block;overflow:visible;max-width:100%;}
 .mci-route-enhanced > .table-routes > thead {display:none;}
 .mci-route-enhanced > .table-routes > tbody {display:block;width:100%;}
 .mci-route-enhanced > .table-routes > .mci-route-toolbar,
 .mci-route-enhanced > .table-routes > .mci-route-footer {display:block;max-width:100%;}
 .mci-route-enhanced.mci-single-route-page > .table-routes > .mci-route-footer {display:none;}
 .mci-route-enhanced .mci-route-footer > tr,.mci-route-enhanced .mci-route-footer > tr > td {display:block;}
 .mci-route-enhanced > .table.table-routes > tbody > tr {
  display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:0 8px;
  grid-template-areas:"flags network network" "hop hop hop" "path path path" "pref pref med" "origin origin age";
  border:1px solid #dce5ef;border-radius:5px;padding:6px 10px;margin-bottom:8px;
 }
 .mci-route-enhanced > .table.table-routes > tbody > tr.mci-route-offpage {display:none;}
 .mci-route-enhanced > .table.table-routes > tbody > tr > td {
  display:block;min-width:0;max-width:100%;width:auto;border:0;padding:3px 0;
  white-space:normal;overflow-wrap:anywhere;font-size:13px;
 }
 .mci-route-enhanced > .table-routes > tbody > tr > td::before {display:block;color:#536578;font-size:11px;font-weight:600;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(1) {grid-area:flags;align-self:start;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(2) {grid-area:network;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(3) {grid-area:hop;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(4) {grid-area:path;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(5) {grid-area:pref;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(6) {grid-area:med;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(7) {grid-area:origin;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(8) {grid-area:age;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(3)::before {content:"Next hop";}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(4)::before {content:"AS path";}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(5)::before {content:"Local preference";}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(6)::before {content:"MED";}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(7)::before {content:"Origin";}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(8)::before {content:"Age";}
 .mci-route-enhanced .route-network {min-height:44px;padding:10px 0;white-space:normal;font-weight:600;}
 .mci-route-enhanced > .table.table-routes td.mci-long-path {font-size:0;}
 .mci-route-enhanced .col-route-network > .mci-full-path {width:auto;max-width:100%;}
 /* Compact metadata without reducing font sizes or primary touch targets. */
 .mci-route-enhanced > .table.table-routes > tbody > tr > td:nth-child(3),
 .mci-route-enhanced > .table.table-routes > tbody > tr > td:nth-child(n+5) {
  display:flex;align-items:baseline;gap:6px;min-height:26px;
 }
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(3)::before {flex:0 0 65px;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(3) > span {min-width:0;overflow-wrap:anywhere;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(n+5)::before {flex:0 1 auto;}
 .mci-route-enhanced > .table-routes > tbody > tr > td:nth-child(4)::before {display:inline-block;margin-right:8px;}
}