/* Compact four-across list; large previews use three columns like the reference. */
.link-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.link-item,.link-row{min-width:0;}
.link-row{height:54px;padding:14px 18px;gap:10px;border-radius:12px;}
.link-row .row-host,.link-row .row-latency.timeout{display:none;}
.link-row .row-name{flex:1;min-width:0;}
.link-item .row-name,.link-item .link-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.friend-card{min-height:0;aspect-ratio:1.76;}
.friend-card .card-bg{height:calc(100% - 48px);}
.friend-card .card-content{padding:20px;}
.friend-card .card-footer{height:48px;flex-shrink:0;}
.friend-card .card-overlay{height:calc(100% - 48px);background:linear-gradient(180deg,rgba(10,14,39,.12),transparent 70%);}
[data-theme=light] .friend-card .card-overlay{background:linear-gradient(180deg,rgba(255,255,255,.15),transparent 70%);}
@media(max-width:1100px){.link-list{grid-template-columns:repeat(2,minmax(0,1fr));}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.link-list,.card-grid{grid-template-columns:minmax(0,1fr);}}
@media(prefers-reduced-motion:reduce){.link-item,.link-row,.friend-card{animation:none;transition:none;}}