.home-content{min-width:0}
.home-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px;margin-bottom:24px}
.home-notes>div{min-width:0}
.home-notes p,.home-reading-note p,.home-plan-copy{color:var(--c-text-muted)}
.home-reading-note{margin-top:32px;max-width:880px}
.home-feature summary{cursor:pointer;list-style:none;min-height:52px}
.home-feature summary::-webkit-details-marker{display:none}
.home-feature summary::after{content:"+";margin-left:auto;font-family:var(--f-mono);color:var(--c-accent-dark);flex-shrink:0}
.home-feature[open] summary::after{content:"−"}
.home-feature summary h3{font-size:var(--fs-lede)}
.home-feature .btn{margin-top:4px}
.stat-value small{font-size:var(--fs-h3);font-weight:var(--weight-normal)}
.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.server-status:empty{display:none}
.server-status>div:not(.srv-row){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-column:1 / -1}
.srv-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;padding:16px;background:var(--c-panel);border-radius:var(--r-sm);box-shadow:var(--sh-float)}
.srv-dot{flex-shrink:0;width:7px;height:7px;background:var(--c-success);border-radius:var(--r-circle);box-shadow:0 0 0 3px var(--c-accent-mist)}
.srv-flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:18px;overflow:hidden;border-radius:var(--r-xs)}
.srv-flag svg,.srv-flag img{width:100%;height:100%;object-fit:cover}
.srv-name{min-width:0;font-weight:var(--weight-semibold);overflow-wrap:anywhere}
.srv-type{max-width:100%;padding:3px 7px;background:var(--c-accent-mist);color:var(--c-accent-dark);border-radius:var(--r-xs);font-size:var(--fs-caption);overflow-wrap:anywhere}
.srv-ms,.srv-bw{font-family:var(--f-mono);font-size:var(--fs-caption);color:var(--c-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.srv-ms{margin-left:auto}
@media(max-width:768px){
  .home-notes{grid-template-columns:1fr;gap:16px}
  .server-status,.server-status>div:not(.srv-row){grid-template-columns:1fr}
}
@media(max-width:640px){
  .srv-row{gap:8px;padding:14px}
  .srv-name{flex:1 1 auto}
  .srv-type{order:1}
  .srv-ms,.srv-bw{order:2}
}