/* Brighter network-engineering presentation, based on the approved MySwift direction. */
:root{--max:1440px;--blue:#08baff;--line:#124c71;--bg:#020c18;--surface:#05192a}body{background:#020c18;background-image:linear-gradient(125deg,#0576b210,transparent 35%,#0087da10);background-attachment:fixed}.top{background:#021222f2;box-shadow:0 1px 15px #0078ad15}.navwrap{height:78px}.brand img{width:265px}.top nav{gap:7px}.top nav a{display:flex;align-items:center;gap:7px;padding:14px 11px;border-radius:4px;border:1px solid transparent;color:#e3f0fb;font-size:12px;white-space:nowrap}.top nav a[aria-current]{background:linear-gradient(#087bff,#0058d3);box-shadow:0 0 18px #037bff22;border-color:#007ae0}.top nav a:hover{background:#07395a;border-color:#0878aa}.nav-icon svg{width:23px;height:23px;display:block;color:#82c8f7}.top nav .searchlink{padding:11px 12px;margin-left:3px}.reference-hero{background-image:linear-gradient(90deg,transparent 20%,#020d1988 55%,#020d19 100%),url('network-hero.png');background-size:cover;background-position:left center;min-height:400px;grid-template-columns:1fr;position:relative;width:100%;max-width:none;padding-left:max(37%,calc((100% - 1440px)/2 + 490px));padding-right:max(40px,calc((100% - 1440px)/2));padding-top:65px;padding-bottom:65px;border-bottom:1px solid #086397}.reference-hero .hero-copy{max-width:800px}.reference-hero .hero-art{display:none}.wordmark{font-family:'Arial Black','Segoe UI',sans-serif!important;font-size:clamp(45px,6.6vw,94px)!important;font-weight:900!important;letter-spacing:-.06em!important;line-height:1!important;text-shadow:0 3px 3px #0009}.wordmark span{color:#04bbf3;text-shadow:0 0 22px #0096da22}.brand-line{font-size:13px;letter-spacing:.25em;color:#d6edfa;margin-bottom:22px}.reference-hero .lead{font-size:17px;max-width:640px;line-height:1.6}.reference-hero .eyebrow{color:#75d7ff;font-size:10px;margin-bottom:13px}.reference-hero .hero-caption{margin-top:20px}.section{padding-block:55px}.discipline-strip{background:#031a2c}.discipline-strip a{padding-block:18px}.feature,.project{border-color:#075c88;box-shadow:0 0 18px #005e9c0c}.feature-grid{gap:20px}.feature-media{height:255px}.feature-body{padding:24px}.feature h3{font-size:27px}.btn{border-color:#008cc4;background:#061b2c;border-radius:4px}.btn.primary{background:linear-gradient(#0b96ff,#0067e9);color:white;border-color:#009cfb;box-shadow:0 0 9px #008ad52b}.btn.primary:hover{background:linear-gradient(#24b4ff,#087cff)}.articlebox{border-color:#11638b}.journal{background:#031727}.tag,.tags span{border-color:#14547a}.network-banner{background-color:#021020;background-image:linear-gradient(90deg,transparent,#020d1922 30%,#020b16dd 87%),url('network-hero.png');background-position:left center;background-size:cover;border-bottom:1px solid #0c5279;overflow:hidden}.banner-inner{display:grid;grid-template-columns:1.3fr .8fr .65fr;gap:25px;align-items:center;min-height:255px;padding-left:270px;position:relative}.banner-inner .wordmark{font-size:66px!important;white-space:nowrap}.banner-inner .brand-line{font-size:9px;letter-spacing:.17em;margin:14px 0}.banner-inner .eyebrow{font-size:9px;margin-bottom:14px;color:#9ae0ff}.banner-caption{min-width:180px}.banner-caption h2{font-size:23px;margin:0 0 10px}.banner-caption p{font-size:13px;color:#b2d5ed;margin-bottom:8px;line-height:1.5}.banner-caption ul{list-style:none;padding:0;font-size:11px;margin:0;color:#d0e9f8;line-height:1.9}.banner-caption li:before{content:'✓';color:#21c3ff;margin-right:8px}.banner-router{width:265px;max-width:100%;height:210px;display:flex;align-items:center;justify-content:center}.banner-router img{max-height:210px;width:auto;mix-blend-mode:screen;filter:contrast(1.15);border-radius:6px}.dashboard{display:grid;grid-template-columns:205px minmax(0,1fr);margin-top:23px;margin-bottom:55px;border:1px solid #0b5b85;border-radius:9px;background:#021222e8;overflow:hidden;box-shadow:0 0 30px #0066b015}.dashboard-nav{border-right:1px solid #0b4e74;background:#031525;padding:15px 10px}.dashboard-nav h2{display:flex;gap:10px;align-items:center;font-size:22px;padding:0 5px 15px;margin:0;letter-spacing:-.03em}.dashboard-nav h2 svg{width:25px;height:25px;color:#09baff}.dashboard-nav nav{display:grid;gap:5px}.dashboard-nav a{display:flex;gap:12px;align-items:center;padding:9px 8px;font-size:12px;border-radius:4px;color:#c4dcee}.dashboard-nav a.selected{background:#0758bc;border:1px solid #0e95e4}.dashboard-nav a:hover{background:#07395c}.dashboard-nav a svg{width:19px;height:19px;flex-shrink:0;color:#8bd4ff}.dashboard-main{padding:24px;min-width:0}.dashboard-head .eyebrow{font-size:9px;margin-bottom:9px}.dashboard-head h2{font-size:34px;margin:0 0 8px}.dashboard-sub{font-size:18px!important;letter-spacing:.02em;color:#c2dcf2!important;margin-bottom:11px!important}.dashboard-head>p{font-size:14px;color:#a5c3db;line-height:1.55;max-width:900px}.capability-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.capability-row>div{background:linear-gradient(#051c2d,#021423);border:1px solid #0b3f61;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:93px;padding:10px;color:#d1e9fb;font-size:11px}.capability-row svg{width:33px;height:33px;color:#00baff}.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.dashboard-actions>a{border:1px solid #0877a5;border-radius:5px;padding:15px 12px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#06243b,#021322)}.dashboard-actions>a:hover{background:#0b3552}.dashboard-actions svg{width:30px;height:30px;flex-shrink:0;color:#00baff}.dashboard-actions strong{display:block;font-size:13px;color:#6ed9ff;font-weight:600}.dashboard-actions span{display:block;font-size:10px;line-height:1.45;color:#adcadf;margin-top:4px}.dashboard-actions b{color:#00b8fa;margin-left:auto;font-size:25px;font-weight:400}.dashboard-panels{display:grid;grid-template-columns:1.1fr .9fr .95fr;gap:12px}.dash-panel{border:1px solid #0d608b;border-radius:5px;background:#031626;padding:15px;min-width:0}.dash-panel h3{font-size:15px;letter-spacing:-.02em;line-height:1.4;color:#d4ecfc;margin:0 0 15px}.dash-panel .status{font-size:9px;padding:2px 7px;color:#9bdcff;border-color:#087d9e;float:none;margin-left:5px}.hardware-inner{display:grid;grid-template-columns:.8fr 1fr;gap:12px;align-items:center}.hardware-inner img{border-radius:4px;background:white}.hardware-inner ul{padding-left:14px;margin:0;font-size:10px;line-height:1.9;color:#b9d5e9}.dash-panel .btn{font-size:10px;padding:7px 11px;margin-top:15px;gap:5px}.dash-panel dl{display:grid;grid-template-columns:75px minmax(0,1fr);font-size:11px;margin:0;border:1px solid #183a56;line-height:1.7}.dash-panel dt,.dash-panel dd{padding:4px 7px;border-bottom:1px solid #15354d;margin:0;overflow-wrap:anywhere}.dash-panel dt{background:#0a2339;color:#a9c8df}.dash-panel dd{color:#d6ebfa}.dash-panel .fine{font-size:10px;line-height:1.5;margin:12px 0 0}.verified-list{padding:0;list-style:none;font-size:11px;color:#bdddf1;line-height:1.8;margin:0}.verified-list li:before{content:'✓';color:#00baff;margin-right:8px}.dashboard .notice{margin:18px 0;padding:15px 18px}.dashboard .notice strong{font-size:13px}.dashboard .notice p{font-size:12px;line-height:1.6}.dashboard-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.dashboard-bottom a{display:flex;align-items:center;gap:12px;border:1px solid #084c72;border-radius:4px;padding:13px}.dashboard-bottom a:hover{background:#083552}.dashboard-bottom svg{width:28px;height:28px;flex-shrink:0;color:#0cb5ff}.dashboard-bottom strong{font-size:11px;display:block}.dashboard-bottom span{font-size:10px;color:#8cbbd8;display:block}.dashboard-main>.fine{font-size:10px;line-height:1.6}footer .brand img{width:220px}.article-layout{grid-template-columns:225px minmax(0,1fr);gap:45px}.prose{max-width:950px}.article-head{padding-bottom:35px}.article-head h1{font-size:55px}.prose h2{color:#ddf3ff}.toc nav{border-color:#11648d}.codebar{background:#06263c;border-color:#0a6088}pre{border-color:#0a6088}.gallery figure{border-color:#0a5b7e}
@media(max-width:1350px){.brand img{width:230px}.top nav{gap:2px}.top nav a{padding:12px 8px;font-size:11px}.nav-icon svg{width:20px;height:20px}.banner-inner{padding-left:230px;gap:15px;grid-template-columns:1fr .8fr .65fr}.banner-inner .wordmark{font-size:55px!important}.banner-router{width:220px}.banner-caption h2{font-size:20px}.dashboard-panels{grid-template-columns:1fr 1fr}.dashboard-panels>section:last-child{grid-column:1/-1}.verified-list{display:flex;gap:8px 20px;flex-wrap:wrap}.dashboard-nav{padding-inline:8px}.dashboard{grid-template-columns:195px minmax(0,1fr)}}
@media(max-width:1120px){.menu{display:block}.top nav{display:none;position:absolute;left:0;right:0;top:78px;flex-direction:column;padding:15px 20px;background:#031727;border-bottom:1px solid #0876a3;align-items:stretch}.top nav.open{display:flex}.top nav a{padding:11px 14px;font-size:13px;gap:12px}.top nav .searchlink{margin-top:10px}.banner-inner{padding-left:160px;min-height:230px;grid-template-columns:1fr 1fr}.banner-inner .wordmark{font-size:56px!important}.banner-caption{display:none}.dashboard-actions{grid-template-columns:1fr}.dashboard-actions>a{padding:12px 15px}.dashboard-actions span{font-size:11px}.capability-row{gap:7px}.capability-row>div{font-size:10px;min-height:85px}.dashboard{grid-template-columns:185px minmax(0,1fr)}.dashboard-main{padding:20px}.dashboard-head h2{font-size:29px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-bottom a{padding:11px}.dashboard-bottom span{font-size:11px}.dashboard-bottom strong{font-size:12px}.reference-hero{padding-left:33%;min-height:360px}.reference-hero .wordmark{font-size:70px!important}}
@media(max-width:800px){.navwrap{height:72px}.top nav{top:72px}.brand img{width:230px}.reference-hero{padding:50px 25px 50px 29%;background-position:25% center;min-height:360px}.reference-hero .wordmark{font-size:58px!important}.reference-hero .brand-line{font-size:10px;letter-spacing:.17em}.reference-hero .lead{font-size:15px}.banner-inner{padding-left:150px;grid-template-columns:1fr .6fr;gap:15px;min-height:200px}.banner-inner .wordmark{font-size:47px!important}.banner-inner .brand-line{font-size:8px;letter-spacing:.1em}.banner-router{height:160px}.banner-router img{max-height:160px}.dashboard{grid-template-columns:1fr;margin-top:20px}.dashboard-nav{border-right:0;border-bottom:1px solid #10587b;padding:14px}.dashboard-nav h2{font-size:19px;padding:0 0 12px}.dashboard-nav nav{display:flex;overflow:auto;gap:8px;padding-bottom:6px}.dashboard-nav nav a{white-space:nowrap;font-size:11px;padding:8px 12px;border:1px solid #124261}.dashboard-nav a svg{width:16px;height:16px}.dashboard-panels{grid-template-columns:1fr 1fr}.dashboard-actions{grid-template-columns:repeat(3,1fr);gap:9px}.dashboard-actions>a{padding:12px 8px;gap:8px}.dashboard-actions strong{font-size:11px}.dashboard-actions span{font-size:9px}.dashboard-actions svg{width:23px;height:23px}.dashboard-actions b{display:none}.article-layout{grid-template-columns:1fr;gap:30px}.article-head h1{font-size:43px}.feature-media{height:230px}}
@media(max-width:560px){.brand img{width:222px}.reference-hero{padding:42px 20px;background-position:25% center;background-image:linear-gradient(90deg,#020d1988,#020d19dd),url('network-hero.png');min-height:350px}.reference-hero .wordmark{font-size:65px!important}.reference-hero .lead{font-size:16px;max-width:100%}.reference-hero .eyebrow{font-size:9px}.reference-hero .brand-line{font-size:10px;letter-spacing:.12em}.banner-inner{padding:24px 0;grid-template-columns:1fr 100px;gap:10px;min-height:170px}.banner-inner .wordmark{font-size:40px!important}.banner-inner .brand-line{font-size:7px;letter-spacing:.07em;line-height:1.8}.banner-inner .eyebrow{font-size:7px;letter-spacing:.13em}.banner-router{width:110px;height:120px}.banner-router img{max-height:120px}.network-banner{background-image:linear-gradient(90deg,#020d19bb,#020d19dd),url('network-hero.png')}.dashboard-main{padding:18px 14px}.dashboard-head h2{font-size:27px}.dashboard-sub{font-size:15px!important}.dashboard-head>p{font-size:13px}.capability-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.capability-row>div{font-size:8px;padding:7px 3px;line-height:1.4;min-height:78px;text-align:center}.capability-row svg{width:25px;height:25px}.dashboard-actions{grid-template-columns:1fr}.dashboard-actions strong{font-size:13px}.dashboard-actions span{font-size:11px}.dashboard-actions svg{width:30px;height:30px}.dashboard-actions>a{gap:15px;padding:13px}.dashboard-panels{grid-template-columns:1fr}.dashboard-panels>section:last-child{grid-column:auto}.dash-panel h3{font-size:17px}.hardware-inner{grid-template-columns:.9fr 1fr}.hardware-inner ul{font-size:11px}.dash-panel dl{font-size:12px;grid-template-columns:90px 1fr}.dash-panel .fine{font-size:11px}.dash-panel .btn{font-size:11px}.verified-list{display:block;font-size:12px}.feature-media{height:255px}.article-head h1{font-size:37px}.article-head{padding-top:28px}.section{padding-block:40px}.guide-grid{gap:15px}footer .brand img{width:210px}}

.banner-router img{mix-blend-mode:normal;filter:drop-shadow(0 8px 12px #0009);border-radius:0}
.dashboard-nav{min-width:0}
@media(max-width:800px){.dashboard{grid-template-columns:minmax(0,1fr)}}