.home-notes{margin-top:var(--space-4)}
.home-notes p{color:var(--muted);line-height:1.85}
.home-platforms{margin-top:var(--space-5)}
.home-plan-notes{margin-top:var(--space-4)}
.home-plan-notes p{overflow-wrap:anywhere}
.home-all-articles{margin-top:var(--space-4)}
.feature-card[id]{scroll-margin-top:var(--anchor-offset)}
#server-status{display:flow-root;position:relative;overflow:hidden;max-width:100%;margin-block:var(--space-4);padding-bottom:var(--space-4);contain:layout paint}
#server-status+*{margin-top:var(--space-4)}
@media(max-width:768px){
  #server-status.server-status .nx-grid{max-height:none;overflow:visible}
}
.server-status{color:var(--text);font-size:var(--text-sm)}
.server-status>div:not(.srv-row),.server-status>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);list-style:none;padding:0}
.server-status:has(>.srv-row){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.srv-row{display:flex;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:inset 0 1px 0 var(--hl-top),var(--shadow-tag)}
.srv-dot{width:7px;height:7px;flex-shrink:0;border-radius:var(--r-round);background:var(--success);box-shadow:0 0 0 3px var(--accent-tint);animation:home-status-breathe 6s ease-in-out infinite}
.srv-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}
.srv-flag svg,.srv-flag img{width:24px;max-height:18px;object-fit:contain}
.srv-name{min-width:0;flex:1;overflow-wrap:anywhere}
.srv-type{max-width:100%;padding:2px var(--space-1);border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent);font-size:var(--text-xs);overflow-wrap:anywhere}
.srv-ms,.srv-bw{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}
.srv-ms{color:var(--accent)}
.srv-bw{color:var(--muted)}
@keyframes home-status-breathe{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:768px){
  .server-status>div:not(.srv-row),.server-status>ul,.server-status:has(>.srv-row){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:400px){
  .srv-row{flex-wrap:wrap}
  .srv-name{flex-basis:calc(100% - 64px)}
  .srv-type{margin-left:var(--space-3)}
}
@media(prefers-reduced-motion:reduce){
  .srv-dot{animation:none}
}