.servers-page main { padding-top: 7rem; padding-bottom: 6rem; }
.tempo-section .section-heading { padding-top: 3rem; }
.tempo-section h1 { font-size: clamp(3.5rem, 6vw, 6.4rem); }
.network-status small { display: block; margin-top: .8rem; color: var(--muted); font-size: .7rem; }
.network-infographic { border: 1px solid var(--line); background: var(--panel); overflow: hidden; }
.network-infographic .pulse-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0; border-bottom: 1px solid var(--line); }
.network-infographic .pulse-list > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .85rem; padding: 1.5rem; border-bottom: 0; border-right: 1px solid var(--line); }
.network-infographic .pulse-list > div:last-child { border-right: 0; }
.network-infographic .pulse-list span { font-size: .6rem; text-transform: uppercase; letter-spacing: .08em; }
.network-infographic .pulse-list strong { font: 800 clamp(2rem,3vw,3.2rem)/1 var(--display); color: var(--green); }
.network-visuals { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); }
.network-visuals article { min-width: 0; background: var(--panel); }
.network-visuals .activity-panel { border-right: 1px solid var(--line); }
.network-visuals .chart-wrap { height: 300px; }
.network-visuals .network-donuts { border-bottom: 0; }
.network-infographic-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-top: 1px solid var(--line); }
.network-infographic-footer > span { color: var(--muted); font-size: .55rem; letter-spacing: .12em; }
.network-infographic-footer .button-outline { margin: 0; }
@media(max-width:1000px) { .network-visuals { grid-template-columns: 1fr; } .network-visuals .activity-panel { border-right: 0; border-bottom: 1px solid var(--line); } }
@media(max-width:720px) {
  .servers-page main { padding-top: 6rem; }
  .tempo-section .section-heading { padding-top: 2rem; }
  .network-infographic .pulse-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .network-infographic .pulse-list > div:nth-child(2) { border-right: 0; }
  .network-infographic .pulse-list > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .network-infographic .pulse-list > div { padding: 1.1rem; }
  .network-visuals .chart-wrap { height: 230px; }
  .network-infographic-footer { align-items: flex-start; flex-direction: column; }
}