.network-page{max-width:1040px;padding-top:56px;padding-bottom:64px}
.network-heading{margin:0 0 26px}
.network-heading h1{font-size:clamp(1.8rem,4vw,2.5rem);margin:14px 0 12px}
.network-heading p{margin:0;max-width:760px}
.network-source{margin-bottom:26px}
.network-source-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:15px}
.network-source-line label{font-size:.9rem;font-weight:600;color:var(--ink)}
.network-source-line select{max-width:100%;width:320px;min-height:44px;padding:10px 34px 10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--ink);font:inherit}
.network-source-line option:disabled{color:var(--muted)}
.network-powered{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--teal);font-size:1.05rem}
.network-powered i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#73ad39}
.network-powered>span{padding:3px 10px;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--body);font-size:.75rem}
.network-summary{padding:18px 22px;border-radius:var(--radius-lg);background:var(--teal-bg);color:var(--teal-dark);font-weight:700;font-size:1.1rem}
.network-summary.has-issues{background:#fff5df;color:#775915}
.network-summary.is-stale{background:var(--border);color:var(--ink-2)}
.network-updated,.network-method,.network-explanation{font-size:.85rem;color:var(--body)}
.network-updated{margin:12px 0 5px;min-height:1.6em}
.network-refresh-row{display:flex;align-items:flex-end;gap:24px 36px;flex-wrap:wrap;padding:22px 0 26px}
.network-refresh-time{display:flex;flex-direction:column;gap:7px;min-width:0}
.network-refresh-label{font-size:.78rem;color:var(--body)}
.network-refresh-time strong{font-size:.95rem;font-weight:600;color:var(--ink-2)}
.network-refresh-time time{font-size:.75rem;color:var(--body);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.network-refresh-row>.btn{margin-left:auto;min-height:42px;font-size:.8rem}
.network-refresh-row>.btn:disabled{opacity:.65;cursor:wait}
.network-update-note{margin:-12px 0 20px;color:var(--body);font-size:.8rem}
.network-update-note[hidden]{display:none}
.network-method{margin:0 0 26px}
.network-list{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}
.network-list:empty{display:none}
.network-node{padding:22px 24px;border-bottom:1px solid var(--border)}
.network-node:last-child{border-bottom:0}
.network-node-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.network-node-name{margin:0;font-size:1rem;line-height:1.5;overflow-wrap:anywhere;min-width:0}
.network-entry-label{margin:0 0 5px;font-size:.78rem;color:var(--body)}
.network-entry-label[hidden]{display:none}
.network-live{display:flex;gap:16px;align-items:center;justify-content:flex-end;flex-shrink:0;font-size:.85rem}
.network-latency{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.network-state{white-space:nowrap;font-weight:600;color:var(--muted)}
.network-state.up{color:#3c7d32}
.network-state.down{color:#be3541}
.network-state.pending,.network-state.maintenance{color:#8c6818}
.network-node-meta{font-size:.78rem;color:var(--body);margin-top:5px}
.network-track{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;width:100%;min-height:48px;align-items:center;margin:8px 0 0;padding:8px 0;background:transparent;border:0;cursor:pointer;touch-action:pan-y}
.network-track:focus-visible{outline:3px solid var(--teal);outline-offset:5px;border-radius:2px}
.network-day{height:28px;background:#dce5e8;border-radius:2px;min-width:0}
.network-day.up{background:#73ad39}
.network-day.degraded,.network-day.pending,.network-day.maintenance{background:#dca929}
.network-day.down{background:#df505b}
.network-day.is-selected{box-shadow:0 0 0 2px var(--ink);position:relative;z-index:1}
.network-axis{display:flex;justify-content:space-between;gap:12px;font-size:.76rem;color:var(--body)}
.network-uptime{color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}
.network-day-detail{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--border);font-size:.82rem;color:var(--body)}
.network-day-detail[hidden]{display:none}
.network-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px;font-size:.8rem}
.network-legend>span{display:flex;align-items:center;gap:7px}
.network-swatch{width:8px;height:17px;background:#dce5e8;border-radius:2px;display:inline-block}
.network-swatch.up{background:#73ad39}
.network-swatch.degraded{background:#dca929}
.network-swatch.down{background:#df505b}
.network-explanation{margin:12px 0 0;max-width:900px}
@media(max-width:600px){
  .network-page{padding-top:30px;padding-bottom:40px}
  .network-heading{margin-bottom:20px}
  .network-summary{padding:15px 16px;font-size:1rem}
  .network-source-line{align-items:flex-start;flex-direction:column;gap:8px}
  .network-source-line select{width:100%;font-size:16px}
  .network-refresh-row{align-items:flex-start;flex-direction:column;gap:20px;padding:22px 0}
  .network-refresh-row>.btn{margin-left:0;min-height:44px}
  .network-node{padding:17px 15px}
  .network-node-top{flex-wrap:wrap;gap:6px}
  .network-live{width:100%;justify-content:space-between;font-size:.8rem}
  .network-node-name{font-size:.94rem}
  .network-track{gap:3px;min-height:48px}
  .network-day{height:25px}
  .network-axis{gap:5px;font-size:.7rem}
  .network-legend{gap:12px;font-size:.76rem}
}