.home-sprites{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.home-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:24px 64px;align-items:start}
.home-section-intro h2{margin-bottom:0}
.home-section-intro>p{margin-bottom:0;color:var(--text-muted)}
.home-reading-note{color:var(--text-muted)}
.home-reading-note h3{color:var(--text)}
.home-reading-note p:last-child{margin-bottom:0}
.home-reading-note .article-link{color:var(--text)}
.home-plan-fit{font-size:var(--size-small);color:var(--text-muted);margin-bottom:0}
.home-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-bottom-cta p{margin:0}
.home-mono-flag{filter:grayscale(1);opacity:.7}
.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.server-status:empty{display:none}
.server-status .srv-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding:18px;background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--r-small);box-shadow:var(--shadow-pill)}
.server-status .srv-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:var(--r-circle);background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent)}
.server-status .srv-flag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;border-radius:var(--r-circle);overflow:hidden}
.server-status .srv-flag svg,.server-status .srv-flag img{width:100%;height:100%;object-fit:cover}
.server-status .srv-name{flex:1 1 100px;min-width:0;overflow-wrap:anywhere;font-weight:var(--weight-medium)}
.server-status .srv-type{max-width:100%;padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-panel-2);color:var(--text-muted);font-size:var(--size-small);overflow-wrap:anywhere}
.server-status .srv-ms,.server-status .srv-bw{font-family:var(--font-mono);font-size:var(--size-small);font-variant-numeric:tabular-nums;white-space:nowrap}
.server-status .srv-ms{color:var(--accent-dark)}
.server-status .srv-bw{color:var(--text-muted)}
@media(max-width:1000px){
  .home-section-intro{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:768px){
  .server-status{grid-template-columns:minmax(0,1fr)}
  .home-bottom-cta{flex-direction:column;align-items:flex-start}
}