.home-reading{margin-top:32px}
#server-status.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#server-status:empty{display:none}
.server-status .srv-grid,.server-status .srv-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1/-1;min-width:0}
.server-status .srv-row{display:grid;grid-template-columns:8px 28px minmax(0,1fr) auto;align-items:center;gap:10px 12px;min-width:0;padding:18px 20px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-panel);box-shadow:var(--sh-panel)}
.server-status .srv-dot{display:block;width:7px;height:7px;border-radius:var(--r-dot);background:var(--c-accent);box-shadow:0 0 0 4px var(--a-accent-10);--o:.8;animation:sp-breathe 7.4s ease-in-out infinite}
.server-status .srv-flag{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:0;overflow:hidden;border-radius:var(--r-xs)}
.server-status .srv-flag svg,.server-status .srv-flag img{display:block;width:28px;height:20px;object-fit:cover}
.server-status .srv-name{min-width:0;font-weight:500;overflow-wrap:anywhere}
.server-status .srv-type{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:3px 8px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-groove);color:var(--c-muted);font-family:var(--f-mono);font-size:11px;overflow-wrap:anywhere;white-space:normal}
.server-status .srv-ms,.server-status .srv-bw{min-width:0;color:var(--c-accent-dark);font-family:var(--f-mono);font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.server-status .srv-ms{grid-column:3}
.server-status .srv-bw{grid-column:4;text-align:right;color:var(--c-muted)}
@media(max-width:768px){
  #server-status.server-status,.server-status .srv-grid,.server-status .srv-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .server-status .srv-row{padding:16px;gap:10px;grid-template-columns:7px 28px minmax(0,1fr)}
  .server-status .srv-type{grid-column:3;justify-self:start}
  .server-status .srv-ms{grid-column:2}
  .server-status .srv-bw{grid-column:3}
}
@media(prefers-reduced-motion:reduce){
  .server-status .srv-dot{animation:none}
}