.node-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:24px}.node{color:var(--text);background:#0c1720;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:left;cursor:pointer;min-width:0}.node:hover{background:#1b2d39}.node[aria-pressed=true]{border-color:var(--mint);outline:1px solid var(--mint)}.node-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.node-name{font:23px ui-monospace,monospace}.state{font-size:11px;text-transform:uppercase;color:var(--amber)}.state.healthy{color:var(--mint)}.state.unreachable{color:var(--red)}.node p{font-size:13px;min-height:63px;color:var(--muted)}.readings{font:12px/2 ui-monospace,monospace}.disk{display:block;width:100%;height:6px;margin:12px 0;accent-color:var(--mint)}.node small{color:var(--muted)}.charts{display:grid;grid-template-columns:1fr 1fr;gap:22px}.charts svg{width:100%;height:150px;background:#0b1620;border-radius:9px}.charts h3{font-size:16px}.charts p{font-size:12px}.chart-line{fill:none;stroke:var(--mint);stroke-width:2}.chart-alt{stroke:var(--amber)}.chart-label{fill:var(--muted);font:12px system-ui}.node:focus-visible{outline:2px solid var(--mint)}header{flex-wrap:wrap}#node-facts{overflow-wrap:anywhere}.metrics strong{font-size:20px}@media(max-width:1000px){.node-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.node-grid,.charts{grid-template-columns:1fr}.node p{min-height:0}.hero{margin-bottom:20px}}