/* NVIDIAddict — the Network (Outlook → Network) and the hidden sibling desks. Added 2026-10-19. */
.net-svg { width: 100%; max-width: 520px; height: auto; display: block; margin: 0 auto; }
.net-svg .net-n { cursor: pointer; outline: none; }
.net-svg .net-n:focus-visible circle, .net-svg .net-n:hover circle { stroke: var(--ink); stroke-width: 2.5; }
.net-tk { font: 800 14px/1 var(--display); fill: var(--bg); letter-spacing: .02em; pointer-events: none; }
.net-lbl { font: 600 12px/1 var(--sans); fill: var(--ink); pointer-events: none; }
.net-lbl.muted-fill { fill: var(--muted); font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; }
.net-edge { font: 500 10.5px/1 var(--mono); fill: var(--muted); }
.net-nodes { display: grid; gap: 12px; align-content: start; }
.net-node { padding: 14px; border-radius: 10px; background: var(--raised); border-top: 3px solid var(--nvda); display: grid; gap: 8px; min-width: 0; }
.net-node.amd { border-top-color: var(--amd); }
.net-node .eyebrow { margin: 0; }
.net-node .btn { justify-self: start; }
.net-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.net-mark { font: 800 20px/1 var(--display); letter-spacing: -0.01em; }
.net-node.nvda .net-mark em { font-style: normal; color: var(--nvda); }
.net-node.amd .net-mark em { font-style: normal; color: var(--amd); }
.net-px { display: flex; align-items: baseline; gap: 8px; }
.net-px b { font: 800 15px/1 var(--display); }
.net-px .mono { font-size: 16px; font-variant-numeric: tabular-nums; }
.net-px em { font-style: normal; font-family: var(--mono); font-size: 12.5px; }
.net-px em.up { color: var(--good); } .net-px em.dn { color: var(--crit); }
/* the hidden desk */
.net-crumb { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.net-where { font: 800 18px/1 var(--display); }
.net-where em { font-style: normal; color: var(--amd); }
.net-crumb .pill.live { border-color: var(--good); color: var(--good); }
.net-crumb a { font-size: 13px; font-weight: 600; }
.net-inner { margin-bottom: 18px; }
.net-inner button[aria-selected="true"] { box-shadow: inset 0 -2px 0 var(--amd), var(--shadow); }
.net-step { display: grid; gap: 6px; }
.net-step + .net-step { margin-top: 14px; }
.net-step .eyebrow { margin: 0; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.net-step .mech .m span:nth-of-type(1) { font-weight: 500; }
#na-env details summary { cursor: pointer; color: var(--muted); margin-top: 4px; }
#na-env td:first-child, #na-cat td:first-child { white-space: nowrap; }