*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.z-20{z-index:20}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-px{height:1px}.min-h-11{min-height:2.75rem}.min-h-\[260px\]{min-height:260px}.min-h-\[380px\]{min-height:380px}.w-16{width:4rem}.w-24{width:6rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-56{max-width:14rem}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[minmax\(0\,1fr\)_minmax\(110px\,0\.62fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(110px,.62fr) minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-amber-300\/25{border-color:#fcd34d40}.border-amber-300\/35{border-color:#fcd34d59}.border-teal-200\/70{border-color:#99f6e4b3}.border-teal-300\/25{border-color:#5eead440}.border-white\/10{border-color:#ffffff1a}.bg-amber-300\/10{background-color:#fcd34d1a}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-fuchsia-500{--tw-bg-opacity: 1;background-color:rgb(217 70 239 / var(--tw-bg-opacity, 1))}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-slate-950\/70{background-color:#020617b3}.bg-teal-300{--tw-bg-opacity: 1;background-color:rgb(94 234 212 / var(--tw-bg-opacity, 1))}.bg-teal-300\/10{background-color:#5eead41a}.bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-teal-300{--tw-gradient-from: #5eead4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(94 234 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-500{--tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #64748b var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-300{--tw-gradient-to: #fcd34d var(--tw-gradient-to-position)}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-wide{letter-spacing:.025em}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-teal-200{--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-glow{--tw-shadow: 0 0 38px rgba(45, 212, 191, .24);--tw-shadow-colored: 0 0 38px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/30{--tw-shadow-color: rgb(0 0 0 / .3);--tw-shadow: var(--tw-shadow-colored)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:dark;background:#070b18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:#f4f7ff;background:#070b18}button{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:radial-gradient(circle at 0 0,#24114c 0,#0b1020 34%,#060a15),linear-gradient(135deg,#060a15,#090e1f)}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid #27365f;background:#090e1fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:auto}.brand{display:flex;align-items:center;gap:12px;margin:4px 8px 24px}.brand-icon,.module-icon{display:grid;place-items:center;border-radius:8px;color:#d8ccff;background:linear-gradient(135deg,#4b2d87,#111a31);border:1px solid #5b3fa8}.brand-icon{width:46px;height:46px}.brand strong{display:block;font-size:22px;line-height:1.05}.brand span,.topbar p,.nav-group p,.module-card p,.packet-segment small,.detail-text,.timeline-step b{color:#aeb9dc}.nav-group{margin-top:10px}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0;padding:10px 9px;color:#aeb9dc;text-align:left;cursor:pointer;background:transparent;border:0;border-radius:8px}.nav-group-toggle span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nav-group-toggle svg{flex:0 0 auto;transition:transform .2s ease}.nav-group-toggle.open svg{transform:rotate(180deg)}.nav-group-toggle:hover{color:#eef3ff;background:#ffffff0a}.nav-group-items{display:grid;gap:7px;margin-top:4px}.nav-group-items[hidden]{display:none}.nav-item{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:12px 13px;text-align:left;color:#eef3ff;cursor:pointer;background:#10182e;border:1px solid #293964;border-radius:8px}.nav-item.active{background:linear-gradient(135deg,#4b2d87,#7c3aed);border-color:#8b5cf6;box-shadow:0 0 24px #7c3aed52}.nav-item.disabled{color:#7180a5;cursor:not-allowed;opacity:.62}.nav-item.disabled .nav-dot{background:#4a5480;box-shadow:none}.nav-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 15px #22c55eb8}.workspace{display:flex;min-width:0;min-height:100vh;flex-direction:column;padding:26px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:#8ee7be;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.topbar h1{margin:0;font-size:42px;line-height:1.03}.topbar p{max-width:680px;margin:8px 0 0}.score-card,.live-pill,.protocol-pill{border-radius:8px;font-weight:900}.score-card{min-width:132px;padding:15px 22px;color:#fde047;background:#271f08;border:1px solid #806419;text-align:center}.score-card span{display:block;color:#fde68a;font-size:12px}.score-card b{display:block;margin-top:4px;font-size:26px}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.module-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;width:100%;min-height:150px;padding:16px;color:#f4f7ff;text-align:left;background:linear-gradient(#121b32f5,#090e1dfa);border:1px solid #2b3c68;border-radius:8px;box-shadow:0 20px 60px #0000003d;cursor:pointer}.module-card.active{border-color:#22c55e;box-shadow:0 0 28px #22c55e2e}.module-card:disabled{cursor:default}.module-card:not(:disabled):hover,.topic-link.ready:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 0 30px #8b5cf63d}.module-icon{width:48px;height:48px}.module-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.module-meta span{color:#8ee7be;font-size:11px;font-weight:900;text-transform:uppercase}.module-meta b{color:#ddd4ff;font-size:11px}.module-card h2{margin:8px 0;font-size:19px}.module-card p{margin:0;font-size:14px;line-height:1.45}.home-topbar{margin-bottom:18px}.home-topbar h1{max-width:860px}.home-score{color:#d8ffe8;background:#063522;border-color:#22c55e}.home-score span{color:#8ee7be}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr);gap:clamp(24px,5vw,64px);align-items:center;min-height:520px;overflow:hidden;margin-bottom:22px;padding:clamp(28px,5vw,56px);color:#161b26;background:linear-gradient(rgba(61,143,208,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(61,143,208,.06) 1px,transparent 1px),#fff;background-size:34px 34px,34px 34px,auto;border:1px solid #d7e6f0;border-radius:8px}.hero-content{position:relative;z-index:1;display:grid;align-content:center;max-width:760px;min-height:390px}.hero-content h1{max-width:760px;margin:0;color:#161b26;font-size:clamp(44px,5vw,68px);line-height:1;letter-spacing:0}.hero-content p:not(.eyebrow){max-width:620px;margin:16px 0 0;color:#667085;font-size:18px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-actions button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:13px 18px;color:#fff;font-weight:900;cursor:pointer;background:#3d8fd0;border:1px solid #65b6df;border-radius:8px;box-shadow:0 16px 28px #3d8fd040}.hero-actions button.secondary{color:#344054;background:#fff;border-color:#d0d5dd;box-shadow:none}.hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-stats span{display:grid;min-width:136px;gap:3px;padding:14px;color:#667085;font-size:13px;background:#fbfdff;border:1px solid #d7e6f0;border-radius:8px}.hero-stats b{color:#8fd8e4;font-size:24px;line-height:1}.hero-focus-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.hero-focus-list button{padding:7px 9px;color:#0f4f7d;font-size:11px;font-weight:900;background:#eef6fb;border:1px solid #b9def2;border-radius:999px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.hero-focus-list button:hover{border-color:#79cae8;box-shadow:0 8px 18px #2e9ad524;transform:translateY(-1px)}.hero-image-panel{position:relative;min-height:430px;overflow:hidden;background:linear-gradient(rgba(61,143,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(61,143,208,.09) 1px,transparent 1px),radial-gradient(circle at 24% 54%,rgba(143,216,228,.24),transparent 28%),#fbfdff;background-size:32px 32px,32px 32px,auto,auto;border:1px solid #d7e6f0;border-radius:8px}.hero-image-grid{position:absolute;top:0;right:0;bottom:0;left:0}.hero-image-node{position:absolute;z-index:3;display:grid;width:126px;min-height:102px;padding:14px;place-items:center;color:#161b26;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 12px 26px #0f172a0f;transform:translate(-50%,-50%)}.hero-image-node svg{color:#2787b7}.hero-image-node span{color:#344054;font-size:13px;font-weight:900}.hero-image-node.pc{left:18%;top:58%}.hero-image-node.switch{left:42%;top:42%}.hero-image-node.router{left:64%;top:58%}.hero-image-node.server{left:84%;top:42%}.hero-image-line{position:absolute;z-index:1;height:2px;background:linear-gradient(90deg,#8fd8e4,#3d8fd0);border-radius:999px;transform-origin:left center}.hero-image-line.line-a{left:24%;top:52%;width:25%;transform:rotate(-18deg)}.hero-image-line.line-b{left:46%;top:48%;width:25%;transform:rotate(18deg)}.hero-image-line.line-c{left:68%;top:52%;width:21%;transform:rotate(-18deg)}.hero-image-packet{position:absolute;left:18%;top:58%;z-index:4;min-width:66px;padding:7px 10px;color:#0f172a;font-size:11px;font-weight:1000;text-align:center;text-transform:uppercase;background:#fff;border:2px solid #74c7db;border-radius:999px;box-shadow:0 10px 22px #3d8fd038;transform:translate(-50%,-50%)}.home-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.topic-panel{min-height:260px}.topic-panel svg{color:#8ee7be}.topic-list{display:grid;gap:9px}.topic-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:12px;color:#eef3ff;text-align:left;background:#0b142b;border:1px solid #314572;border-radius:8px;cursor:default;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.topic-link.ready{cursor:pointer;border-color:#22c55e}.topic-link b{color:#ddd4ff;font-size:12px;white-space:nowrap}.topic-link.ready b{color:#8ee7be}.back-home{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:9px 12px;color:#ddd4ff;font-size:13px;font-weight:900;background:#10182e;border:1px solid #293964;border-radius:8px;cursor:pointer}.back-home:hover{border-color:#8b5cf6}.progress-track{height:8px;margin-bottom:18px;background:#10182e;border:1px solid #26385f;border-radius:999px;overflow:hidden}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#38bdf8,#8b5cf6);transition:width .42s ease}.lab-grid{display:grid;gap:16px;align-items:start}.journey-bottom-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);gap:16px;margin-top:16px;align-items:start}.steps-panel{grid-column:1 / -1}.panel{min-width:0;padding:18px;background:linear-gradient(#121b32f5,#090e1dfa);border:1px solid #2b3c68;border-radius:8px;box-shadow:0 20px 60px #00000047}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading.compact{margin-bottom:10px}.panel h2{margin:0;font-size:24px;line-height:1.1}.live-pill{padding:10px 12px;color:#d8ffe8;background:#063522;border:1px solid #22c55e;white-space:nowrap}.protocol-pill{padding:10px 12px;color:#ddd4ff;background:#201941;border:1px solid #51408f}.journey-map{position:relative;min-height:420px;border-radius:8px;overflow:hidden;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(34,197,94,.13),transparent 26%),radial-gradient(circle at 78% 25%,rgba(124,58,237,.18),transparent 28%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #26385f}.journey-map.response-mode{background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 78% 32%,rgba(245,158,11,.16),transparent 26%),radial-gradient(circle at 22% 48%,rgba(34,197,94,.12),transparent 28%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto}.map-caption{position:absolute;z-index:7;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;pointer-events:none}.map-caption h2{margin:0;font-size:28px}.network-line{position:absolute;left:8%;right:14%;top:56%;height:6px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8,#8b5cf6);box-shadow:0 0 24px #8b5cf65c}.dns-branch{position:absolute;left:71%;top:56%;width:7%;height:22%;border-left:4px solid #38bdf8;border-bottom:4px solid #38bdf8;border-radius:0 0 0 12px;opacity:.86}.dns-branch:after{content:"";position:absolute;right:-5px;bottom:-7px;width:0;height:0;border-left:9px solid #38bdf8;border-top:6px solid transparent;border-bottom:6px solid transparent}.dns-branch span{position:absolute;left:10px;top:18px;color:#9ee7ff;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap}.map-legend{position:absolute;left:18px;right:auto;bottom:16px;z-index:8;display:flex;gap:10px;padding:9px 10px;background:#070c1dd1;border:1px solid #26385f;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-legend span{display:inline-flex;align-items:center;gap:6px;color:#dbe5ff;font-size:12px;font-weight:900}.map-legend i{width:10px;height:10px;border-radius:999px}.request-dot{background:#22c55e;box-shadow:0 0 12px #22c55eb3}.response-dot{background:#fde047;box-shadow:0 0 12px #fde047b3}.device-node{position:absolute;display:grid;place-items:center;gap:5px;width:108px;min-height:98px;padding:8px;transform:translate(-50%,-50%);text-align:center;color:#eef3ff;background:#0b142b;border:1px solid #314572;border-radius:8px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.device-node span{display:grid;place-items:center;width:44px;height:44px;color:#d8ccff;background:#151e37;border:1px solid #43527f;border-radius:12px}.device-node b,.device-node small{display:block}.device-node small{font-size:10px}.device-node.visited span{border-color:#22c55e}.device-node.active{z-index:4;border-color:#22c55e;box-shadow:0 0 32px #22c55e47}.device-node.active span{color:#fff;background:linear-gradient(135deg,#7c3aed,#22c55e);box-shadow:0 0 30px #8b5cf69e}.moving-packet{position:absolute;z-index:6;display:flex;align-items:center;gap:7px;padding:10px 13px;color:#06101d;font-size:12px;font-weight:1000;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 34px #22c55e9e;transform:translate(-50%,-122%)}.response-packet{color:#1d1301;background:#fde68a;border-color:#f59e0b;box-shadow:0 0 34px #f59e0b94}.side-column{display:grid;gap:16px;align-content:start}.packet-stack{display:grid;gap:8px}.packet-segment{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;padding:12px;background:#0b142b;border:1px solid #314572;border-radius:8px}.packet-segment.on{border-color:#22c55e;background:linear-gradient(135deg,#0b142b,#12243b)}.packet-segment>span{width:10px;border-radius:999px}.packet-segment b{display:block}.packet-segment small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary{margin:0 0 12px;color:#eef3ff;font-size:16px;font-weight:850;line-height:1.48}.detail-text{margin:0 0 16px;line-height:1.55}.packet-facts{display:grid;gap:8px}.packet-facts div{padding:12px;background:#070c1d;border:1px solid #26385f;border-radius:8px}.packet-facts span{display:block;margin-bottom:5px;color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.packet-facts b{display:block;overflow-wrap:anywhere}.controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px 0 12px}.controls-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:16px 0 12px}.controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 16px;color:#fff;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:1px solid #8b5cf6;border-radius:8px}.controls-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 16px;color:#fff;font-weight:900;cursor:pointer;background:#3d8fd0;border:1px solid #3d8fd0;border-radius:8px;box-shadow:0 10px 20px #3d8fd02e}.controls-row .secondary{color:#344054;background:#fff;border-color:#d0d5dd;box-shadow:none}.controls-row button:disabled{color:#98a2b3;cursor:not-allowed;background:#f2f4f7;border-color:#e4e7ec;box-shadow:none;opacity:1}.controls .secondary{background:#0c142b;border-color:#334779}.controls button:disabled{cursor:not-allowed;opacity:.45}.auto-controls{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:6px;background:#0c142b;border:1px solid #334779;border-radius:8px}.auto-controls label{margin-left:6px;color:#aeb9dc;font-size:12px;font-weight:900;text-transform:uppercase}.auto-controls select{min-height:34px;color:#eef3ff;background:#070c1d;border:1px solid #314572;border-radius:7px;padding:0 8px;font-weight:900}.controls .auto-toggle{min-height:34px;padding:8px 11px;background:#10182e;border-color:#51408f}.controls .auto-toggle.on{color:#052e16;background:#22c55e;border-color:#22c55e}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.timeline-step{min-height:78px;padding:10px;text-align:left;color:#eef3ff;background:#0b142b;border:1px solid #314572;border-radius:8px;cursor:pointer}.timeline-step span{display:grid;place-items:center;width:26px;height:26px;margin-bottom:7px;border-radius:999px;background:#201941;border:1px solid #51408f;font-weight:1000}.timeline-step.done span{color:#052e16;background:#22c55e;border-color:#22c55e}.timeline-step.active{background:linear-gradient(135deg,#4b2d87,#123b2c);border-color:#22c55e}.timeline-step b{display:block;font-size:11px}.teaching-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;margin-top:16px;align-items:start}.simple-step-card{min-height:100%}.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.focus-grid div,.mini-packet div{padding:13px;background:#070c1d;border:1px solid #26385f;border-radius:8px}.focus-grid span,.mini-packet span{display:block;margin-bottom:5px;color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.focus-grid b,.mini-packet b{display:block;overflow-wrap:anywhere}.compact-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-packet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px;background:linear-gradient(#121b32f5,#090e1dfa);border:1px solid #2b3c68;border-radius:8px;box-shadow:0 20px 60px #00000047}.compact-timeline{grid-column:1 / -1;display:grid;grid-template-columns:repeat(9,minmax(78px,1fr));gap:8px;padding:14px;background:linear-gradient(#121b32f5,#090e1dfa);border:1px solid #2b3c68;border-radius:8px;overflow:auto}.compact-timeline-item{display:grid;justify-items:center;gap:7px;min-height:72px;padding:9px 7px;color:#aeb9dc;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;cursor:pointer}.compact-timeline-item span{display:grid;place-items:center;width:28px;height:28px;color:#ddd4ff;font-weight:1000;background:#201941;border:1px solid #51408f;border-radius:999px}.compact-timeline-item b{font-size:11px}.compact-timeline-item.done span{color:#052e16;background:#22c55e;border-color:#22c55e}.compact-timeline-item.response{border-color:#806419}.compact-timeline-item.response span{color:#fde68a;background:#271f08;border-color:#806419}.compact-timeline-item.response.done span,.compact-timeline-item.response.active span{color:#1d1301;background:#fde047;border-color:#fde047}.compact-timeline-item.active{color:#eef3ff;background:linear-gradient(135deg,#4b2d87,#123b2c);border-color:#22c55e;box-shadow:0 0 24px #22c55e29}.models-lab{margin-top:16px}.models-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr) minmax(220px,.8fr);gap:16px;align-items:stretch}.model-stack,.model-center{min-width:0;padding:16px;background:#070c1d;border:1px solid #26385f;border-radius:8px}.model-stack h2,.model-center h2{margin:0 0 14px;font-size:24px}.model-stack>div{display:grid;gap:8px}.model-layer{min-height:54px;display:grid;align-items:center;padding:12px;color:#aeb9dc;background:#0b142b;border:1px solid #314572;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.model-layer.active{color:#eef3ff;border-color:#22c55e;background:linear-gradient(135deg,#123b2c,#4b2d87);box-shadow:0 0 24px #22c55e29;transform:translate(4px)}.model-center{display:grid;align-content:center;text-align:center}.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;width:min(100%,340px);margin:0 auto 14px;padding:6px;background:#0b142b;border:1px solid #314572;border-radius:8px}.mode-switch button{min-height:38px;color:#aeb9dc;font-weight:900;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:7px}.mode-switch button.active{color:#052e16;background:#22c55e;border-color:#22c55e}.model-center p:not(.eyebrow){margin:0 auto 18px;max-width:560px;color:#dbe5ff;line-height:1.55}.encapsulation-packet{display:flex;flex-direction:column-reverse;align-items:stretch;gap:8px;width:min(100%,430px);margin:18px auto}.encapsulation-packet.decapsulate{flex-direction:column}.packet-piece{min-width:0;padding:16px 12px;color:#fff;font-weight:1000;text-align:center;border-radius:8px;border:1px solid rgba(255,255,255,.24);box-shadow:0 18px 40px #0000003d}.piece-dados{background:#1f8b4b}.piece-tcp{background:#2877a8}.piece-ip{background:#ad267f}.piece-ethernet{background:#6d28d9}.piece-bits{background:#4a5480}.model-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.model-examples span{padding:9px 11px;color:#d8ffe8;font-size:12px;font-weight:900;background:#063522;border:1px solid #22c55e;border-radius:999px}.model-controls{margin-bottom:0}.model-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.model-timeline{grid-column:auto;grid-template-columns:repeat(5,minmax(86px,1fr))}.bgp-lab{margin-top:16px}.bgp-map{position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr) minmax(220px,.8fr);gap:18px;min-height:440px;align-items:center;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 18% 44%,rgba(34,197,94,.16),transparent 28%),radial-gradient(circle at 82% 44%,rgba(139,92,246,.18),transparent 28%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.as-card{position:relative;z-index:2;min-height:190px;display:grid;align-content:center;justify-items:center;padding:18px;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px}.as-alt{position:absolute;left:50%;bottom:22px;width:min(220px,28%);min-height:140px;transform:translate(-50%);pointer-events:none}.as-alt h2{font-size:30px}.as-alt.visible{border-color:#fde047;box-shadow:0 0 24px #fde0472e}.as-card span{color:#8ee7be;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.router-badge{position:relative;display:grid;width:66px;height:54px;margin-top:14px;place-items:center;color:#dcd7ff;background:linear-gradient(135deg,#1b2a4a,#312063);border:1px solid #7c5cf3;border-radius:8px;box-shadow:0 0 24px #7c5cf338}.router-badge:before,.router-badge:after{position:absolute;bottom:7px;width:6px;height:6px;content:"";background:#22c55e;border-radius:999px;box-shadow:13px 0 #38bdf8,26px 0 #8b5cf6}.router-badge:before{left:13px}.router-badge:after{display:none}.as-card h2{margin:10px 0 8px;font-size:42px}.as-card p{margin:0;color:#aeb9dc}.as-card b{margin-top:12px;padding:9px 11px;color:#d8ffe8;background:#063522;border:1px solid #22c55e;border-radius:999px}.bgp-session-line{position:relative;height:8px;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8,#8b5cf6);box-shadow:0 0 24px #8b5cf65c}.bgp-alt-line{position:absolute;left:50%;right:19%;bottom:144px;height:4px;border-radius:999px;background:linear-gradient(90deg,#fde047,#8b5cf6);opacity:0;transform:rotate(-18deg);transform-origin:left center;transition:opacity .2s ease}.bgp-alt-line.visible{opacity:.9}.bgp-alt-line span{position:absolute;left:18%;top:-28px;color:#fde68a;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap}.bgp-message{position:absolute;top:50%;min-width:120px;padding:12px 14px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 34px #22c55e94;transform:translate(-50%,-50%)}.bgp-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.bgp-table-panel h2{margin-bottom:14px}.best-reason{margin:-4px 0 14px;padding:12px;color:#d8ffe8;font-weight:850;line-height:1.4;background:#063522;border:1px solid #22c55e;border-radius:8px}.bgp-table{display:grid;gap:8px}.bgp-table-head,.bgp-table-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:8px;align-items:center;padding:12px;border-radius:8px}.bgp-table-head{color:#9ee7ff;font-size:12px;font-weight:900;text-transform:uppercase;background:#0b142b;border:1px solid #314572}.bgp-table-row{color:#eef3ff;background:#070c1d;border:1px solid #26385f}.bgp-table-row.best{border-color:#22c55e;background:linear-gradient(135deg,#063522,#0b142b);box-shadow:0 0 22px #22c55e29}.bgp-timeline{grid-column:1 / -1;grid-template-columns:repeat(7,minmax(88px,1fr))}.ospf-lab{margin-top:16px}.ospf-map{position:relative;min-height:460px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 50% 34%,rgba(56,189,248,.13),transparent 25%),radial-gradient(circle at 18% 64%,rgba(34,197,94,.14),transparent 27%),radial-gradient(circle at 82% 64%,rgba(139,92,246,.16),transparent 27%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.ospf-area-badge{position:absolute;top:18px;right:18px;z-index:4;padding:10px 14px;color:#d8ffe8;font-weight:900;background:#063522;border:1px solid #22c55e;border-radius:8px}.ospf-router{position:absolute;z-index:3;display:grid;width:210px;min-height:178px;padding:16px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.ospf-router.active{border-color:#22c55e;box-shadow:0 0 32px #22c55e42;transform:translate(-50%,-50%) scale(1.03)}.ospf-router h2{margin:10px 0 6px;font-size:34px}.ospf-router p{margin:0;color:#aeb9dc}.ospf-router b{margin-top:10px;padding:8px 10px;color:#d8ffe8;background:#063522;border:1px solid #22c55e;border-radius:999px}.ospf-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.ospf-link-line{fill:none;stroke-linecap:round;stroke-width:1.2;vector-effect:non-scaling-stroke}.ospf-link-line.primary{stroke:url(#ospf-primary-link);filter:drop-shadow(0 0 7px rgba(56,189,248,.35))}.ospf-link-line.backup{opacity:.82;stroke:url(#ospf-backup-link);stroke-dasharray:6 5;stroke-width:1.4}.ospf-cost-label{position:absolute;z-index:2;padding:5px 8px;color:#c8d4f7;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap;background:#0b142b;border:1px solid #314572;border-radius:999px}.label-r1-r2{left:34%;top:47%}.label-r2-r3{right:34%;top:47%}.label-r1-r3{left:50%;top:75%;opacity:.9;transform:translate(-50%)}.ospf-message{position:absolute;z-index:5;min-width:116px;padding:11px 13px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 34px #22c55e94;transform:translate(-50%,-150%)}.ospf-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.ospf-timeline{grid-column:auto;grid-template-columns:repeat(7,minmax(80px,1fr))}.ospf-data-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.vrrp-lab{margin-top:16px}.vrrp-map{position:relative;min-height:500px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 34% 58%,rgba(34,197,94,.15),transparent 24%),radial-gradient(circle at 58% 36%,rgba(56,189,248,.13),transparent 23%),radial-gradient(circle at 58% 74%,rgba(139,92,246,.16),transparent 24%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.vrrp-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.vrrp-link-line{fill:none;stroke-linecap:round;stroke-width:1.2;vector-effect:non-scaling-stroke;transition:opacity .2s ease,stroke-width .2s ease}.vrrp-link-line.active{stroke:url(#vrrp-primary-link);filter:drop-shadow(0 0 7px rgba(56,189,248,.34))}.vrrp-link-line.standby{opacity:.42;stroke:url(#vrrp-backup-link);stroke-dasharray:6 5}.vrrp-link-line.failed{opacity:.24;stroke:#ef4444;stroke-dasharray:5 6}.vrrp-link-label{position:absolute;z-index:2;padding:5px 8px;color:#c8d4f7;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap;background:#0b142b;border:1px solid #314572;border-radius:999px}.label-r1-wan{right:26%;top:36%}.label-r2-wan{right:26%;top:75%}.vrrp-node,.vrrp-virtual,.vrrp-router{position:absolute;z-index:3;display:grid;width:205px;min-height:146px;padding:14px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%)}.vrrp-node h2,.vrrp-virtual h2,.vrrp-router h2{margin:8px 0 5px;font-size:25px}.vrrp-node p,.vrrp-virtual p,.vrrp-router p{margin:0;color:#aeb9dc}.vrrp-virtual{border-color:#22c55e;box-shadow:0 0 30px #22c55e33}.vrrp-virtual svg{color:#8ee7be}.vrrp-virtual b,.vrrp-router b,.vrrp-node b{margin-top:8px;padding:7px 10px;color:#d8ffe8;background:#063522;border:1px solid #22c55e;border-radius:999px}.vrrp-node b{color:#c8d4f7;background:#0b142bb8;border-color:#314572;font-size:12px}.vrrp-router{transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}.vrrp-router.active{border-color:#22c55e;box-shadow:0 0 32px #22c55e3d;transform:translate(-50%,-50%) scale(1.03)}.vrrp-router.failed{opacity:.42;border-color:#ef4444;filter:grayscale(.5)}.vrrp-router.failed b{color:#fecaca;background:#7f1d1d80;border-color:#ef4444}.vrrp-packet{position:absolute;z-index:5;min-width:126px;padding:11px 13px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 34px #22c55e94;transform:translate(-50%,-150%)}.vrrp-packet.backup-path{border-color:#8b5cf6;box-shadow:0 0 34px #8b5cf680}.vrrp-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.vrrp-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.vrrp-facts{display:grid;gap:10px}.vrrp-facts div{padding:13px;background:#070c1d;border:1px solid #26385f;border-radius:8px}.vrrp-facts span,.vrrp-facts b{display:block}.vrrp-facts span{color:#8ee7be;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vrrp-facts b{margin-top:6px;color:#eef3ff}.firewall-lab{margin-top:16px}.firewall-map{position:relative;min-height:500px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 30% 58%,rgba(34,197,94,.14),transparent 23%),radial-gradient(circle at 53% 32%,rgba(56,189,248,.13),transparent 22%),radial-gradient(circle at 53% 76%,rgba(139,92,246,.16),transparent 23%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.firewall-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.firewall-link-line{fill:none;stroke-linecap:round;stroke-width:1.05;vector-effect:non-scaling-stroke;transition:opacity .2s ease,stroke-width .2s ease}.firewall-link-line.active{stroke:url(#firewall-primary-link);stroke-width:1.7;filter:drop-shadow(0 0 7px rgba(56,189,248,.34))}.firewall-link-line.standby{opacity:.22;stroke:url(#firewall-standby-link);stroke-dasharray:6 5}.firewall-link-line.failed{opacity:.24;stroke:#ef4444;stroke-dasharray:5 6}.firewall-link-line.sync{opacity:.72;stroke:#facc15;stroke-dasharray:4 5}.firewall-link-label{position:absolute;z-index:2;padding:5px 8px;color:#c8d4f7;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap;background:#0b142b;border:1px solid #314572;border-radius:999px}.label-ha-sync{left:52%;top:54%;color:#fde68a;border-color:#a16207;transform:translate(-50%,-50%)}.label-fw1-wan{right:26%;top:36%}.label-fw2-wan{right:26%;top:75%}.firewall-node,.firewall-virtual,.firewall-box{position:absolute;z-index:3;display:grid;width:205px;min-height:146px;padding:14px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%)}.firewall-node h2,.firewall-virtual h2,.firewall-box h2{margin:8px 0 5px;font-size:25px}.firewall-node p,.firewall-virtual p,.firewall-box p{margin:0;color:#aeb9dc}.firewall-virtual{border-color:#22c55e;box-shadow:0 0 30px #22c55e33}.firewall-virtual svg,.firewall-box svg{color:#dcd7ff}.firewall-virtual b,.firewall-box b,.firewall-node b{margin-top:8px;padding:7px 10px;color:#d8ffe8;background:#063522;border:1px solid #22c55e;border-radius:999px}.firewall-node b{color:#c8d4f7;background:#0b142bb8;border-color:#314572;font-size:12px}.firewall-box{transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}.firewall-box.active{border-color:#22c55e;box-shadow:0 0 32px #22c55e3d;transform:translate(-50%,-50%) scale(1.03)}.firewall-box.failed{opacity:.42;border-color:#ef4444;filter:grayscale(.5)}.firewall-box.failed b{color:#fecaca;background:#7f1d1d80;border-color:#ef4444}.firewall-packet{position:absolute;z-index:5;min-width:126px;padding:11px 13px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 34px #22c55e94;transform:translate(-50%,-150%)}.firewall-packet.backup-path{border-color:#8b5cf6;box-shadow:0 0 34px #8b5cf680}.firewall-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.firewall-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.lacp-lab{margin-top:16px}.lacp-map{position:relative;min-height:360px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 22% 52%,rgba(34,197,94,.15),transparent 23%),radial-gradient(circle at 78% 52%,rgba(139,92,246,.16),transparent 23%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.lacp-switch{position:absolute;z-index:3;display:grid;width:210px;min-height:158px;padding:16px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;box-shadow:0 0 24px #22c55e14;transform:translate(-50%,-50%)}.lacp-switch svg{color:#dcd7ff}.lacp-switch h2{margin:9px 0 5px;font-size:28px}.lacp-switch p{margin:0;color:#aeb9dc}.lacp-switch b{margin-top:9px;padding:7px 10px;color:#d8ffe8;background:#063522;border:1px solid #22c55e;border-radius:999px}.lacp-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.lacp-link-line{opacity:.82;fill:none;stroke:#2f9fe8;stroke-linecap:round;stroke-width:2.35;vector-effect:non-scaling-stroke;transition:opacity .2s ease,stroke-width .2s ease}.lacp-link-line.active{opacity:1;stroke:url(#lacp-active-link);stroke-width:3.25;filter:drop-shadow(0 0 7px rgba(56,189,248,.34))}.lacp-link-line.failed{opacity:.72;stroke:#ef4444;stroke-dasharray:5 6}.lacp-link-label{position:absolute;left:50%;z-index:2;padding:5px 9px;color:#c8d4f7;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap;background:#0b142b;border:1px solid #314572;border-radius:999px;transform:translate(-50%,-50%)}.lacp-link-label.failed{color:#fecaca;border-color:#ef4444}.lacp-bundle-frame{position:absolute;left:30%;top:31%;z-index:0;width:40%;height:44%;border:1px solid rgba(34,197,94,.52);border-left:0;border-right:0;border-radius:8px;box-shadow:inset 0 0 28px #22c55e0f;pointer-events:none}.lacp-bundle-frame:before,.lacp-bundle-frame:after{position:absolute;top:0;width:12px;height:100%;content:"";border-color:#22c55eb8}.lacp-bundle-frame:before{left:0;border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:8px 0 0 8px}.lacp-bundle-frame:after{right:0;border-top:1px solid;border-right:1px solid;border-bottom:1px solid;border-radius:0 8px 8px 0}.lacp-bundle-frame span{position:absolute;left:50%;top:-54px;padding:6px 10px;color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#0b142b;border:1px solid #22c55e;border-radius:999px;transform:translate(-50%)}.lacp-flow-pulse{position:absolute;z-index:5;width:14px;height:14px;background:#f8fafc;border:3px solid #22c55e;border-radius:999px;box-shadow:0 0 24px #22c55eb8;transform:translate(-50%,-50%)}.lacp-flow-label{position:absolute;left:57%;z-index:4;min-width:82px;padding:6px 9px;color:#06101d;font-size:11px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:1px solid #22c55e;border-radius:999px;box-shadow:0 0 20px #22c55e57;transform:translateY(-50%)}.lacp-flow-label.failed{color:#fecaca;background:#7f1d1dd1;border-color:#ef4444;box-shadow:0 0 22px #ef44445c}.lacp-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.lacp-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.stp-lab{margin-top:16px}.stp-map{position:relative;min-height:460px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 50% 26%,rgba(34,197,94,.15),transparent 22%),radial-gradient(circle at 24% 70%,rgba(56,189,248,.13),transparent 22%),radial-gradient(circle at 76% 70%,rgba(139,92,246,.16),transparent 22%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.stp-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.stp-link-line{opacity:.22;fill:none;stroke:#64748b;stroke-linecap:round;stroke-width:1.1;vector-effect:non-scaling-stroke;transition:opacity .2s ease,stroke-width .2s ease}.stp-link-line.active{opacity:1;stroke:url(#stp-active-link);stroke-width:1.7;filter:drop-shadow(0 0 7px rgba(56,189,248,.34))}.stp-link-line.blocked{opacity:.78;stroke:#facc15;stroke-dasharray:6 5}.stp-link-line.failed{opacity:.5;stroke:#ef4444;stroke-dasharray:5 6}.stp-switch{position:absolute;z-index:3;display:grid;width:205px;min-height:150px;padding:15px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%)}.stp-switch.root{border-color:#22c55e;box-shadow:0 0 32px #22c55e38}.stp-switch svg{color:#dcd7ff}.stp-switch h2{margin:9px 0 5px;font-size:28px}.stp-switch p{margin:0;color:#aeb9dc}.stp-switch b{margin-top:9px;padding:7px 10px;color:#d8ffe8;background:#063522;border:1px solid #22c55e;border-radius:999px}.stp-link-label{position:absolute;z-index:2;padding:5px 9px;color:#c8d4f7;font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap;background:#0b142b;border:1px solid #314572;border-radius:999px;transform:translate(-50%,-50%)}.stp-link-label.blocked{color:#fde68a;border-color:#a16207}.stp-link-label.failed{color:#fecaca;border-color:#ef4444}.stp-frame-pulse{position:absolute;z-index:5;width:14px;height:14px;background:#f8fafc;border:3px solid #22c55e;border-radius:999px;box-shadow:0 0 24px #22c55eb8;transform:translate(-50%,-50%)}.stp-bpdu-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.stp-bpdu-chip{position:absolute;padding:6px 9px;color:#06101d;font-size:11px;font-weight:1000;text-transform:uppercase;background:#f8fafc;border:2px solid #38bdf8;border-radius:999px;box-shadow:0 0 24px #38bdf86b}.bpdu-left{left:33%;top:48%}.bpdu-right{right:33%;top:48%}.bpdu-bottom{left:50%;top:74%;transform:translate(-50%)}.stp-event-pill{position:absolute;left:50%;top:50%;z-index:4;min-width:108px;padding:9px 12px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 34px #22c55e6b;transform:translate(-50%,-50%)}.stp-legend{position:absolute;right:18px;top:18px;bottom:auto;z-index:4;display:flex;flex-wrap:wrap;gap:8px;padding:9px;background:#070c1dd1;border:1px solid #26385f;border-radius:8px}.stp-legend span{display:inline-flex;align-items:center;gap:6px;color:#c8d4f7;font-size:11px;font-weight:900;text-transform:uppercase}.stp-legend i{display:inline-block;width:18px;height:4px;border-radius:999px}.stp-legend .forwarding{background:linear-gradient(90deg,#22c55e,#38bdf8,#8b5cf6)}.stp-legend .blocking{background:repeating-linear-gradient(90deg,#facc15 0 6px,transparent 6px 10px)}.stp-legend .down{background:repeating-linear-gradient(90deg,#ef4444 0 6px,transparent 6px 10px)}.stp-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.stp-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.bfd-lab{margin-top:16px}.bfd-map{position:relative;min-height:440px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 14% 54%,rgba(34,197,94,.14),transparent 21%),radial-gradient(circle at 84% 54%,rgba(139,92,246,.16),transparent 22%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.bfd-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.bfd-link-line{opacity:.22;fill:none;stroke:#64748b;stroke-linecap:round;stroke-width:1.1;vector-effect:non-scaling-stroke}.bfd-link-line.active{opacity:1;stroke:url(#bfd-active-link);stroke-width:1.7;filter:drop-shadow(0 0 7px rgba(56,189,248,.34))}.bfd-link-line.backup{stroke-dasharray:6 5}.bfd-link-line.failed{opacity:.55;stroke:#ef4444;stroke-dasharray:5 6}.bfd-router{position:absolute;z-index:3;display:grid;width:190px;min-height:142px;padding:14px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%)}.bfd-router h2{margin:8px 0 5px;font-size:26px}.bfd-router p{margin:0;color:#aeb9dc}.bfd-session{position:absolute;left:20%;top:10%;z-index:4;padding:10px 13px;text-align:center;background:linear-gradient(135deg,#063522f0,#0b142bf0);border:1px solid #22c55e;border-radius:8px;box-shadow:0 0 24px #22c55e2e}.bfd-session.down{background:linear-gradient(135deg,#7f1d1dc7,#0b142bf0);border-color:#ef4444}.bfd-session span,.bfd-session b{display:block}.bfd-session span{color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bfd-session.down span{color:#fecaca}.bfd-session b{margin-top:5px;color:#eef3ff}.bfd-role-note{position:absolute;right:8%;top:9%;z-index:4;max-width:230px;padding:10px 13px;background:linear-gradient(135deg,#0b142bf0,#1e294df0);border:1px solid #314572;border-radius:8px}.bfd-role-note span,.bfd-role-note b{display:block}.bfd-role-note span{color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bfd-role-note b{margin-top:5px;color:#eef3ff}.bfd-control-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.bfd-control-packet,.bfd-event-pill{position:absolute;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #38bdf8;border-radius:999px;box-shadow:0 0 24px #38bdf86b}.bfd-control-packet{top:38%;padding:7px 10px}.bfd-event-pill{left:60%;top:48%;z-index:5;min-width:112px;padding:9px 12px;border-color:#22c55e;box-shadow:0 0 34px #22c55e6b;transform:translate(-50%,-50%)}.bfd-event-pill.down{border-color:#ef4444;box-shadow:0 0 34px #ef44445c}.bfd-flow-pulse{position:absolute;z-index:5;width:14px;height:14px;background:#f8fafc;border:3px solid #22c55e;border-radius:999px;box-shadow:0 0 24px #22c55eb8;transform:translate(-50%,-50%)}.bfd-flow-pulse.backup{border-color:#8b5cf6;box-shadow:0 0 24px #8b5cf69e}.bfd-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.bfd-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.ecmp-lab{margin-top:16px}.ecmp-map{position:relative;min-height:440px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 18% 50%,rgba(34,197,94,.14),transparent 20%),radial-gradient(circle at 72% 50%,rgba(139,92,246,.16),transparent 22%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.ecmp-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.ecmp-link-line{opacity:.24;fill:none;stroke:#64748b;stroke-linecap:round;stroke-width:1.1;vector-effect:non-scaling-stroke}.ecmp-link-line.upper.active{opacity:1;stroke:url(#ecmp-upper-link);stroke-width:1.8;filter:drop-shadow(0 0 8px rgba(56,189,248,.36))}.ecmp-link-line.lower.active{opacity:1;stroke:url(#ecmp-lower-link);stroke-width:1.8;filter:drop-shadow(0 0 8px rgba(139,92,246,.36))}.ecmp-link-line.failed{opacity:.62;stroke:#ef4444;stroke-dasharray:5 6;filter:none}.ecmp-cost-badge{position:absolute;z-index:2;padding:4px 7px;color:#cfe8ff;font-size:9px;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase;white-space:nowrap;background:#0b142beb;border:1px solid #314572;border-radius:999px;box-shadow:0 0 16px #38bdf81f;transform:translate(-50%,-50%)}.ecmp-cost-badge.failed{color:#fecaca;border-color:#7f1d1d;box-shadow:0 0 16px #ef444429}.ecmp-router{position:absolute;z-index:3;display:grid;width:178px;min-height:138px;padding:14px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%)}.ecmp-router h2{margin:8px 0 4px;font-size:26px}.ecmp-router p{margin:0;color:#aeb9dc}.ecmp-router span{margin-top:9px;padding:6px 12px;color:#dcfce7;font-size:12px;font-weight:900;background:#166534b8;border:1px solid #22c55e;border-radius:999px}.ecmp-core-note{position:absolute;left:50%;top:2%;z-index:4;min-width:136px;padding:7px 12px;text-align:center;background:linear-gradient(135deg,#0b142bf0,#1e294df0);border:1px solid #314572;border-radius:999px;transform:translate(-50%,-50%)}.ecmp-hash-note,.ecmp-failure-note{position:absolute;z-index:4;padding:8px 12px;background:linear-gradient(135deg,#0b142bf0,#1e294df0);border:1px solid #314572;border-radius:999px}.ecmp-hash-note{left:6%;top:2%;max-width:260px}.ecmp-failure-note{left:44%;top:15%;border-color:#7f1d1d;box-shadow:0 0 22px #ef444429;transform:translate(-50%)}.ecmp-core-note span,.ecmp-core-note b,.ecmp-hash-note span,.ecmp-hash-note b,.ecmp-failure-note span,.ecmp-failure-note b{display:block}.ecmp-core-note span,.ecmp-hash-note span,.ecmp-failure-note span{color:#8ee7be;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ecmp-failure-note span{color:#fecaca}.ecmp-core-note b,.ecmp-hash-note b,.ecmp-failure-note b{margin-top:4px;color:#eef3ff;font-size:13px;line-height:1.2}.ecmp-flow-packet{position:absolute;z-index:5;min-width:76px;padding:8px 10px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border-radius:999px;transform:translate(-50%,-50%)}.ecmp-flow-packet.upper{border:2px solid #38bdf8;box-shadow:0 0 24px #38bdf86b}.ecmp-flow-packet.lower{border:2px solid #8b5cf6;box-shadow:0 0 24px #8b5cf66b}.ecmp-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.ecmp-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.anycast-lab{margin-top:16px}.anycast-map{position:relative;min-height:440px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 14% 50%,rgba(34,197,94,.14),transparent 20%),radial-gradient(circle at 64% 28%,rgba(56,189,248,.14),transparent 18%),radial-gradient(circle at 64% 72%,rgba(139,92,246,.16),transparent 20%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.anycast-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.anycast-link-line{opacity:.24;fill:none;stroke:#64748b;stroke-linecap:round;stroke-width:1.1;vector-effect:non-scaling-stroke}.anycast-link-line.active{opacity:1;stroke:url(#anycast-active-link);stroke-width:1.8;filter:drop-shadow(0 0 8px rgba(56,189,248,.36))}.anycast-link-line.failed{opacity:.62;stroke:#ef4444;stroke-dasharray:5 6;filter:none}.anycast-node{position:absolute;z-index:3;display:grid;width:164px;min-height:124px;padding:12px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%)}.anycast-node.active{border-color:#22c55e;box-shadow:0 0 34px #22c55e2e}.anycast-node.failed{opacity:.56;border-color:#7f1d1d;box-shadow:0 0 24px #ef444424}.anycast-node h2{margin:6px 0 3px;font-size:23px}.anycast-node p{margin:0;color:#aeb9dc}.anycast-node span{margin-top:8px;padding:5px 11px;color:#dcfce7;font-size:12px;font-weight:900;background:#166534b8;border:1px solid #22c55e;border-radius:999px}.anycast-node.failed span{color:#fecaca;background:#7f1d1db8;border-color:#ef4444}.anycast-service-note{position:absolute;left:50%;top:10%;z-index:4;min-width:160px;padding:8px 12px;text-align:center;background:linear-gradient(135deg,#0b142bf0,#1e294df0);border:1px solid #314572;border-radius:999px;transform:translate(-50%,-50%)}.anycast-fixed-ip-note,.anycast-route-note{position:absolute;top:10%;z-index:4;padding:8px 12px;text-align:center;background:linear-gradient(135deg,#0b142bf0,#1e294df0);border:1px solid #314572;border-radius:999px;transform:translate(-50%,-50%)}.anycast-fixed-ip-note{left:25%}.anycast-route-note{left:75%}.anycast-service-note span,.anycast-service-note b,.anycast-fixed-ip-note span,.anycast-fixed-ip-note b,.anycast-route-note span,.anycast-route-note b{display:block}.anycast-service-note span,.anycast-fixed-ip-note span,.anycast-route-note span{color:#8ee7be;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.anycast-service-note b,.anycast-fixed-ip-note b,.anycast-route-note b{margin-top:4px;color:#eef3ff;font-size:13px;line-height:1.2}.anycast-announcement-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.anycast-announcement{position:absolute;padding:7px 11px;color:#06101d;font-size:11px;font-weight:1000;text-transform:uppercase;background:#f8fafc;border:2px solid #38bdf8;border-radius:999px;box-shadow:0 0 24px #38bdf857;transform:translate(-50%,-105%)}.anycast-packet{position:absolute;z-index:5;min-width:60px;padding:8px 10px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 24px #22c55e7a;transform:translate(-50%,-50%)}.anycast-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.anycast-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.ha-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.ha-overview-card{min-height:160px}.ha-overview-card h2{margin:8px 0 12px;font-size:26px}.ha-overview-card p:last-child{max-width:760px;margin:0;color:#c8d2f0}.ha-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.ha-summary-card{display:flex;min-height:340px;flex-direction:column}.ha-summary-card h2{font-size:25px}.ha-summary-facts{display:grid;gap:10px;margin-top:16px}.ha-summary-facts div{padding:12px;background:#fff;border:1px solid #d7e6f0;box-shadow:0 12px 26px #0f172a0d;border-radius:8px}.ha-summary-facts span{display:block;color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ha-summary-facts b{display:block;margin-top:6px;color:#eef3ff;line-height:1.35}.ha-summary-open{align-self:flex-start;margin-top:auto}.voip-flow-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px;padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 12px 26px #0f172a0d}.voip-flow-step{display:grid;min-height:86px;place-items:center;gap:8px;color:#101828;text-align:center;background:#f7fbfe;border:1px solid #b9def2;border-radius:8px}.voip-flow-step span{display:grid;width:28px;height:28px;place-items:center;color:#0f4f7d;font-weight:1000;background:#eaf7fb;border:1px solid #a7dff0;border-radius:999px}.voip-flow-step b{font-size:16px}.dc-flow-strip .voip-flow-step b{font-size:14px;line-height:1.25}.mpls-lab{margin-top:16px}.mpls-map{position:relative;min-height:440px;overflow:hidden;padding:24px;background:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px),radial-gradient(circle at 28% 58%,rgba(34,197,94,.14),transparent 20%),radial-gradient(circle at 64% 58%,rgba(139,92,246,.16),transparent 22%),#070c1d;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #26385f;border-radius:8px}.mpls-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.mpls-link-line{opacity:.24;fill:none;stroke:#64748b;stroke-linecap:round;stroke-width:1.1;vector-effect:non-scaling-stroke}.mpls-link-line.active{opacity:1;stroke:url(#mpls-active-link);stroke-width:1.8;filter:drop-shadow(0 0 8px rgba(56,189,248,.36))}.mpls-node{position:absolute;z-index:3;display:grid;width:150px;min-height:124px;padding:12px;place-items:center;text-align:center;background:#0b142b;border:1px solid #314572;border-radius:8px;transform:translate(-50%,-50%)}.mpls-node.active{border-color:#22c55e;box-shadow:0 0 34px #22c55e2e}.mpls-node h2{margin:6px 0 3px;font-size:23px}.mpls-node p{margin:0;color:#aeb9dc}.mpls-packet-stack{position:absolute;left:50%;top:16%;z-index:4;display:flex;min-width:220px;flex-direction:column;gap:6px;padding:12px;text-align:center;background:linear-gradient(135deg,#0b142bf0,#1e294df0);border:1px solid #314572;border-radius:8px;transform:translate(-50%)}.mpls-packet-stack span{color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mpls-packet-stack b{padding:7px 10px;color:#eef3ff;background:#070c1dc7;border:1px solid #314572;border-radius:7px}.l3vpn-map .mpls-packet-stack{top:auto;bottom:3%;left:50%;flex-flow:row wrap;width:min(540px,calc(100% - 72px));min-width:0;justify-content:center}.l3vpn-map .mpls-packet-stack span{flex:0 0 100%}.l3vpn-map .mpls-packet-stack b{min-width:116px}.l3vpn-map{min-height:520px}.mpls-flow-packet{position:absolute;z-index:5;min-width:68px;padding:8px 10px;color:#06101d;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#f8fafc;border:2px solid #22c55e;border-radius:999px;box-shadow:0 0 24px #22c55e7a;transform:translate(-50%,-50%)}.mpls-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.mpls-timeline{grid-column:1 / -1;grid-template-columns:repeat(5,minmax(88px,1fr))}.ethernet-lab{margin-top:16px}.ethernet-map{position:relative;min-height:620px;overflow:hidden;padding:24px;background:linear-gradient(rgba(61,143,208,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(61,143,208,.08) 1px,transparent 1px),radial-gradient(circle at 18% 58%,rgba(143,216,228,.22),transparent 23%),radial-gradient(circle at 82% 58%,rgba(101,182,223,.18),transparent 24%),#fbfdff;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #d7e6f0;border-radius:8px}.ethernet-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.ethernet-link-line{opacity:.24;fill:none;stroke:#98a2b3;stroke-linecap:round;stroke-width:1.1;vector-effect:non-scaling-stroke}.ethernet-link-line.active{opacity:1;stroke:url(#ethernet-active-link);stroke-width:1.9;filter:drop-shadow(0 0 6px rgba(61,143,208,.2))}.ethernet-link-line.flood{opacity:1;stroke:#f2c94c;stroke-dasharray:5 5;stroke-width:1.7}.ethernet-node{position:absolute;z-index:3;display:grid;width:160px;min-height:120px;padding:12px;place-items:center;text-align:center;color:#161b26;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 12px 26px #0f172a0f;transform:translate(-50%,-50%)}.ethernet-node.active{border-color:#74c7db;box-shadow:0 12px 28px #2196c729}.ethernet-node h2{margin:7px 0 4px;font-size:24px}.ethernet-node p{margin:0;color:#667085;font-size:13px}.ethernet-frame-stack,.ethernet-mac-table{position:absolute;z-index:4;display:flex;flex-direction:column;gap:6px;min-width:232px;padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f}.ethernet-frame-stack{left:50%;top:6%;flex-direction:row;flex-wrap:wrap;align-items:stretch;width:min(860px,calc(100% - 72px));min-width:0;transform:translate(-50%)}.ethernet-mac-table{left:38%;top:auto;bottom:4%;width:min(650px,calc(100% - 72px));min-width:0;transform:translate(-50%)}.ethernet-frame-stack span,.ethernet-mac-table span{color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ethernet-frame-stack span{flex:0 0 100%}.ethernet-frame-stack b,.ethernet-mac-table b{color:#344054}.ethernet-frame-stack b{flex:1 1 130px;padding:7px 10px;color:#344054;text-align:center;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.ethernet-mac-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,.45fr) minmax(86px,.55fr);gap:6px;align-items:center;padding:7px;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.ethernet-mac-row b{min-width:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;background:transparent;border:0}.ethernet-mac-row.head{background:#eef6fb}.ethernet-mac-row.head b,.ethernet-mac-row.learned b{color:#0f4f7d}.ethernet-mac-row.unknown b:last-child{color:#7a5b00}.ethernet-mac-row.learned{color:#0f4f7d;background:#eaf8fb;border-color:#8fd8e4}.ethernet-flood-note{position:absolute;right:22%;top:66%;z-index:5;padding:8px 12px;color:#7a5b00;font-size:12px;font-weight:900;text-transform:uppercase;background:#fff4bf;border:1px solid #efd36b;border-radius:999px;box-shadow:0 10px 20px #7a5b001a}.ethernet-frame-packet{position:absolute;z-index:5;min-width:70px;padding:8px 10px;color:#0f172a;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;background:#fff;border:2px solid #74c7db;border-radius:999px;box-shadow:0 10px 22px #3d8fd038;transform:translate(-50%,-50%)}.ethernet-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.ethernet-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.fundamentals-lab{margin-top:16px}.fundamentals-map{position:relative;min-height:540px;overflow:hidden;padding:24px;background:linear-gradient(rgba(61,143,208,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(61,143,208,.08) 1px,transparent 1px),radial-gradient(circle at 16% 58%,rgba(143,216,228,.2),transparent 24%),radial-gradient(circle at 82% 58%,rgba(101,182,223,.18),transparent 25%),#fbfdff;background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #d7e6f0;border-radius:8px}.fundamentals-links{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.fundamentals-link-line{opacity:.34;stroke:#98a2b3;stroke-linecap:round;stroke-width:1.15;vector-effect:non-scaling-stroke}.fundamentals-link-line.active{opacity:1;stroke:#3d8fd0;stroke-width:1.9;filter:drop-shadow(0 0 6px rgba(61,143,208,.2))}.fundamentals-link-line.muted{opacity:.34;stroke:#c9a227;stroke-dasharray:5 5}.fundamentals-link-label{fill:#0f4f7d;paint-order:stroke;stroke:#fbfdff;stroke-linejoin:round;stroke-width:3px;font-size:1.85px;font-weight:900;letter-spacing:.03em;text-anchor:middle;text-transform:uppercase}.vlan-map .fundamentals-link-label{font-size:1.75px}.fundamentals-node{position:absolute;z-index:3;display:grid;width:160px;min-height:120px;padding:12px;place-items:center;text-align:center;color:#161b26;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 12px 26px #0f172a0f;transform:translate(-50%,-50%)}.multicast-map .fundamentals-node{width:142px;min-height:96px;padding:10px}.multicast-map .fundamentals-node h2{font-size:19px}.multicast-map .fundamentals-node p{font-size:12px}.multicast-map .fundamentals-node-client-c{color:#667085;background:#ffffffd1;border-style:dashed;opacity:.82}.multicast-map .fundamentals-node-client-c .router-badge{opacity:.7}.multicast-map .fundamentals-node-client-c.active{border-color:#c9a227;box-shadow:0 12px 28px #c9a22724}.multicast-map .fundamentals-packet-stack{left:4%;top:5%;width:min(460px,calc(100% - 72px));transform:none}.fundamentals-node.compact{width:112px;min-height:88px}.fundamentals-node.active{border-color:#74c7db;box-shadow:0 12px 30px #2196c72e}.fundamentals-node h2{margin:7px 0 4px;font-size:23px}.fundamentals-node.compact h2{font-size:17px}.fundamentals-node p{margin:0;color:#667085;font-size:13px}.fundamentals-badge,.fundamentals-moving-packet{position:absolute;z-index:5;padding:8px 12px;font-size:12px;font-weight:1000;text-align:center;text-transform:uppercase;border-radius:999px;transform:translate(-50%,-50%)}.fundamentals-badge{color:#0f4f7d;background:#eaf8fb;border:1px solid #8fd8e4}.fundamentals-moving-packet{min-width:78px;color:#0f172a;background:#fff;border:2px solid #74c7db;box-shadow:0 10px 22px #3d8fd038}.fundamentals-packet-stack{position:absolute;left:50%;top:5%;z-index:4;display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;width:min(760px,calc(100% - 72px));min-width:0;padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.vxlan-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.vxlan-map .fundamentals-node{width:142px;min-height:104px}.vxlan-map .fundamentals-node h2{font-size:20px}.vxlan-map .fundamentals-badge{max-width:280px;white-space:normal}.arp-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.arp-map .fundamentals-node-host{color:#667085;background:#ffffffd6;border-style:dashed;opacity:.82}.arp-map .fundamentals-node-host .router-badge{opacity:.72}.arp-map .fundamentals-badge{max-width:240px;white-space:normal}.arp-cache-card{position:absolute;left:50%;bottom:4%;z-index:4;display:grid;width:min(520px,calc(100% - 72px));gap:6px;padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.arp-cache-card span{color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.arp-cache-row{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr);gap:8px;padding:8px;color:#344054;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.arp-cache-row.head{background:#eef6fb}.arp-cache-row.learned{background:#eaf8fb;border-color:#8fd8e4}.icmp-map .fundamentals-packet-stack{top:5%;width:min(560px,calc(100% - 72px))}.icmp-map .fundamentals-badge{max-width:150px;white-space:normal}.icmp-map .fundamentals-node{width:154px}.isis-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.isis-map{min-height:760px}.isis-map .fundamentals-node{width:148px;min-height:108px}.isis-map .fundamentals-node h2{font-size:21px}.isis-map .fundamentals-badge{max-width:190px;white-space:normal}.isis-map:before,.isis-map:after{position:absolute;top:31%;bottom:17%;z-index:0;content:"";border-radius:8px;pointer-events:none}.isis-map:before{left:8%;width:43%;background:#8fd8e421;border:1px solid rgba(143,216,228,.32)}.isis-map:after{right:10%;width:34%;background:#3d8fd01a;border:1px solid rgba(61,143,208,.28)}.isis-lsdb-card{position:absolute;left:70%;bottom:3%;z-index:4;display:grid;width:min(360px,calc(100% - 72px));gap:6px;padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.isis-lsdb-card span{color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.isis-lsdb-row{display:grid;grid-template-columns:minmax(72px,.42fr) minmax(0,1.58fr);gap:8px;padding:7px 8px;color:#344054;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.isis-lsdb-row.head{background:#eef6fb}.isis-lsdb-row.learned{background:#eaf8fb;border-color:#8fd8e4}.segment-routing-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.segment-routing-map{min-height:760px}.segment-routing-map .fundamentals-node{width:148px;min-height:108px}.segment-routing-map .fundamentals-node h2{font-size:21px}.segment-routing-map .fundamentals-link-line.muted{opacity:.22}.segment-routing-map .fundamentals-badge{max-width:210px;white-space:normal}.sr-stack-card{position:absolute;left:70%;bottom:3%;z-index:4;display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;width:min(360px,calc(100% - 72px));padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.sr-stack-card>span{flex:0 0 100%;color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sr-stack-segment{flex:1 1 112px;display:grid;gap:2px;padding:8px 10px;color:#344054;text-align:center;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.sr-stack-segment.active{background:#eaf8fb;border-color:#8fd8e4}.sr-stack-segment b{color:#0f4f7d}.sr-stack-segment small{color:#667085;font-weight:900}.mac-table-map .fundamentals-packet-stack{top:5%;width:min(560px,calc(100% - 72px))}.mac-table-map{min-height:580px}.mac-table-map .fundamentals-node{width:148px;min-height:108px}.mac-table-map .fundamentals-node h2{font-size:21px}.mac-table-map .fundamentals-node-pc-c{color:#667085;background:#ffffffd6;border-style:dashed;opacity:.84}.mac-learning-card{position:absolute;left:34%;bottom:4%;z-index:4;display:grid;width:min(500px,calc(100% - 72px));gap:6px;padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.mac-learning-card span{color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mac-learning-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(92px,.7fr);gap:8px;padding:8px;color:#344054;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.mac-learning-row.head{background:#eef6fb}.mac-learning-row.learned{background:#eaf8fb;border-color:#8fd8e4}.trunk-map{min-height:560px}.trunk-map .fundamentals-node{width:148px;min-height:108px}.trunk-map .fundamentals-node h2{font-size:21px}.trunk-map .fundamentals-packet-stack{left:4%;top:5%;width:min(420px,calc(100% - 72px));transform:none}.trunk-map .fundamentals-node.compact{width:92px;min-height:76px}.trunk-state-card{position:absolute;left:70%;top:auto;bottom:4%;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(400px,calc(50% - 54px));padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.trunk-state-card span{grid-column:1 / -1;color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.trunk-vlan-pill{display:grid;gap:2px;padding:10px;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.trunk-vlan-pill.active{background:#eaf8fb;border-color:#8fd8e4}.trunk-vlan-pill.native{background:#fffdf5;border-color:#f4da80}.trunk-vlan-pill b{color:#0f4f7d;font-size:14px}.trunk-vlan-pill small{color:#667085;font-weight:900}.access-port-map{min-height:680px}.access-port-map .fundamentals-node{width:154px;min-height:108px}.access-port-map .fundamentals-node h2{font-size:21px}.access-port-map .fundamentals-node-pc-vlan20{color:#667085;background:#ffffffd1;border-style:dashed;opacity:.82}.access-port-map .fundamentals-packet-stack{top:5%;left:28%;width:min(420px,calc(50% - 54px))}.access-port-card{position:absolute;left:72%;top:5%;bottom:auto;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(420px,calc(50% - 54px));padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.access-port-card span{grid-column:1 / -1;color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.access-config-line{display:grid;gap:2px;padding:10px;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.access-config-line.active{background:#eaf8fb;border-color:#8fd8e4}.access-config-line b{color:#0f4f7d}.access-config-line small{color:#667085;font-weight:900}.acl-map,.jumbo-map,.span-map{min-height:680px}.acl-map,.native-vlan-map{min-height:560px}.acl-map .fundamentals-node,.jumbo-map .fundamentals-node,.span-map .fundamentals-node{width:154px;min-height:108px}.acl-map .fundamentals-node h2,.jumbo-map .fundamentals-node h2,.span-map .fundamentals-node h2{font-size:21px}.acl-map .fundamentals-node.compact,.jumbo-map .fundamentals-node.compact,.span-map .fundamentals-node.compact{width:118px;min-height:88px}.acl-map .fundamentals-node-blocked,.jumbo-map .fundamentals-node-mismatch,.span-map .fundamentals-node-analyzer{background:#ffffffd6;border-style:dashed}.acl-map .fundamentals-packet-stack,.jumbo-map .fundamentals-packet-stack,.span-map .fundamentals-packet-stack{top:5%;width:min(610px,calc(100% - 72px))}.acl-map{min-height:640px}.acl-map .fundamentals-packet-stack,.span-map .fundamentals-packet-stack{left:72%;width:min(420px,calc(50% - 54px))}.acl-rules-card,.jumbo-mtu-card,.span-session-card{position:absolute;top:24%;z-index:4;display:grid;gap:8px;padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.acl-rules-card{left:28%;grid-template-columns:1fr;width:min(420px,calc(50% - 54px));top:5%}.jumbo-mtu-card{left:50%;grid-template-columns:repeat(2,minmax(0,1fr));width:min(500px,calc(100% - 72px))}.span-session-card{left:28%;grid-template-columns:repeat(2,minmax(0,1fr));width:min(420px,calc(50% - 54px));top:5%}.acl-rules-card span,.jumbo-mtu-card span,.span-session-card span{color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.jumbo-mtu-card span,.acl-rules-card span,.span-session-card span{grid-column:1 / -1}.acl-rule-line,.jumbo-mtu-line,.span-session-line{display:grid;gap:2px;padding:10px;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.acl-rule-line.active,.jumbo-mtu-line.active,.span-session-line.active{background:#eaf8fb;border-color:#8fd8e4}.acl-rule-line.deny.active,.jumbo-mtu-line.warning.active{background:#fff8f3;border-color:#f8b88a}.acl-rule-line.implicit.active{background:#fffdf5;border-color:#f4da80}.acl-rule-line b,.jumbo-mtu-line b,.span-session-line b{color:#0f4f7d}.acl-rule-line small,.jumbo-mtu-line small,.span-session-line small{color:#667085;font-weight:900}.switching-guard-map{min-height:680px}.native-vlan-map .fundamentals-packet-stack{top:5%;left:72%;width:min(420px,calc(50% - 54px))}.native-vlan-map .switching-info-card{top:5%;left:28%;width:min(420px,calc(50% - 54px))}.switching-guard-map .fundamentals-node{width:154px;min-height:108px}.switching-guard-map .fundamentals-node.compact{width:128px;min-height:88px}.switching-guard-map .fundamentals-node h2{font-size:20px}.switching-guard-map .fundamentals-packet-stack{top:5%;width:min(610px,calc(100% - 72px))}.switching-guard-map .fundamentals-node-intruder,.switching-guard-map .fundamentals-node-storm,.switching-guard-map .fundamentals-node-rogue,.switching-guard-map .fundamentals-node-errdisable{background:#ffffffd6;border-style:dashed}.switching-info-card{position:absolute;top:20%;left:50%;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(720px,calc(100% - 72px));padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0f;transform:translate(-50%)}.switching-info-card span{grid-column:1 / -1;color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.switching-info-line{display:grid;gap:2px;padding:10px;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.switching-info-line.active{background:#eaf8fb;border-color:#8fd8e4}.switching-info-line b{color:#0f4f7d}.switching-info-line small{color:#667085;font-weight:900}.voip-map{min-height:520px}.voip-map .fundamentals-node{width:154px;min-height:108px}.voip-map .fundamentals-node.compact{width:112px;min-height:88px}.voip-map .fundamentals-node h2{font-size:20px}.voip-map .fundamentals-packet-stack{top:5%;left:72%;width:min(420px,calc(50% - 54px))}.voip-map .switching-info-card{top:5%;left:28%;grid-template-columns:repeat(3,minmax(0,1fr));width:min(420px,calc(50% - 54px))}.voip-map .fundamentals-node-media{background:#ffffffdb;border-style:dashed}.rtp-map{min-height:620px}.rtp-map .fundamentals-node{width:154px;min-height:108px}.rtp-map .fundamentals-node.compact{width:112px;min-height:88px}.rtp-map .fundamentals-node h2{font-size:20px}.rtp-map .fundamentals-packet-stack{top:5%;left:72%;width:min(420px,calc(50% - 54px))}.rtp-map .switching-info-card{top:5%;left:28%;grid-template-columns:repeat(3,minmax(0,1fr));width:min(420px,calc(50% - 54px))}.rtp-map .fundamentals-node-pbx,.rtp-map .fundamentals-node-media,.rtp-map .fundamentals-node-loss,.rtp-map .fundamentals-node-monitor{background:#ffffffdb;border-style:dashed}.codec-map{min-height:680px}.codec-map .fundamentals-node{width:154px;min-height:108px}.codec-map .fundamentals-node.compact{width:116px;min-height:88px}.codec-map .fundamentals-node h2{font-size:20px}.codec-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.codec-map .switching-info-card{top:20%;left:50%;width:min(620px,calc(100% - 72px))}.voice-qos-map{min-height:680px}.voice-qos-map .fundamentals-node{width:140px;min-height:108px}.voice-qos-map .fundamentals-node.compact{width:116px;min-height:88px}.voice-qos-map .fundamentals-node h2{font-size:20px}.voice-qos-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.voice-qos-map .switching-info-card{top:20%;left:50%;width:min(620px,calc(100% - 72px))}.sbc-map{min-height:680px}.sbc-map .fundamentals-node{width:148px;min-height:108px}.sbc-map .fundamentals-node.compact{width:126px;min-height:88px}.sbc-map .fundamentals-node h2{font-size:20px}.sbc-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.sbc-map .switching-info-card{top:20%;left:50%;width:min(620px,calc(100% - 72px))}.voip-troubleshooting-map{min-height:700px}.voip-troubleshooting-map .fundamentals-node{width:128px;min-height:104px}.voip-troubleshooting-map .fundamentals-node.compact{width:104px;min-height:84px}.voip-troubleshooting-map .fundamentals-node h2{font-size:19px}.voip-troubleshooting-map .fundamentals-node.compact h2{font-size:16px}.voip-troubleshooting-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.voip-troubleshooting-map .switching-info-card{top:19%;left:50%;width:min(620px,calc(100% - 72px))}.mobile-intro-map{min-height:680px}.mobile-intro-map .fundamentals-node{width:128px;min-height:104px}.mobile-intro-map .fundamentals-node.compact{width:120px;min-height:92px}.mobile-intro-map .fundamentals-node h2{font-size:19px}.mobile-intro-map .fundamentals-node.compact h2{font-size:16px}.mobile-intro-map .fundamentals-node.compact p{font-size:11px}.mobile-intro-map .fundamentals-link-line{stroke-width:1}.mobile-intro-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-intro-map .fundamentals-link-label{fill:#2a6f9f;stroke-width:2px;font-size:1.05px;font-weight:800;letter-spacing:.01em}.mobile-intro-map .fundamentals-badge{padding:7px 10px;color:#1d628e;background:#eff9fdd1;border-color:#bde6f7;box-shadow:none}.mobile-intro-map .fundamentals-packet-stack{left:4%;top:5%;width:min(430px,calc(100% - 72px));transform:none}.mobile-intro-map .switching-info-card{left:60%;top:5%;grid-template-columns:1fr;width:min(340px,calc(100% - 72px));transform:none}.mobile-evolution-map{min-height:560px}.mobile-evolution-map .fundamentals-node{width:130px;min-height:112px}.mobile-evolution-map .fundamentals-node h2{font-size:26px}.mobile-evolution-map .fundamentals-node p{max-width:108px;font-size:12px;line-height:1.25}.mobile-evolution-map .fundamentals-link-line{stroke-width:1.1}.mobile-evolution-map .fundamentals-link-line.active{stroke-width:1.7}.mobile-evolution-map .fundamentals-badge{padding:7px 10px;color:#1d628e;background:#eff9fdd1;border-color:#bde6f7;box-shadow:none}.mobile-evolution-map .fundamentals-packet-stack{left:4%;top:5%;width:min(430px,calc(100% - 72px));transform:none}.mobile-evolution-map .switching-info-card{left:56%;top:5%;grid-template-columns:1fr;width:min(390px,calc(100% - 72px));transform:none}.mobile-ran-map{min-height:560px}.mobile-ran-map .fundamentals-node{width:130px;min-height:108px}.mobile-ran-map .fundamentals-node.compact{width:116px;min-height:88px}.mobile-ran-map .fundamentals-node h2{font-size:20px}.mobile-ran-map .fundamentals-node.compact h2{font-size:16px}.mobile-ran-map .fundamentals-node p,.mobile-ran-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-ran-map .fundamentals-link-line{stroke-width:1}.mobile-ran-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-ran-map .fundamentals-badge{padding:7px 10px;color:#1d628e;background:#eff9fdd1;border-color:#bde6f7;box-shadow:none}.mobile-ran-map .fundamentals-packet-stack{left:4%;top:5%;width:min(430px,calc(100% - 72px));transform:none}.mobile-epc-map{min-height:700px}.mobile-epc-map .fundamentals-node{width:126px;min-height:106px}.mobile-epc-map .fundamentals-node.compact{width:108px;min-height:84px}.mobile-epc-map .fundamentals-node h2{font-size:19px}.mobile-epc-map .fundamentals-node.compact h2{font-size:16px}.mobile-epc-map .fundamentals-node p,.mobile-epc-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-epc-map .fundamentals-link-line{stroke-width:1}.mobile-epc-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-epc-map .fundamentals-badge{padding:7px 10px;color:#1d628e;background:#eff9fdd1;border-color:#bde6f7;box-shadow:none}.mobile-epc-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-epc-map .switching-info-card{left:60%;top:5%;grid-template-columns:1fr;width:min(390px,calc(100% - 72px));transform:none}.mobile-5g-core-map{min-height:710px}.mobile-5g-core-map .fundamentals-node{width:126px;min-height:106px}.mobile-5g-core-map .fundamentals-node.compact{width:112px;min-height:84px}.mobile-5g-core-map .fundamentals-node h2{font-size:19px}.mobile-5g-core-map .fundamentals-node.compact h2{font-size:15px}.mobile-5g-core-map .fundamentals-node p,.mobile-5g-core-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-5g-core-map .fundamentals-link-line{stroke-width:1}.mobile-5g-core-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-5g-core-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-packet-core-map{min-height:690px}.mobile-packet-core-map .fundamentals-node{width:126px;min-height:106px}.mobile-packet-core-map .fundamentals-node h2{font-size:19px}.mobile-packet-core-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-packet-core-map .fundamentals-link-line{stroke-width:1}.mobile-packet-core-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-packet-core-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-protocols-map{min-height:690px}.mobile-protocols-map .fundamentals-node{width:126px;min-height:106px}.mobile-protocols-map .fundamentals-node h2{font-size:19px}.mobile-protocols-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-protocols-map .fundamentals-link-line{stroke-width:1}.mobile-protocols-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-protocols-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-diameter-map{min-height:690px}.mobile-diameter-map .fundamentals-node{width:126px;min-height:106px}.mobile-diameter-map .fundamentals-node h2{font-size:19px}.mobile-diameter-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-diameter-map .fundamentals-link-line{stroke-width:1}.mobile-diameter-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-diameter-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-ss7-map{min-height:690px}.mobile-ss7-map .fundamentals-node{width:126px;min-height:106px}.mobile-ss7-map .fundamentals-node h2{font-size:19px}.mobile-ss7-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-ss7-map .fundamentals-link-line{stroke-width:1}.mobile-ss7-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-ss7-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-ims-map{min-height:500px}.mobile-ims-map .fundamentals-node{width:124px;min-height:106px}.mobile-ims-map .fundamentals-node.compact{width:112px;min-height:84px}.mobile-ims-map .fundamentals-node h2{font-size:18px}.mobile-ims-map .fundamentals-node.compact h2{font-size:15px}.mobile-ims-map .fundamentals-node p,.mobile-ims-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-ims-map .fundamentals-link-line{stroke-width:1}.mobile-ims-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-ims-map .fundamentals-packet-stack{left:4%;top:2%;width:min(300px,calc(100% - 72px));transform:none}.mobile-sms-map{min-height:690px}.mobile-sms-map .fundamentals-node{width:124px;min-height:106px}.mobile-sms-map .fundamentals-node h2{font-size:18px}.mobile-sms-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-sms-map .fundamentals-link-line{stroke-width:1}.mobile-sms-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-sms-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-a2p-messaging-map{min-height:690px}.mobile-a2p-messaging-map .fundamentals-node{width:124px;min-height:106px}.mobile-a2p-messaging-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-a2p-messaging-map .fundamentals-node h2{font-size:18px}.mobile-a2p-messaging-map .fundamentals-node.compact h2{font-size:15px}.mobile-a2p-messaging-map .fundamentals-node p,.mobile-a2p-messaging-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-a2p-messaging-map .fundamentals-link-line{stroke-width:1}.mobile-a2p-messaging-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-a2p-messaging-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-iot-map{min-height:690px}.mobile-iot-map .fundamentals-node{width:124px;min-height:106px}.mobile-iot-map .fundamentals-node h2{font-size:18px}.mobile-iot-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-iot-map .fundamentals-link-line{stroke-width:1}.mobile-iot-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-iot-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-roaming-map{min-height:690px}.mobile-roaming-map .fundamentals-node{width:124px;min-height:106px}.mobile-roaming-map .fundamentals-node.compact{width:104px;min-height:86px}.mobile-roaming-map .fundamentals-node h2{font-size:18px}.mobile-roaming-map .fundamentals-node.compact h2{font-size:15px}.mobile-roaming-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-roaming-map .fundamentals-node.compact p{font-size:11px}.mobile-roaming-map .fundamentals-link-line{stroke-width:1}.mobile-roaming-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-roaming-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-charging-map{min-height:690px}.mobile-charging-map .fundamentals-node{width:124px;min-height:106px}.mobile-charging-map .fundamentals-node h2{font-size:18px}.mobile-charging-map .fundamentals-node p{font-size:12px;line-height:1.25}.mobile-charging-map .fundamentals-link-line{stroke-width:1}.mobile-charging-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-charging-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-security-map{min-height:690px}.mobile-security-map .fundamentals-node{width:124px;min-height:106px}.mobile-security-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-security-map .fundamentals-node h2{font-size:18px}.mobile-security-map .fundamentals-node.compact h2{font-size:15px}.mobile-security-map .fundamentals-node p,.mobile-security-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-security-map .fundamentals-link-line{stroke-width:1}.mobile-security-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-security-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-troubleshooting-map{min-height:690px}.mobile-troubleshooting-map .fundamentals-node{width:124px;min-height:106px}.mobile-troubleshooting-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-troubleshooting-map .fundamentals-node h2{font-size:18px}.mobile-troubleshooting-map .fundamentals-node.compact h2{font-size:15px}.mobile-troubleshooting-map .fundamentals-node p,.mobile-troubleshooting-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-troubleshooting-map .fundamentals-link-line{stroke-width:1}.mobile-troubleshooting-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-troubleshooting-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-labs-map{min-height:720px}.mobile-labs-map .fundamentals-node{width:124px;min-height:106px}.mobile-labs-map .fundamentals-node.compact{width:112px;min-height:84px}.mobile-labs-map .fundamentals-node h2{font-size:18px}.mobile-labs-map .fundamentals-node.compact h2{font-size:15px}.mobile-labs-map .fundamentals-node p,.mobile-labs-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-labs-map .fundamentals-link-line{stroke-width:1}.mobile-labs-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-labs-map .fundamentals-packet-stack{left:50%;top:3%;width:min(360px,calc(100% - 72px));transform:translate(-50%)}.mobile-vas-map{min-height:690px}.mobile-vas-map .fundamentals-node{width:124px;min-height:106px}.mobile-vas-map .fundamentals-node.compact{width:116px;min-height:86px}.mobile-vas-map .fundamentals-node h2{font-size:18px}.mobile-vas-map .fundamentals-node.compact h2{font-size:15px}.mobile-vas-map .fundamentals-node p,.mobile-vas-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-vas-map .fundamentals-link-line{stroke-width:1}.mobile-vas-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-vas-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-sim-ota-map{min-height:690px}.mobile-sim-ota-map .fundamentals-node{width:124px;min-height:106px}.mobile-sim-ota-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-sim-ota-map .fundamentals-node h2{font-size:18px}.mobile-sim-ota-map .fundamentals-node.compact h2{font-size:15px}.mobile-sim-ota-map .fundamentals-node p,.mobile-sim-ota-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-sim-ota-map .fundamentals-link-line{stroke-width:1}.mobile-sim-ota-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-sim-ota-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-sim-activation-map{min-height:690px}.mobile-sim-activation-map .fundamentals-node{width:124px;min-height:106px}.mobile-sim-activation-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-sim-activation-map .fundamentals-node h2{font-size:18px}.mobile-sim-activation-map .fundamentals-node.compact h2{font-size:15px}.mobile-sim-activation-map .fundamentals-node p,.mobile-sim-activation-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-sim-activation-map .fundamentals-link-line{stroke-width:1}.mobile-sim-activation-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-sim-activation-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-subscriber-profile-map{min-height:690px}.mobile-subscriber-profile-map .fundamentals-node{width:124px;min-height:106px}.mobile-subscriber-profile-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-subscriber-profile-map .fundamentals-node h2{font-size:17px}.mobile-subscriber-profile-map .fundamentals-node.compact h2{font-size:15px}.mobile-subscriber-profile-map .fundamentals-node p,.mobile-subscriber-profile-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-subscriber-profile-map .fundamentals-link-line{stroke-width:1}.mobile-subscriber-profile-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-subscriber-profile-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-service-provisioning-map{min-height:690px}.mobile-service-provisioning-map .fundamentals-node{width:124px;min-height:106px}.mobile-service-provisioning-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-service-provisioning-map .fundamentals-node h2{font-size:17px}.mobile-service-provisioning-map .fundamentals-node.compact h2{font-size:15px}.mobile-service-provisioning-map .fundamentals-node p,.mobile-service-provisioning-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-service-provisioning-map .fundamentals-link-line{stroke-width:1}.mobile-service-provisioning-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-service-provisioning-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-lbs-map{min-height:690px}.mobile-lbs-map .fundamentals-node{width:124px;min-height:106px}.mobile-lbs-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-lbs-map .fundamentals-node h2{font-size:18px}.mobile-lbs-map .fundamentals-node.compact h2{font-size:15px}.mobile-lbs-map .fundamentals-node p,.mobile-lbs-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-lbs-map .fundamentals-link-line{stroke-width:1}.mobile-lbs-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-lbs-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-emergency-call-map{min-height:690px}.mobile-emergency-call-map .fundamentals-node{width:124px;min-height:106px}.mobile-emergency-call-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-emergency-call-map .fundamentals-node h2{font-size:18px}.mobile-emergency-call-map .fundamentals-node.compact h2{font-size:15px}.mobile-emergency-call-map .fundamentals-node p,.mobile-emergency-call-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-emergency-call-map .fundamentals-link-line{stroke-width:1}.mobile-emergency-call-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-emergency-call-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.mobile-policy-control-map{min-height:690px}.mobile-policy-control-map .fundamentals-node{width:124px;min-height:106px}.mobile-policy-control-map .fundamentals-node.compact{width:112px;min-height:86px}.mobile-policy-control-map .fundamentals-node h2{font-size:18px}.mobile-policy-control-map .fundamentals-node.compact h2{font-size:15px}.mobile-policy-control-map .fundamentals-node p,.mobile-policy-control-map .fundamentals-node.compact p{font-size:12px;line-height:1.25}.mobile-policy-control-map .fundamentals-link-line{stroke-width:1}.mobile-policy-control-map .fundamentals-link-line.active{stroke-width:1.55}.mobile-policy-control-map .fundamentals-packet-stack{left:4%;top:2%;width:min(360px,calc(100% - 72px));transform:none}.spine-leaf-map{min-height:720px}.spine-leaf-map .fundamentals-node{width:132px;min-height:104px}.spine-leaf-map .fundamentals-node.compact{width:116px;min-height:86px}.spine-leaf-map .fundamentals-node h2{font-size:19px}.spine-leaf-map .fundamentals-node.compact h2{font-size:16px}.spine-leaf-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.evpn-map{min-height:700px}.evpn-map .fundamentals-node{width:132px;min-height:104px}.evpn-map .fundamentals-node.compact{width:112px;min-height:86px}.evpn-map .fundamentals-node h2{font-size:19px}.evpn-map .fundamentals-node.compact h2{font-size:16px}.evpn-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.clos-map{min-height:720px}.clos-map .fundamentals-node{width:122px;min-height:100px}.clos-map .fundamentals-node.compact{width:104px;min-height:82px}.clos-map .fundamentals-node h2{font-size:18px}.clos-map .fundamentals-node.compact h2{font-size:15px}.clos-map .fundamentals-packet-stack{top:5%;width:min(620px,calc(100% - 72px))}.fabric-map{min-height:620px}.fabric-map .fundamentals-node{width:126px;min-height:104px}.fabric-map .fundamentals-node.compact{width:112px;min-height:86px}.fabric-map .fundamentals-node h2{font-size:18px}.fabric-map .fundamentals-node.compact h2{font-size:15px}.fabric-map .fundamentals-packet-stack{top:5%;width:min(560px,calc(100% - 72px))}.sdwan-intro-map{min-height:660px}.sdwan-intro-map .fundamentals-node{width:120px;min-height:100px}.sdwan-intro-map .fundamentals-node.compact{width:98px;min-height:78px}.sdwan-intro-map .fundamentals-node h2{font-size:18px}.sdwan-intro-map .fundamentals-node.compact h2{font-size:15px}.sdwan-intro-map .fundamentals-packet-stack{left:4%;top:1%;width:min(420px,calc(100% - 72px));transform:none}.sdwan-components-map{min-height:620px}.sdwan-components-map .fundamentals-node{width:124px;min-height:104px}.sdwan-components-map .fundamentals-node h2{font-size:18px}.sdwan-components-map .fundamentals-packet-stack{left:4%;top:4%;width:min(460px,calc(100% - 72px));transform:none}.sdwan-underlay-map{min-height:700px}.sdwan-underlay-map .fundamentals-node{width:120px;min-height:100px}.sdwan-underlay-map .fundamentals-node.compact{width:98px;min-height:76px}.sdwan-underlay-map .fundamentals-node h2{font-size:18px}.sdwan-underlay-map .fundamentals-node.compact h2{font-size:15px}.sdwan-underlay-map .fundamentals-packet-stack{left:4%;top:3%;width:min(460px,calc(100% - 72px));transform:none}.sdwan-overlay-map{min-height:640px}.sdwan-overlay-map .fundamentals-node{width:124px;min-height:104px}.sdwan-overlay-map .fundamentals-node.compact{width:104px;min-height:80px}.sdwan-overlay-map .fundamentals-node h2{font-size:18px}.sdwan-overlay-map .fundamentals-node.compact h2{font-size:15px}.sdwan-overlay-map .fundamentals-packet-stack{left:4%;top:4%;width:min(430px,calc(100% - 72px));transform:none}.sdwan-routing-map{min-height:620px}.sdwan-routing-map .fundamentals-node{width:122px;min-height:104px}.sdwan-routing-map .fundamentals-node.compact{width:106px;min-height:82px}.sdwan-routing-map .fundamentals-node h2{font-size:18px}.sdwan-routing-map .fundamentals-node.compact h2{font-size:15px}.sdwan-routing-map .fundamentals-packet-stack{left:4%;top:4%;width:min(450px,calc(100% - 72px));transform:none}.sdwan-policies-map{min-height:660px}.sdwan-policies-map .fundamentals-node{width:122px;min-height:104px}.sdwan-policies-map .fundamentals-node.compact{width:104px;min-height:80px}.sdwan-policies-map .fundamentals-node h2{font-size:18px}.sdwan-policies-map .fundamentals-node.compact h2{font-size:15px}.sdwan-policies-map .fundamentals-packet-stack{left:4%;top:4%;width:min(440px,calc(100% - 72px));transform:none}.sdwan-sla-map{min-height:620px}.sdwan-sla-map .fundamentals-node{width:122px;min-height:104px}.sdwan-sla-map .fundamentals-node.compact{width:104px;min-height:80px}.sdwan-sla-map .fundamentals-node h2{font-size:18px}.sdwan-sla-map .fundamentals-node.compact h2{font-size:15px}.sdwan-sla-map .fundamentals-packet-stack{left:4%;top:4%;width:min(440px,calc(100% - 72px));transform:none}.sdwan-app-id-map{min-height:640px}.sdwan-app-id-map .fundamentals-node{width:122px;min-height:104px}.sdwan-app-id-map .fundamentals-node.compact{width:106px;min-height:82px}.sdwan-app-id-map .fundamentals-node h2{font-size:18px}.sdwan-app-id-map .fundamentals-node.compact h2{font-size:15px}.sdwan-app-id-map .fundamentals-packet-stack{left:4%;top:4%;width:min(440px,calc(100% - 72px));transform:none}.sdwan-security-map{min-height:640px}.sdwan-security-map .fundamentals-node{width:122px;min-height:104px}.sdwan-security-map .fundamentals-node.compact{width:108px;min-height:82px}.sdwan-security-map .fundamentals-node h2{font-size:18px}.sdwan-security-map .fundamentals-node.compact h2{font-size:15px}.sdwan-security-map .fundamentals-packet-stack{left:4%;top:4%;width:min(440px,calc(100% - 72px));transform:none}.sdwan-cloud-map{min-height:640px}.sdwan-cloud-map .fundamentals-node{width:122px;min-height:104px}.sdwan-cloud-map .fundamentals-node.compact{width:106px;min-height:82px}.sdwan-cloud-map .fundamentals-node h2{font-size:18px}.sdwan-cloud-map .fundamentals-node.compact h2{font-size:15px}.sdwan-cloud-map .fundamentals-packet-stack{left:4%;top:4%;width:min(440px,calc(100% - 72px));transform:none}.sdwan-sase-map{min-height:650px}.sdwan-sase-map .fundamentals-node{width:124px;min-height:104px}.sdwan-sase-map .fundamentals-node.compact{width:108px;min-height:82px}.sdwan-sase-map .fundamentals-node h2{font-size:18px}.sdwan-sase-map .fundamentals-node.compact h2{font-size:15px}.sdwan-sase-map .fundamentals-packet-stack{left:4%;top:4%;width:min(450px,calc(100% - 72px));transform:none}.sdwan-ha-map{min-height:660px}.sdwan-ha-map .fundamentals-node{width:124px;min-height:104px}.sdwan-ha-map .fundamentals-node.compact{width:112px;min-height:84px}.sdwan-ha-map .fundamentals-node h2{font-size:18px}.sdwan-ha-map .fundamentals-node.compact h2{font-size:15px}.sdwan-ha-map .fundamentals-packet-stack{left:4%;top:4%;width:min(470px,calc(100% - 72px));transform:none}.sdwan-automation-map{min-height:650px}.sdwan-automation-map .fundamentals-node{width:124px;min-height:104px}.sdwan-automation-map .fundamentals-node.compact{width:110px;min-height:84px}.sdwan-automation-map .fundamentals-node h2{font-size:17px}.sdwan-automation-map .fundamentals-node.compact h2{font-size:15px}.sdwan-automation-map .fundamentals-packet-stack{left:4%;top:4%;width:min(500px,calc(100% - 72px));transform:none}.sdwan-vendors-map{min-height:620px}.sdwan-vendors-map .fundamentals-node.compact{width:122px;min-height:108px}.sdwan-vendors-map .fundamentals-node.compact h2{font-size:16px}.sdwan-vendors-map .fundamentals-node.compact p{font-size:11px}.sdwan-vendors-map .fundamentals-packet-stack{left:4%;top:4%;width:min(520px,calc(100% - 72px));transform:none}.sdwan-troubleshooting-map{min-height:650px}.sdwan-troubleshooting-map .fundamentals-node.compact{width:112px;min-height:88px}.sdwan-troubleshooting-map .fundamentals-node.compact h2{font-size:15px}.sdwan-troubleshooting-map .fundamentals-node.compact p{font-size:11px}.sdwan-troubleshooting-map .fundamentals-packet-stack{left:4%;top:4%;width:min(530px,calc(100% - 72px));transform:none}.sdwan-labs-map{min-height:620px}.sdwan-labs-map .fundamentals-node.compact{width:122px;min-height:108px}.sdwan-labs-map .fundamentals-node.compact h2{font-size:15px}.sdwan-labs-map .fundamentals-node.compact p{font-size:11px}.sdwan-labs-map .fundamentals-packet-stack{left:4%;top:4%;width:min(540px,calc(100% - 72px));transform:none}.security-firewall-map{min-height:660px}.security-firewall-map .fundamentals-node{width:124px;min-height:104px}.security-firewall-map .fundamentals-node.compact{width:112px;min-height:88px}.security-firewall-map .fundamentals-node h2{font-size:18px}.security-firewall-map .fundamentals-node.compact h2{font-size:15px}.security-firewall-map .fundamentals-node.compact p{font-size:11px}.security-firewall-map .fundamentals-packet-stack{left:4%;top:4%;width:min(560px,calc(100% - 72px));transform:none}.security-ips-map{min-height:650px}.security-ips-map .fundamentals-node{width:124px;min-height:104px}.security-ips-map .fundamentals-node.compact{width:112px;min-height:88px}.security-ips-map .fundamentals-node h2{font-size:18px}.security-ips-map .fundamentals-node.compact h2{font-size:15px}.security-ips-map .fundamentals-node.compact p{font-size:11px}.security-ips-map .fundamentals-packet-stack{left:4%;top:4%;width:min(540px,calc(100% - 72px));transform:none}.security-vpn-map,.security-aaa-map{min-height:650px}.security-vpn-map .fundamentals-node,.security-aaa-map .fundamentals-node{width:124px;min-height:104px}.security-vpn-map .fundamentals-node.compact,.security-aaa-map .fundamentals-node.compact{width:112px;min-height:88px}.security-vpn-map .fundamentals-node h2,.security-aaa-map .fundamentals-node h2{font-size:18px}.security-vpn-map .fundamentals-node.compact h2,.security-aaa-map .fundamentals-node.compact h2{font-size:15px}.security-vpn-map .fundamentals-node.compact p,.security-aaa-map .fundamentals-node.compact p{font-size:11px}.security-vpn-map .fundamentals-packet-stack,.security-aaa-map .fundamentals-packet-stack{left:4%;top:4%;width:min(540px,calc(100% - 72px));transform:none}.security-hardening-map{min-height:620px}.security-hardening-map .fundamentals-node.compact{width:122px;min-height:108px}.security-hardening-map .fundamentals-node.compact h2{font-size:15px}.security-hardening-map .fundamentals-node.compact p{font-size:11px}.security-hardening-map .fundamentals-packet-stack{left:4%;top:4%;width:min(540px,calc(100% - 72px));transform:none}.vlan-map .fundamentals-packet-stack{left:4%;top:5%;width:min(420px,calc(100% - 72px));transform:none}.vlan-map .fundamentals-node.compact{width:82px;min-height:70px}.qos-map .fundamentals-packet-stack{top:5%;width:min(560px,calc(100% - 72px))}.qos-map .fundamentals-node{width:142px;min-height:104px}.fundamentals-packet-stack span{flex:0 0 100%;color:#2787b7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.fundamentals-packet-stack b{flex:1 1 120px;padding:8px 10px;color:#344054;text-align:center;background:#f8fbfe;border:1px solid #dce8f2;border-radius:7px}.qos-lanes{position:absolute;left:50%;bottom:2.5%;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;width:min(760px,calc(100% - 72px));transform:translate(-50%)}.qos-lane{padding:12px;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 10px 24px #0f172a0d}.qos-lane span{display:block;margin-bottom:4px;color:#2787b7;font-size:11px;font-weight:900;text-transform:uppercase}.qos-lane b{color:#344054}.qos-lane.green{border-color:#86efac}.qos-lane.blue{border-color:#8fd8e4}.qos-lane.gray{border-color:#d7e6f0}.fundamentals-teaching{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.fundamentals-timeline{grid-column:1 / -1;grid-template-columns:repeat(6,minmax(88px,1fr))}.builder-panel{margin-bottom:16px}.builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.builder-group{padding:14px;background:#0b142b;border:1px dashed #314572;border-radius:8px;opacity:.52}.builder-group.unlocked{opacity:1;border-style:solid;border-color:#22c55e;background:linear-gradient(135deg,#0b142b,#10233a)}.builder-group h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#eef3ff;font-size:15px}.builder-group h3 span{color:#8ee7be}.builder-items{display:grid;gap:8px}.builder-field{min-height:74px;padding:10px;background:#070c1d;border:1px solid #26385f;border-radius:8px}.builder-field small,.builder-field b,.builder-field em{display:block}.builder-field small{color:#8ee7be;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.builder-field b{margin-top:5px;overflow-wrap:anywhere}.builder-field em{margin-top:4px;color:#aeb9dc;font-size:12px;font-style:normal}.details-stack{display:grid;gap:16px}.log-panel{max-height:300px;overflow:hidden}.journey-log{display:grid;gap:8px;max-height:210px;overflow:auto;padding-right:4px}.log-entry{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:10px;background:#070c1d;border:1px solid #26385f;border-radius:8px}.log-entry span{color:#8ee7be;font-size:12px;font-weight:900}.log-entry p{margin:0;color:#dbe5ff;line-height:1.35}.layers-panel{margin-top:16px}.layers-panel svg{color:#8ee7be}.packet-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #344676;border-radius:8px;overflow:hidden}.packet-bar button{min-height:86px;padding:14px 10px;color:#f4f7ff;text-align:center;cursor:pointer;border:0;border-right:1px solid rgba(255,255,255,.12)}.packet-bar button:nth-child(1){background:#1f8b4b}.packet-bar button:nth-child(2){background:#2877a8}.packet-bar button:nth-child(3){background:#ad267f}.packet-bar button:nth-child(4){background:#4a5480}.packet-bar button:last-child{border-right:0}.packet-bar button.active{outline:3px solid #fde047;outline-offset:-5px}:root{color-scheme:light;background:#f7f9fc}body{color:#161b26;background:#f7f9fc}.app-shell{background:linear-gradient(90deg,#fff 0,#fff 292px,#f7f9fc 292px),#f7f9fc}.sidebar{background:#fff;border-right-color:#e5e9f0;box-shadow:8px 0 24px #0f172a08}.brand-icon,.module-icon,.router-badge{color:#1f6aa5;background:#eef6fb;border-color:#cfe5f5}.brand span,.topbar p,.nav-group p,.module-card p,.packet-segment small,.detail-text,.timeline-step b,.summary,.anycast-node p,.ecmp-router p,.mpls-node p,.bfd-router p,.stp-switch p,.lacp-switch p,.firewall-box p,.vrrp-router p,.ospf-router p{color:#667085}.nav-item{color:#344054;background:#fff;border-color:transparent}.nav-item:hover:not(:disabled),.topic-link.ready:hover{background:#f3f8fc;border-color:#d6eaf7}.nav-item.active{color:#0f4f7d;background:#eef6fb;border-color:#b9def2;box-shadow:none}.nav-item.disabled{color:#98a2b3}.nav-dot{background:#74c7db;box-shadow:0 0 12px #74c7db6b}.nav-item.disabled .nav-dot{background:#d0d5dd}.score-card,.panel,.module-card,.topic-panel,.simple-step-card,.bgp-table-panel{color:#161b26;background:#fff;border-color:#e5e9f0;box-shadow:0 10px 24px #0f172a0f}.module-card.active{border-color:#c7e8f4;box-shadow:0 12px 28px #2196c71f}.module-card:disabled{opacity:.58}.module-meta span,.eyebrow,.ha-summary-facts span,.vrrp-facts span,.builder-field small,.packet-field small,.bgp-table-row span,.anycast-service-note span,.anycast-fixed-ip-note span,.anycast-route-note span,.ecmp-core-note span,.ecmp-hash-note span,.ecmp-failure-note span,.bfd-session span,.bfd-role-note span,.mpls-packet-stack span{color:#2787b7}.module-meta b,.protocol-pill,.live-pill,.score-card b{color:#0f4f7d;background:#eef6fb;border-color:#b9def2}.score-card span{color:#667085}.progress-track{background:#e8eef5;border-color:#d7e1ec}.progress-track div{background:linear-gradient(90deg,#8fd8e4,#65b6df,#3d8fd0)}button,.controls button,.secondary,.auto-controls,.auto-toggle{color:#344054;background:#fff;border-color:#d0d5dd}.controls button:not(.secondary),.auto-toggle.on{color:#fff;background:#3d8fd0;border-color:#3d8fd0;box-shadow:0 10px 20px #3d8fd02e}.controls button:disabled{color:#98a2b3;background:#f2f4f7;border-color:#e4e7ec}.nav-group-toggle{color:#667085;background:transparent;border:0;box-shadow:none}.nav-group-toggle.open,.nav-group-toggle:hover{color:#0f4f7d;background:#eef6fb}.auto-controls select{color:#344054;background:#fff;border-color:#d0d5dd}.topic-link,.compact-timeline-item,.builder-field,.packet-field,.vrrp-facts div,.ha-summary-facts div,.bgp-table-row,.model-layer,.packet-stack,.packet-segment,.builder-group,.details-stack .panel{color:#344054;background:#f8fbfe;border-color:#dce8f2}.topic-link.ready,.compact-timeline-item.active,.compact-timeline-item.done,.model-layer.active,.builder-group.unlocked,.packet-field.unlocked{background:#eef8fb;border-color:#8fd8e4}.compact-timeline-item span,.topic-link b{color:#0f4f7d;background:#dff3f8;border-color:#b9def2}.journey-map,.ethernet-map,.models-animation,.bgp-map,.ospf-map,.vrrp-map,.firewall-map,.lacp-map,.stp-map,.bfd-map,.ecmp-map,.anycast-map,.mpls-map{background:linear-gradient(rgba(61,143,208,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(61,143,208,.08) 1px,transparent 1px),radial-gradient(circle at 20% 50%,rgba(143,216,228,.22),transparent 24%),radial-gradient(circle at 78% 52%,rgba(101,182,223,.2),transparent 26%),#fbfdff;background-size:34px 34px,34px 34px,auto,auto,auto;border-color:#d7e6f0}.device-node,.as-card,.ospf-router,.vrrp-router,.firewall-box,.lacp-switch,.stp-switch,.bfd-router,.ecmp-router,.anycast-node,.mpls-node{color:#161b26;background:#fff;border-color:#d7e6f0;box-shadow:0 12px 26px #0f172a0f}.device-node.active,.ospf-router.active,.vrrp-router.active,.firewall-box.active,.stp-switch.active,.bfd-router.active,.ecmp-router.active,.anycast-node.active,.mpls-node.active{border-color:#74c7db;box-shadow:0 12px 28px #2196c729}.packet,.mini-packet,.ecmp-flow-packet,.anycast-packet,.bfd-flow-pulse,.mpls-flow-packet,.stp-frame-pulse,.lacp-flow-pulse,.firewall-packet,.vrrp-packet{color:#0f172a;background:#fff;border-color:#74c7db;box-shadow:0 10px 22px #3d8fd038}.anycast-service-note,.anycast-fixed-ip-note,.anycast-route-note,.ecmp-core-note,.ecmp-hash-note,.ecmp-failure-note,.bfd-session,.bfd-role-note,.mpls-packet-stack,.lacp-bundle-frame,.stp-legend{color:#161b26;background:#fff;border-color:#d7e6f0;box-shadow:0 10px 24px #0f172a0f}.anycast-service-note b,.anycast-fixed-ip-note b,.anycast-route-note b,.ecmp-core-note b,.ecmp-hash-note b,.ecmp-failure-note b,.bfd-session b,.bfd-role-note b,.mpls-packet-stack b,.ha-summary-facts b,.vrrp-facts b{color:#161b26}.mpls-packet-stack b{background:#f3f8fc;border-color:#d7e6f0}.network-line,.vrrp-link-line.active,.firewall-link-line.active,.lacp-link-line.active,.stp-link-line.active,.bfd-link-line.active,.ecmp-link-line.upper.active,.ecmp-link-line.lower.active,.anycast-link-line.active,.mpls-link-line.active{filter:drop-shadow(0 0 6px rgba(61,143,208,.2))}.packet-bar b,.packet-bar small{display:block}.packet-bar small{margin-top:4px;color:#eef3ff;opacity:.9}.layer-detail{margin-top:14px;padding:15px;background:#f8fbfe;border:1px solid #dce8f2;border-radius:8px}.layer-detail h3{margin:0 0 8px;color:#2787b7}.layer-detail p{margin:0;color:#344054;line-height:1.5}.log-panel,.pdu-card,.route-table,.lookup-card,.simple-step-card,.bgp-table-panel,.builder-panel,.details-stack,.compact-timeline-item,.timeline-step,.packet-field,.builder-field,.layer-detail{color:#344054;background-color:#fff;border-color:#dce8f2}.log-panel *,.pdu-card *,.route-table *,.lookup-card *,.simple-step-card *,.bgp-table-panel *,.builder-panel *,.details-stack *,.compact-timeline-item *,.timeline-step *,.packet-field *,.builder-field *,.layer-detail *{color:inherit}.eyebrow,.module-meta span,.protocol-pill,.live-pill,.log-panel .eyebrow,.simple-step-card .eyebrow,.bgp-table-panel .eyebrow,.builder-field small,.packet-field small,.layer-detail h3{color:#2787b7}.protocol-pill,.live-pill{background:#eef6fb;border-color:#b9def2}.summary,.detail-text,.simple-step-card p,.bgp-table-panel p,.builder-field em,.packet-field em,.layer-detail p{color:#667085}.simple-step-card h2,.bgp-table-panel h2,.builder-field b,.packet-field b,.compact-timeline-item b,.timeline-step strong,.layer-detail h3{color:#161b26}.ha-overview-card p:last-child,.ha-summary-card .summary{color:#344054}.ha-summary-facts div{background:#fff;border-color:#dce8f2}.ha-summary-facts b{color:#344054}.back-home,.back-button,.ha-summary-open{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:8px 12px;color:#161b26;font-size:14px;font-weight:600;line-height:1;text-decoration:none;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:none;cursor:pointer}.back-home:hover,.back-button:hover,.ha-summary-open:hover{color:#0f172a;background:#f8fafc;border-color:#b8c2cc}.back-home svg,.back-button svg,.ha-summary-open svg{flex:0 0 auto}.map-legend,.packet-segment,.packet-segment.on,.packet-facts div,.timeline-step,.timeline-step.active,.model-panel,.models-animation,.model-layer,.model-layer.active,.packet-stack,.cycle-toggle,.cycle-toggle button,.packet-visual,.packet-chip,.examples-row span{color:#344054;background:#fff;border-color:#dce8f2}.map-legend span,.packet-segment b,.packet-segment small,.packet-facts b,.timeline-step b,.timeline-step strong,.model-panel h2,.model-layer,.packet-visual h2,.packet-chip,.examples-row span{color:#344054}.packet-segment.on,.timeline-step.active,.model-layer.active,.cycle-toggle button.active,.packet-chip.active,.examples-row span.active{background:#eef8fb;border-color:#8fd8e4}.packet-facts span,.model-panel .eyebrow,.packet-visual .eyebrow{color:#2787b7}.timeline-step span,.timeline-step.done span,.timeline-step.active span{color:#0f4f7d;background:#dff3f8;border-color:#b9def2}.packet-segment>span{background:#74c7db}.cycle-toggle{background:#f8fbfe}.cycle-toggle button.active{color:#fff;background:#3d8fd0;border-color:#3d8fd0}.packet-visual{color:#344054}.packet-visual .packet-stack{background:transparent;border-color:transparent}.packet-stack .packet-chip,.packet-chip{color:#344054}.packet-stack .packet-chip.active,.packet-chip.active{color:#fff;background:#2f9dbd;border-color:#2f9dbd}.focus-grid div,.packet-facts div,.packet-segment,.packet-segment.on,.model-stack,.model-center,.mode-switch,.model-layer,.model-layer.active{color:#344054;background:#fff;border-color:#dce8f2}.focus-grid span,.packet-facts span,.packet-segment b,.packet-segment small,.model-stack h2,.model-center h2,.model-layer b,.mode-switch button,.model-center p:not(.eyebrow){color:#344054}.focus-grid b,.packet-facts b{color:#161b26}.focus-grid span,.packet-facts span{color:#2787b7}.model-layer.active{color:#0f4f7d;background:#eaf8fb;border-color:#8fd8e4;box-shadow:none}.model-layer.active b{color:#0f4f7d}.mode-switch{background:#f3f8fc}.mode-switch button.active{color:#fff;background:#3d8fd0;border-color:#3d8fd0}.models-lab.panel{background:#fff;border-color:#dce8f2}.model-examples span{color:#0f4f7d;background:#eef6fb;border-color:#b9def2}.packet-piece{color:#fff;border-color:transparent;box-shadow:0 12px 24px #0f172a1a}.piece-dados{background:#2ca66f}.piece-tcp{background:#3d8fd0}.piece-ip{background:#b85fc9}.piece-ethernet{background:#7c6ee6}.piece-bits{background:#667085}.mini-packet,.compact-timeline{color:#344054;background:#fff;border-color:#dce8f2;box-shadow:0 10px 24px #0f172a0f}.mini-packet div,.packet-facts.compact-facts div,.packet-segment,.packet-segment.on{color:#344054;background:#fff;border-color:#dce8f2}.mini-packet span,.packet-facts.compact-facts span,.packet-segment b{color:#2787b7}.mini-packet b,.packet-facts.compact-facts b,.packet-segment small{color:#161b26}.packet-segment.on{background:#eef8fb;border-color:#8fd8e4}.compact-timeline-item,.compact-timeline-item.response{color:#344054;background:#fff;border-color:#dce8f2}.compact-timeline-item.active{color:#0f4f7d;background:#eaf8fb;border-color:#8fd8e4;box-shadow:none}.compact-timeline-item span,.compact-timeline-item.done span,.compact-timeline-item.active span,.compact-timeline-item.response span,.compact-timeline-item.response.done span,.compact-timeline-item.response.active span{color:#0f4f7d;background:#dff3f8;border-color:#b9def2}.compact-timeline-item.response span,.compact-timeline-item.response.done span,.compact-timeline-item.response.active span{color:#7a5b00;background:#fff4bf;border-color:#efd36b}.compact-timeline-item b,.compact-timeline-item.active b,.compact-timeline-item.response b{color:#161b26}.controls .secondary,.controls .auto-toggle{color:#344054;background:#fff;border-color:#d0d5dd}.controls .secondary:disabled{color:#98a2b3;background:#f2f4f7;border-color:#e4e7ec}.stp-legend{left:50%;right:auto;transform:translate(-50%)}.switching-guard-map.native-vlan-map{min-height:560px}.vlan-map .fundamentals-packet-stack,.trunk-map .fundamentals-packet-stack{left:4%;width:min(330px,calc(100% - 72px));transform:none}.native-vlan-map .fundamentals-packet-stack{left:78%;width:min(340px,calc(50% - 54px))}.native-vlan-map .switching-info-card{left:22%;width:min(340px,calc(50% - 54px))}.mobile-ims-map .fundamentals-packet-stack{width:min(260px,calc(100% - 72px))}.bgp-table-head,.bgp-message,.ospf-area-badge,.ospf-cost-label,.ospf-message,.ecmp-cost-badge,.ecmp-core-note,.ecmp-hash-note,.ecmp-failure-note,.lacp-link-label,.lacp-bundle-frame span,.lacp-flow-label,.stp-link-label,.stp-bpdu-chip,.stp-event-pill,.stp-legend{color:#0f4f7d;background:#fff;border-color:#b9def2;box-shadow:0 10px 22px #3d8fd01f}.bgp-table-head span,.ecmp-core-note span,.ecmp-hash-note span,.ecmp-failure-note span,.stp-legend span{color:#2787b7}.ecmp-core-note b,.ecmp-hash-note b,.ecmp-failure-note b{color:#161b26}.as-card b,.ospf-router b,.ecmp-router span,.lacp-switch b,.stp-switch b{color:#0f4f7d;background:#eef6fb;border-color:#b9def2}.bgp-message,.ospf-message,.lacp-flow-label,.stp-bpdu-chip,.stp-event-pill{border-color:#74c7db}.ospf-cost-label,.ecmp-cost-badge,.lacp-link-label,.stp-link-label{color:#344054;background:#fff;border-color:#d7e6f0}.ecmp-cost-badge.failed,.lacp-link-label.failed,.stp-link-label.failed{color:#b42318;background:#fff4f3;border-color:#fecdca}.stp-link-label.blocked{color:#7a5b00;background:#fff8d6;border-color:#efd36b}.ecmp-core-note{left:58%;top:50%}.ecmp-hash-note{left:8%;top:8%}.stp-legend{left:auto;right:18px;top:auto;bottom:18px;transform:none}@media(max-width:1240px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav-groups{display:grid;grid-template-columns:1fr;gap:10px}.module-grid,.home-sections,.lab-grid,.journey-bottom-grid,.teaching-panel,.models-grid,.model-teaching,.bgp-map,.bgp-teaching,.ospf-teaching,.ospf-data-grid,.vrrp-teaching,.firewall-teaching,.lacp-teaching,.stp-teaching,.anycast-teaching,.bfd-teaching,.ha-overview-grid,.routing-overview-grid,.ha-summary-grid,.routing-summary-grid,.ethernet-teaching,.fundamentals-teaching,.mpls-teaching,.builder-grid{grid-template-columns:1fr 1fr}.journey-panel{grid-column:1 / -1}}@media(max-width:820px){.workspace,.sidebar{padding:16px}.topbar{display:block}.score-card{margin-top:14px}.home-hero{grid-template-columns:1fr;min-height:auto;padding:28px 20px}.hero-content{min-height:auto}.hero-image-panel{min-height:340px}.hero-content h1{font-size:44px}.hero-content p:not(.eyebrow){font-size:16px}.module-grid,.home-sections,.lab-grid,.journey-bottom-grid,.teaching-panel,.models-grid,.model-teaching,.bgp-map,.bgp-teaching,.ospf-teaching,.ospf-data-grid,.vrrp-teaching,.firewall-teaching,.lacp-teaching,.stp-teaching,.anycast-teaching,.bfd-teaching,.ha-overview-grid,.routing-overview-grid,.ha-summary-grid,.routing-summary-grid,.ethernet-teaching,.fundamentals-teaching,.mpls-teaching,.mini-packet,.focus-grid,.compact-facts,.builder-grid,.packet-bar,.nav-groups{grid-template-columns:1fr}.bgp-session-line{min-height:160px;width:8px;justify-self:center}.as-alt{position:relative;left:auto;bottom:auto;width:auto;transform:none;pointer-events:auto}.bgp-alt-line{display:none}.bgp-message{left:50%!important}.bgp-table-head,.bgp-table-row{grid-template-columns:1fr}.ospf-map{display:grid;gap:14px;min-height:auto}.ospf-router{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.ospf-router.active{transform:none}.ospf-links,.ospf-cost-label,.ospf-message{display:none}.vrrp-map{display:grid;gap:14px;min-height:auto}.vrrp-node,.vrrp-virtual,.vrrp-router{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.vrrp-router.active{transform:none}.vrrp-links,.vrrp-link-label,.vrrp-packet{display:none}.firewall-map{display:grid;gap:14px;min-height:auto}.firewall-node,.firewall-virtual,.firewall-box{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.firewall-box.active{transform:none}.firewall-links,.firewall-link-label,.firewall-packet{display:none}.lacp-map{display:grid;gap:14px;min-height:auto}.lacp-switch,.lacp-bundle-frame{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.lacp-links,.lacp-link-label,.lacp-flow-pulse,.lacp-flow-label{display:none}.stp-map{display:grid;gap:14px;min-height:auto}.stp-switch{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.stp-links,.stp-link-label,.stp-bpdu-layer,.stp-frame-pulse,.stp-event-pill,.stp-legend{display:none}.bfd-map{display:grid;gap:14px;min-height:auto}.bfd-router,.bfd-session,.bfd-role-note{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;transform:none}.bfd-links,.bfd-control-layer,.bfd-flow-pulse,.bfd-event-pill{display:none}.ecmp-map{display:grid;gap:14px;min-height:auto}.ecmp-router,.ecmp-core-note,.ecmp-hash-note,.ecmp-failure-note{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.ecmp-links,.ecmp-cost-badge,.ecmp-flow-packet{display:none}.anycast-map{display:grid;gap:14px;min-height:auto}.anycast-node,.anycast-service-note,.anycast-fixed-ip-note,.anycast-route-note{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.anycast-links,.anycast-announcement-layer,.anycast-packet{display:none}.mpls-map{display:grid;gap:14px;min-height:auto}.mpls-node,.mpls-packet-stack{position:relative;left:auto!important;top:auto!important;width:auto;transform:none}.mpls-links,.mpls-flow-packet{display:none}.ethernet-map{display:grid;gap:14px;min-height:auto}.ethernet-node,.ethernet-frame-stack,.ethernet-mac-table,.ethernet-flood-note{position:relative;left:auto!important;top:auto!important;bottom:auto!important;width:auto;transform:none}.ethernet-links,.ethernet-frame-packet{display:none}.fundamentals-map{display:grid;gap:14px;min-height:auto}.fundamentals-node,.fundamentals-node.compact,.fundamentals-packet-stack,.fundamentals-badge,.arp-cache-card,.isis-lsdb-card,.sr-stack-card,.mac-learning-card,.trunk-state-card,.access-port-card,.acl-rules-card,.jumbo-mtu-card,.span-session-card,.switching-info-card,.qos-lanes{position:relative;left:auto!important;top:auto!important;bottom:auto!important;width:auto;min-height:auto;transform:none}.qos-lanes,.trunk-state-card,.jumbo-mtu-card,.switching-info-card{grid-template-columns:1fr}.fundamentals-links,.fundamentals-moving-packet{display:none}.journey-map{min-height:720px}.network-line,.network-line:after{display:none}.device-node{left:50%!important;top:var(--mobile-top)!important}.moving-packet{left:50%!important;top:var(--mobile-packet-top)!important;transform:translate(58px,-50%)}.topbar h1{font-size:34px}}.summary-tiles{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-top:16px}.summary-tile{position:relative;display:flex;min-height:224px;flex-direction:column;padding:16px;overflow:hidden}.summary-tile .panel-heading{align-items:flex-start;gap:10px}.summary-tile .panel-heading h2{margin-top:4px;font-size:22px}.summary-tile .protocol-pill{padding:7px 9px;font-size:12px}.summary-tile .summary{margin:10px 0 0;color:#475467;font-size:14px;line-height:1.45}.summary-tile .ha-summary-facts{display:grid;gap:8px;margin-top:12px}.summary-tile .ha-summary-facts div{padding:10px;background:#f7fbfe;border-color:#d7e6f0}.summary-tile .ha-summary-facts span{color:#2787b7}.summary-tile .ha-summary-facts b{color:#344054;font-size:13px}.summary-tile .ha-summary-open{width:100%;justify-content:center;margin-top:auto}@media(max-width:1320px){.summary-tiles{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:860px){.summary-tiles{grid-template-columns:1fr}}.summary-tiles{grid-template-columns:repeat(4,minmax(190px,1fr))}.summary-tile{min-height:150px;padding:18px;text-align:left;color:#161b26;background:#fff;border:1px solid #d7e6f0;border-radius:8px;box-shadow:0 12px 26px #0f172a0d;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.summary-tile:hover{border-color:#74c7db;box-shadow:0 16px 30px #3d8fd024;transform:translateY(-2px)}.summary-tile h2{margin:0 0 10px;color:#101828;font-size:22px;line-height:1.15}.summary-tile p{margin:0;color:#475467;font-size:15px;line-height:1.45}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding:18px 0 4px;color:#667085;font-size:14px;border-top:1px solid #e5e9f0}.app-footer span:first-child{color:#344054;font-weight:700}@media(max-width:720px){.app-footer{align-items:flex-start;flex-direction:column}}.footer-links{display:flex;align-items:center;gap:12px}.footer-links a{color:#1f6aa5;font-weight:700;text-decoration:none}.footer-links a:hover{color:#0f4f7d;text-decoration:underline}.footer-links a{display:grid;width:34px;height:34px;place-items:center;background:#eef6fb;border:1px solid #cfe5f5;border-radius:8px}.footer-links a:hover{background:#e3f2fb;text-decoration:none}.hover\:bg-teal-200:hover{--tw-bg-opacity: 1;background-color:rgb(153 246 228 / var(--tw-bg-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-600:disabled{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.disabled\:text-slate-300:disabled{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:shadow-none:disabled{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-5{gap:1.25rem}.sm\:p-5{padding:1.25rem}}