/* Homepage details below the shared, approved hero. */
.home-table{margin-top:32px}
.home-explain{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px}
.home-explain article{min-width:0}
.home-explain h3{margin-bottom:12px}
.home-explain p{color:var(--muted);line-height:1.85}
.home-explain p + p{margin-top:16px}
.home-section-end{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:28px}
.home-section-end > p{max-width:850px;font-size:14px}
.home-section-end .article-link{flex-shrink:0;margin-top:0}
.home-protocols{margin-top:36px}
.home-protocols > p{margin-bottom:16px;color:var(--muted);font-size:14px}
.home-billing{margin-top:40px}
.home-note{margin-top:32px}
.home-text-link{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}
.server-status:empty{display:none}
.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.srv-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--hl-inner)}
.srv-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:var(--radius-round);background:var(--success);box-shadow:0 0 0 3px var(--accent-tint)}
.srv-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;flex:0 0 auto;overflow:hidden;border-radius:var(--radius-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;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.srv-type{display:inline-flex;align-items:center;max-width:100%;padding:3px 7px;border-radius:var(--radius-xs);background:var(--panel-2);color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.srv-ms,.srv-bw{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.srv-ms{min-width:6ch;text-align:right}
.srv-bw{min-width:7ch;text-align:right}
@media(max-width:768px){
  .home-explain{grid-template-columns:1fr;gap:28px}
  .home-section-end{flex-direction:column;gap:12px}
  .server-status{grid-template-columns:1fr}
}
@media(max-width:640px){
  .srv-row{gap:8px;padding:14px}
  .srv-name{flex-basis:95px}
  .srv-ms,.srv-bw{font-size:11px}
}