/* 42U Networks - site stylesheet */
:root{--navy:#0d2740;--navy2:#17426b;--link:#14508c;--orange:#f08a00;--orange-d:#b86500;--line:#b7c2ce;--bg:#eef2f6;--ink:#1d2731;--mute:#55636f;--ok:#2fae3f;--warn:#e8a200;--bad:#d33}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:13px/1.55 Verdana,Tahoma,"DejaVu Sans",Arial,sans-serif;color:var(--ink);background:#16232f repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 6px)}
a{color:var(--link)}a:hover{color:#c25f00}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
img,svg{max-width:100%}
h1,h2,h3{font-family:"Trebuchet MS",Verdana,sans-serif;line-height:1.25}
p{margin:0 0 .8em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:6px 10px;z-index:99}.skip:focus{left:0}
.wrap{width:980px;max-width:100%;margin:0 auto;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.7)}
.in{padding:0 14px}
.ico{width:14px;height:14px;vertical-align:-2px;flex:none}

/* top strip */
.top{background:linear-gradient(#2a3d50,#152331);color:#cbd8e4;font-size:11px;border-bottom:1px solid #000}
.top .in{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;min-height:28px}
.top a{color:#fff;text-decoration:none}.top a:hover{color:#ffb347;text-decoration:underline}

/* header + nav */
.hd{display:flex;align-items:center;gap:18px;padding:10px 14px;background:linear-gradient(#fff,#e6ecf2);border-bottom:1px solid var(--line)}
.logo{display:block;height:46px;width:auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.mark{display:block;height:56px;width:auto}
.wm{font:bold 24px/1 "Trebuchet MS",Verdana,sans-serif;color:var(--navy);letter-spacing:.01em}
.w1{color:var(--navy2)}.w2{display:inline-block;border-bottom:3px solid var(--orange);padding-bottom:2px}
.tag{margin:0;flex:1;font:italic 12px Georgia,serif;color:var(--mute);border-left:1px solid var(--line);padding-left:14px}
.hd-r{display:flex;gap:8px}
.nav{background:linear-gradient(#437cae 0,#2a5d8d 49%,#17406a 50%,#1b4b79 100%);border-top:1px solid #7aa5cc;border-bottom:3px solid var(--orange)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.nav a{display:block;padding:9px 14px;color:#fff;font-weight:bold;font-size:12px;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.5);border-right:1px solid #123658;border-left:1px solid #4a7ba8}
.nav li:first-child a{border-left:0}
.nav a:hover{background:linear-gradient(#5c93c4,#2f6ba0 50%,#245a8b 50%,#2d6a9f)}
.nav a.cur{background:linear-gradient(#ffc35a,#f08a00 50%,#d97800 50%,#e68600);color:#2a1500;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.nav-toggle{display:none;width:100%;padding:10px 14px;font:bold 13px Verdana,sans-serif;color:#fff;background:none;border:0;text-align:left;cursor:pointer}

/* buttons, leds, tags */
.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font:bold 12px Verdana,sans-serif;color:#2a1500;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.45);background:linear-gradient(#ffc766,#f59a12 50%,#e68300 51%,#f09a1c);border:1px solid var(--orange-d);border-radius:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);cursor:pointer}
.btn:hover{color:#2a1500;background:linear-gradient(#ffd685,#ffab2e 50%,#f09000 51%,#ffa835)}
.btn-blue{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.5);background:linear-gradient(#5c93c4,#2f6ba0 50%,#1f5385 51%,#2a639a);border-color:#123658;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.3)}
.btn-blue:hover{color:#fff;background:linear-gradient(#74a8d6,#3f7db5 50%,#2a639a 51%,#3a78ae)}
.btn-sm{padding:3px 10px;font-size:11px}
.blink{animation:blink 2.4s steps(2,jump-none) infinite}
@keyframes blink{0%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.blink{animation:none}}

/* layout */
.pad{padding:14px}
.cols{display:grid;gap:14px}.c2{grid-template-columns:1fr 1fr}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}
.cols.ms{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.box{border:1px solid var(--line);background:#fff;margin-bottom:14px;border-radius:3px;overflow:hidden}
.bh{margin:0;padding:6px 10px;font-size:13px;color:#15395c;background:linear-gradient(#fff,#d6e0ea);border-bottom:1px solid var(--line);text-shadow:0 1px 0 #fff;display:flex;align-items:center;gap:7px}
.bd{padding:10px}
.pghead{padding:14px 20px;background:linear-gradient(#f7f9fb,#dde5ed);border-bottom:1px solid var(--line);position:relative}
.pghead:after{content:"";position:absolute;right:0;top:0;bottom:0;width:150px;background:repeating-linear-gradient(0deg,#cdd8e3 0 1px,transparent 1px 11px);opacity:.8}
.pghead h1{margin:0 0 2px;font-size:22px;color:var(--navy)}
.pghead p{margin:0;color:var(--mute);max-width:640px}
.ru{display:inline-block;margin-right:6px;padding:0 5px;font:bold 10px/16px Consolas,Menlo,monospace;color:#fff;background:linear-gradient(#456f94,#17426b);border:1px solid #0a1c2e;border-radius:2px}
.checks,.plain{margin:0 0 .8em;padding:0;list-style:none}
.checks li{padding-left:18px;margin-bottom:4px;position:relative}
.checks li:before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;background:linear-gradient(#ffc35a,#e68600);border:1px solid var(--orange-d)}
.dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.dl dt{font-weight:bold}.dl dd{margin:0}
small{font-size:10px;color:var(--mute)}

/* hero */
.hero{display:grid;grid-template-columns:1fr 250px;gap:20px;padding:20px 20px 18px;color:#e4eef7;background:radial-gradient(ellipse at 82% 45%,#2c6ca6,transparent 62%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 6px),linear-gradient(#12395f,#0a2036);border-bottom:1px solid #000}
.hero h1{margin:0 0 4px;font-size:26px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.6)}
.hero .sub{margin:0 0 12px;font:italic 14px Georgia,serif;color:#ffc35a}
.hero .checks li:before{border-color:#000}
.hero .cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rack{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}

/* tabs */

/* tables */
.tw{overflow-x:auto;margin-bottom:10px}
table{border-collapse:collapse;width:100%}
.spec{font-size:12px}
.spec th,.spec td{padding:5px 8px;border:1px solid #cbd5df;text-align:left;vertical-align:middle}
.spec thead th{color:#fff;background:linear-gradient(#4d83b4,#1b4b79);text-shadow:0 -1px 0 rgba(0,0,0,.4);white-space:nowrap}
.spec tbody tr:nth-child(even){background:#f0f4f8}.spec tbody tr:hover{background:#fff4de}
.spec tbody th{color:var(--navy);white-space:nowrap}
.spec .pr{font-weight:bold;color:#a85800;white-space:nowrap}
.spec .pr small{font-weight:normal}

/* status + lists */
.links{list-style:none;margin:0;padding:0}
.links li{border-bottom:1px dotted #cbd5df}.links a{display:flex;gap:7px;align-items:center;padding:5px 0;text-decoration:none;font-weight:bold}
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}
.feat h3{margin:0 0 2px;font-size:12px;color:var(--navy);display:flex;gap:6px;align-items:center}.feat p{margin:0;color:#3d4955}
.feat .ico{color:var(--orange-d);width:16px;height:16px}
.netmap{display:block;width:100%;height:auto;border:1px solid #0a1c2e}
.callout{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(#fff6e1,#ffe3a8);border:1px solid #e0b25a;border-radius:3px;margin-bottom:14px}
.callout strong{color:#6b3d00}
details{border-bottom:1px dotted #cbd5df;padding:6px 0}summary{cursor:pointer;font-weight:bold;color:var(--navy)}details p{margin:6px 0 2px}

/* forms */

/* footer */
.ft{background:linear-gradient(#17426b,#0a2036);color:#c5d4e2;border-top:3px solid var(--orange);margin-top:6px}
.ft .cols{padding-top:16px;padding-bottom:16px}
.ft h2{margin:0 0 6px;font-size:12px;color:#fff;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #35607f;padding-bottom:4px}
.ft ul{list-style:none;margin:0;padding:0}.ft li{margin:3px 0}.ft a{color:#e3edf6}.ft a:hover{color:#ffb347}
.ft address{font-style:normal;line-height:1.7}
.legal{background:#071624;font-size:11px;padding:7px 0}.legal .in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.rk{font-family:Consolas,Menlo,monospace;color:#6f8aa3}

.prows{border:1px solid var(--line);border-radius:3px;background:#fff;margin-bottom:6px}
.box>.prows{margin:10px}
.prow{display:grid;grid-template-columns:1fr auto auto;gap:6px 16px;align-items:center;padding:9px 12px;border-bottom:1px solid #dfe7ee}
.prow:last-child{border-bottom:0}.prow:nth-child(even){background:#f3f7fa}.prow:hover{background:#fff4de}
.pn h3{margin:0 0 2px;font-size:13px;color:var(--navy)}.pn p{margin:0;font-size:12px;color:#3d4955}
.pp{font-weight:bold;color:#a85800;white-space:nowrap;text-align:right;min-width:92px}.pq,.pp small{font-weight:normal;color:var(--mute);font-size:11px}
.feat1 h3{margin:0 0 1px;font-size:12px;color:var(--navy);display:flex;gap:6px;align-items:center}.feat1 p{margin:0 0 8px;font-size:12px;color:#3d4955}.feat1 .ico{color:var(--orange-d)}
.note{color:var(--mute);font-size:12px}
@media (max-width:860px){
 .hero{grid-template-columns:1fr}.hero .rack-col{display:none}
 .c3,.c4,.cols.ms,.c2,.feat{grid-template-columns:1fr}
 .c4{grid-template-columns:1fr 1fr}
 .hd{flex-wrap:wrap}.tag{border:0;padding:0;flex-basis:100%;order:3}
}
@media (max-width:700px){
 .prow{grid-template-columns:1fr auto}.pn{grid-column:1/-1}.pp{text-align:left}
 .nav-toggle{display:block}
 .nav ul{display:none;flex-direction:column}.nav ul.open{display:flex}
 .nav a{border:0;border-top:1px solid #123658}
 .c4{grid-template-columns:1fr}
 .pghead:after{display:none}
}