/* Homepage content beneath the shared paper-and-window hero. */
#home-content{min-width:0}
.route-context,.route-foot,.method-more{max-width:80ch;color:var(--text-muted)}
.route-context{margin-bottom:22px}
.route-foot,.method-more{margin-top:22px}
.route-foot a,.method-more a,.reading-more a,.pack-note a{color:var(--accent-dark);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.feature-detail>p{max-width:76ch;margin:12px 0 16px;color:var(--text-muted)}
.feature-detail li{line-height:1.6}
.plan-card>p:not(.plan-card__price){color:var(--text-muted);font-size:14px}
.plan-card__facts{margin-top:20px}
.pack-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:22px 26px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel2)}
.pack-note>div{min-width:0;max-width:80ch}
.pack-note p{margin-top:7px;color:var(--text-muted)}
.pack-note>a{flex:none;white-space:nowrap}
.method-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);overflow:hidden}
.method-flow>div{min-width:0;padding:26px}
.method-flow>div+div{border-left:1px solid var(--border)}
.method-flow h3{font-size:20px}
.method-flow p{margin-top:15px;color:var(--text-muted);font-size:15px}
.reading-more{margin-top:24px;text-align:right}
.article-card h3{overflow-wrap:anywhere}
.article-card__meta{font-family:var(--f-mono)}
.server-status:empty{display:none}
#server-status:not(:empty){padding:16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel)}
.server-status .srv-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:49px;padding:8px 10px;border-bottom:1px solid var(--line-soft)}
.server-status .srv-row:last-child{border-bottom:0}
.server-status .srv-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:var(--r-pill);background:var(--success);box-shadow:0 0 0 4px var(--leaf-100)}
.server-status .srv-flag{display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;min-height:24px;overflow:hidden}
.server-status .srv-flag svg{width:23px;height:16px}
.server-status .srv-name{min-width:0;font-weight:700;overflow-wrap:anywhere}
.server-status .srv-type{max-width:100%;padding:2px 8px;border-radius:var(--r-pill);background:var(--leaf-50);color:var(--leaf-700);font-size:12px}
.server-status .srv-ms,.server-status .srv-bw{margin-left:auto;color:var(--text-muted);font:12px/1.5 var(--f-mono);white-space:nowrap}
.server-status .srv-ms+.srv-bw{margin-left:4px}
@media(min-width:700px){
  #server-status:not(:empty){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
}
@media(max-width:768px){
  .method-flow{grid-template-columns:1fr}
  .method-flow>div+div{border-left:0;border-top:1px solid var(--border)}
}
@media(max-width:640px){
  .pack-note{flex-direction:column;align-items:flex-start;padding:20px}
  .method-flow>div{padding:20px}
  .server-status .srv-row{flex-wrap:wrap}
  .server-status .srv-type{font-size:11px}
}