.home-reading{margin-top:32px;max-width:76em}
.home-reading h3{margin-top:32px;margin-bottom:16px}
.home-reading a{color:var(--accent-dark)}
.home-departure{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;background:var(--accent-dark);border-radius:var(--r-lg);box-shadow:var(--shadow-panel),var(--edge-panel);color:var(--panel)}
.home-departure p{margin:0;font-size:var(--text-lede)}
.home-departure .btn{flex-shrink:0;white-space:nowrap}
.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.server-status:empty{display:none}
.server-status > :not(.srv-row){min-width:0;max-width:100%}
.srv-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;padding:16px;background:var(--panel);border-radius:var(--r-md);box-shadow:var(--edge-panel),var(--shadow-chip)}
.srv-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:var(--r-pill);background:var(--success);box-shadow:0 0 0 4px var(--accent-wash);animation:route-signal 3s ease-in-out infinite}
.srv-flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:18px;overflow:hidden;border-radius:var(--r-xs)}
.srv-flag svg,.srv-flag img{display:block;width:100%;height:100%;object-fit:cover}
.srv-name{flex:1 1 100px;min-width:0;overflow-wrap:anywhere;font-weight:600;font-size:var(--text-small)}
.srv-type{max-width:100%;padding:3px 8px;background:var(--accent-wash);border-radius:var(--r-pill);color:var(--accent-dark);font-size:12px;overflow-wrap:anywhere}
.srv-ms,.srv-bw{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
@keyframes route-signal{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:768px){
  .server-status{grid-template-columns:minmax(0,1fr)}
  .home-departure{align-items:flex-start;flex-direction:column;padding:24px;gap:24px}
}
@media(prefers-reduced-motion:reduce){
  .srv-dot{animation:none}
}