:root{color-scheme:dark;--background:#0b111c;--foreground:#f5f8fc;--muted:#a7b9ca;--accent:#23d6a8;--accent-foreground:#06251f;--border:#2a3a50;--content-width:72rem;--focus-ring:#72f4d6;--paragraph-color:#8b98b8;--logo-grad-start:#56eac9}.network-basics-exercise{display:grid;grid-gap:1rem;gap:1rem;margin-block:1.5rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.network-basics-exercise__controls,.network-basics-exercise__port-row{display:flex;flex-wrap:wrap;gap:.75rem}.network-basics-exercise fieldset label,.network-basics-exercise__control{min-block-size:44px}.network-basics-exercise__control{padding:.65rem .9rem;border:1px solid var(--border-strong,var(--border));border-radius:.65rem;color:var(--text);background:var(--surface-raised,var(--surface));cursor:pointer}.network-basics-exercise__control.is-selected,.network-basics-exercise__control:hover,.network-basics-exercise__port-row .is-selected{border-color:var(--accent);background:var(--accent-soft,var(--surface))}.network-basics-exercise input:focus-visible,.network-basics-exercise__control:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.network-basics-exercise__port-row span{padding:.55rem .75rem;border:1px solid var(--border);border-radius:.5rem}.network-basics-exercise fieldset{display:grid;grid-gap:.5rem;gap:.5rem;border:0;padding:0}.network-basics-exercise fieldset label{display:flex;align-items:center;gap:.6rem}.network-basics-exercise__result{margin:0;padding:.8rem 1rem;-webkit-border-start:4px solid var(--accent);border-inline-start:4px solid var(--accent);background:var(--accent-soft,var(--surface))}.network-basics-exercise__result.is-correct{border-inline-start-color:var(--success,var(--accent))}.network-basics-exercise__result.is-incorrect{border-inline-start-color:var(--danger,#b42318)}.network-basics-exercise__code{font-family:var(--font-mono,monospace)}.device-role-tour .packet-flow{min-width:0;margin:0}.device-role-tour__scenarios{display:flex;flex-wrap:wrap;gap:.65rem}.device-role-tour__scenarios [data-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.packet-flow-topology-stage{position:relative}.device-role-tour .packet-flow-topology-stage{-webkit-padding-before:17rem;padding-block-start:17rem}.device-role-tour__cloud{position:absolute;z-index:3;inset-block-start:.25rem;inset-inline-start:clamp(11rem,var(--device-role-cloud-anchor),calc(100% - 11rem));inline-size:min(22rem,calc(100% - 1.6rem));aspect-ratio:330/250;isolation:isolate;animation:device-role-callout-pop .22s ease-out;transform:translateX(-50%)}.device-role-tour__cloud-shape{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;overflow:visible;filter:drop-shadow(0 .85rem 1rem rgb(0 0 0/18%))}.device-role-tour__cloud-shape circle,.device-role-tour__cloud-shape path{fill:color-mix(in srgb,var(--accent) 12%,var(--background));stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.device-role-tour__cloud-content{position:absolute;z-index:1;inset:15% 12% 18% 16%;display:flex;flex-direction:column;justify-content:center;min-width:0}.device-role-tour__cloud h4{margin:.05rem 0 .35rem;font-size:1.15rem;line-height:1.2;text-align:center}.device-role-tour__cloud p{margin:.25rem 0;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}.device-role-tour__eyebrow{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}@keyframes device-role-callout-pop{0%{opacity:0;translate:0 .5rem;scale:.96}to{opacity:1;translate:0 0;scale:1}}.device-role-tour .network-topology__device[role=button]:focus{outline:none}.device-role-tour .network-topology__device[role=button]:focus-visible{outline:none;filter:drop-shadow(0 0 9px #23d6a8)}@media (max-width:44rem){.device-role-tour .packet-flow-topology-stage{-webkit-padding-before:15rem;padding-block-start:15rem}.device-role-tour__cloud{position:absolute;inset-block-start:.25rem;inset-inline-start:clamp(9.5rem,var(--device-role-cloud-anchor),calc(100% - 9.5rem));inline-size:min(19rem,calc(100% - 1rem));margin:0;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.device-role-tour__cloud{animation:none}}.host-role-conversation{min-width:0;max-width:100%;overflow:hidden}.host-role-conversation .packet-flow{min-width:0;max-width:100%;margin:0}.host-role-conversation__choices{display:flex;flex-wrap:wrap;gap:.65rem}.host-role-conversation__choices [data-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.host-role-conversation .packet-flow-topology-stage{min-width:0;max-width:100%;-webkit-padding-before:16rem;padding-block-start:16rem}.host-role-conversation__overlay{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none}.host-role-conversation__role-label{position:absolute;z-index:2;inset-block-end:2.5rem;inset-inline-start:clamp(3.5rem,var(--host-role-anchor),calc(100% - 3.5rem));max-inline-size:7rem;padding:.25rem .55rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--background) 90%,transparent);font-size:.78rem;font-weight:800;line-height:1.2;text-align:center;transform:translateX(-50%)}.host-role-conversation__role-label[data-active-role]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.host-role-conversation .network-topology__device-role{display:none}.host-role-conversation__cloud{position:absolute;z-index:3;inset-block-start:.25rem;inset-inline-start:clamp(10rem,var(--host-role-anchor),calc(100% - 10rem));inline-size:min(20rem,calc(100% - 1rem));aspect-ratio:330/250;isolation:isolate;animation:device-role-callout-pop .22s ease-out;transform:translateX(-50%)}.host-role-conversation__cloud-shape{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;overflow:visible;filter:drop-shadow(0 .85rem 1rem rgb(0 0 0/18%))}.host-role-conversation__cloud-shape circle,.host-role-conversation__cloud-shape path{fill:color-mix(in srgb,var(--accent) 12%,var(--background));stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.host-role-conversation__cloud-content{position:absolute;z-index:1;inset:15% 12% 18% 16%;display:flex;flex-direction:column;justify-content:center;min-width:0}.host-role-conversation__cloud h4{margin:.05rem 0 .35rem;color:var(--foreground);font-size:1.1rem;line-height:1.2;text-align:center}.host-role-conversation__cloud p{margin:.22rem 0;color:var(--muted);font-size:.82rem;line-height:1.35;overflow-wrap:anywhere}.host-role-conversation__eyebrow{color:var(--accent)!important;font-size:.76rem!important;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.host-role-conversation[data-started=true] .network-topology__device{opacity:.42}.host-role-conversation[data-active-device=computer-a] [data-device-id=computer-a],.host-role-conversation[data-active-device=computer-b] [data-device-id=computer-b],.host-role-conversation[data-active-device=laptop] [data-device-id=laptop],.host-role-conversation[data-active-device=printer] [data-device-id=printer],.host-role-conversation[data-active-device=web-server] [data-device-id=web-server]{opacity:1;filter:drop-shadow(0 0 9px var(--accent))}.host-role-conversation .network-topology__device:focus{outline:none}@media (max-width:44rem){.host-role-conversation .packet-flow-topology-stage{-webkit-padding-before:14.5rem;padding-block-start:14.5rem}.host-role-conversation__choices>*{flex:1 1 10rem}.host-role-conversation__cloud{inset-inline-start:clamp(8.5rem,var(--host-role-anchor),calc(100% - 8.5rem));inline-size:min(17rem,calc(100% - .75rem))}.host-role-conversation__role-label{inset-block-end:2.5rem;padding:.18rem .42rem;font-size:.68rem}}@media (prefers-reduced-motion:reduce){.host-role-conversation__cloud{animation:none}}.host-types-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));grid-gap:.8rem;gap:.8rem;margin:1.25rem 0 2rem}.host-types-gallery__card{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;grid-gap:.85rem;gap:.85rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.host-types-gallery__card h4{margin:0 0 .3rem;color:var(--foreground);font-size:1rem}.host-types-gallery__card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.host-device-icon{display:block;width:4.25rem;height:4.25rem;overflow:visible;fill:color-mix(in srgb,var(--accent) 8%,var(--background));stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media (max-width:32rem){.host-types-gallery{grid-template-columns:minmax(0,1fr)}}.ipv6-address-explorer{display:grid;grid-gap:1rem;gap:1rem;max-width:100%;overflow:hidden}.ipv6-address-explorer fieldset,.ipv6-address-explorer form{display:flex;flex-wrap:wrap;gap:.75rem}.ipv6-address-explorer input:not([type=radio]){inline-size:min(100%,36rem);min-block-size:44px}.ipv6-hextets{display:grid;grid-template-columns:repeat(8,minmax(4.5rem,1fr));grid-gap:.4rem;gap:.4rem;max-width:100%;overflow-x:auto;padding-block:.35rem}.ipv6-hextets code{border:1px solid var(--line);border-block-end-width:3px;min-width:4.5rem;padding:.65rem .5rem;text-align:center}@media (max-width:520px){.ipv6-address-explorer fieldset label,.ipv6-address-explorer form button,.ipv6-address-explorer form label{width:100%}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background:#0b111c;--foreground:#f5f8fc;--muted:#a7b9ca;--accent:#23d6a8;--accent-foreground:#06251f;--border:#2a3a50;--focus-ring:#72f4d6;--logo-grad-start:#56eac9}}:root[data-theme=dark]{color-scheme:dark;--background:#0b111c;--foreground:#f5f8fc;--muted:#a7b9ca;--accent:#23d6a8;--accent-foreground:#06251f;--border:#2a3a50;--focus-ring:#72f4d6;--logo-grad-start:#56eac9}:root[data-theme=light]{color-scheme:light;--background:#f8fafc;--foreground:#172033;--muted:#526077;--accent:#087e69;--accent-foreground:#fff;--border:#d9e1ee;--focus-ring:#0b806b;--paragraph-color:#526077;--logo-grad-start:#23d6a8}*{box-sizing:border-box}body,html{background:var(--background)}body{min-height:100vh;margin:0;color:var(--foreground);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit}.site-footer,.site-header{border-color:var(--border);border-style:solid}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;border-width:0 0 1px;background:var(--background)}.site-footer{border-width:1px 0 0}.site-chrome{display:flex;width:min(100% - 2rem,var(--content-width));flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin:0 auto;padding:1rem 0}.site-logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--foreground);text-decoration:none}.site-logo__mark-svg{width:2rem;height:2rem;overflow:visible;flex-shrink:0}.site-logo__badge-outline{fill:none;stroke:url(#siteLogoGrad);stroke-width:12.5;stroke-dasharray:676;stroke-dashoffset:676;opacity:.65;animation:sl-draw .7s ease-out forwards,sl-pulse 2.6s ease-in-out .7s infinite}.site-logo__badge-fill{fill:color-mix(in srgb,var(--accent) 12%,var(--background));opacity:0;animation:sl-fade-in .4s ease-out forwards;animation-delay:.6s}.site-logo__trace-outer{fill:none;stroke:url(#siteLogoGrad);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:382;stroke-dashoffset:382;opacity:.75;animation:sl-draw .52s ease-out .26s forwards,sl-pulse 2.6s ease-in-out .78s infinite}.site-logo__trace-inner{fill:none;stroke:url(#siteLogoGrad);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:157;stroke-dashoffset:157;opacity:.75;animation:sl-draw .42s ease-out .64s forwards,sl-pulse 2.6s ease-in-out 1.06s infinite}.site-logo__pad{fill:url(#siteLogoGrad);opacity:0}.site-logo__pad--a{animation:sl-dot-in .2s ease-out forwards,sl-pulse 2.6s ease-in-out .78s infinite;animation-delay:.26s,.78s}.site-logo__pad--b{animation:sl-dot-in .22s ease-out forwards,sl-pulse 2.6s ease-in-out 1.06s infinite;animation-delay:.64s,1.06s}.site-logo:focus-visible .site-logo__pad--a,.site-logo:hover .site-logo__pad--a{animation:sl-flicker .22s ease-out forwards}.site-logo:focus-visible .site-logo__trace-outer,.site-logo:hover .site-logo__trace-outer{animation:sl-flicker .22s ease-out 60ms forwards}.site-logo:focus-visible .site-logo__trace-inner,.site-logo:hover .site-logo__trace-inner{animation:sl-flicker .22s ease-out 90ms forwards}.site-logo:focus-visible .site-logo__pad--b,.site-logo:hover .site-logo__pad--b{animation:sl-flicker .22s ease-out .12s forwards}@keyframes sl-draw{to{stroke-dashoffset:0}}@keyframes sl-fade-in{to{opacity:1}}@keyframes sl-dot-in{to{opacity:.75}}@keyframes sl-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes sl-flicker{0%{opacity:.5}20%{opacity:1}35%{opacity:.2}50%{opacity:1}65%{opacity:.3}to{opacity:1}}@keyframes sl-word-in{to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.site-logo__badge-fill,.site-logo__badge-outline,.site-logo__pad,.site-logo__trace-inner,.site-logo__trace-outer{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}.site-logo__pad,.site-logo__trace-inner,.site-logo__trace-outer{opacity:.85!important}.site-logo__wordmark{animation:none!important;opacity:1!important;transform:none!important}}.site-logo__wordmark{font-family:Arial Narrow,Aptos Display,Segoe UI,sans-serif;font-size:1.35rem;font-weight:900;letter-spacing:-.055em;line-height:1;opacity:0;transform:translateX(-6px);animation:sl-word-in .42s ease-out forwards;animation-delay:1.15s}.site-logo__packet{color:#fff}.site-logo__secrets{color:#23d6a8}.site-logo:hover .site-logo__wordmark{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--accent) 65%,transparent);text-decoration-color:color-mix(in srgb,var(--accent) 65%,transparent);text-underline-offset:.25rem}.footer-nav,.site-nav{color:var(--muted)}.footer-nav,.site-header__actions,.site-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.site-header__actions{align-items:center}.site-header__toggle{position:relative;z-index:55;display:none;width:2.7rem;height:2.7rem;padding:0;border:1px solid var(--border);border-radius:.5rem;background:var(--background);cursor:pointer}.site-header__toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.site-header__toggle-icon,.site-header__toggle-icon:after,.site-header__toggle-icon:before{display:block;width:1.35rem;height:2px;border-radius:999px;background:var(--foreground);transition:transform .18s ease,opacity .18s ease}.site-header__toggle-icon{position:relative;margin:0 auto}.site-header__toggle-icon:after,.site-header__toggle-icon:before{position:absolute;left:0;content:""}.site-header__toggle-icon:before{top:-.4rem}.site-header__toggle-icon:after{top:.4rem}.site-header__toggle[aria-expanded=true] .site-header__toggle-icon{background:transparent}.site-header__toggle[aria-expanded=true] .site-header__toggle-icon:before{top:0;transform:rotate(45deg)}.site-header__toggle[aria-expanded=true] .site-header__toggle-icon:after{top:0;transform:rotate(-45deg)}.site-header__backdrop{position:fixed;inset:0;z-index:45;background:color-mix(in srgb,#000 45%,transparent)}@media (prefers-reduced-motion:reduce){.site-header__toggle-icon,.site-header__toggle-icon:after,.site-header__toggle-icon:before{transition:none}}.site-header__get-started,.site-header__sign-in{min-height:2.7rem;padding:.5rem .8rem;border-radius:.5rem;font-size:.9rem}.site-header__sign-in{color:var(--foreground)}.site-header__get-started{border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)!important}.site-header__get-started:hover{filter:brightness(1.08)}.theme-control{display:inline-flex;min-height:2.5rem;align-items:center;gap:.45rem;padding:.25rem .55rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--accent) 6%,var(--background));color:var(--foreground);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.theme-control:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-control__label{color:var(--muted);transition:color .18s ease}.theme-control__label[data-active=true]{color:var(--accent)}.theme-control__track{position:relative;width:2.8rem;height:1.45rem;border:1px solid var(--accent);border-radius:999px;background:color-mix(in srgb,var(--accent) 48%,var(--background))}.theme-control__thumb{position:absolute;top:.12rem;left:.12rem;display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--accent);color:var(--accent-foreground);box-shadow:0 0 .4rem color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .18s ease}.theme-control__thumb svg{width:.8rem;height:.8rem}.theme-control[aria-checked=true] .theme-control__thumb{transform:translateX(1.35rem)}@media (prefers-reduced-motion:reduce){.theme-control__label,.theme-control__thumb{transition:none}}.footer-nav a:hover,.site-nav a:hover{text-decoration:underline}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:1;padding:.5rem .75rem;background:var(--accent);color:var(--accent-foreground);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.hero{padding:clamp(4rem,12vw,9rem) 0}.hero,.pathway-content,.pathway-hero{width:min(100% - 2rem,var(--content-width));margin:0 auto}.pathway-hero{padding:clamp(3rem,8vw,6rem) 0 2rem}.pathway-hero h1{max-width:22ch}.pathway-audience{margin:1rem 0 0;color:var(--muted)}.pathway-scale{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pathway-scale span{padding:.25rem .75rem;border:1px solid var(--border);border-radius:999px;color:var(--foreground);font-weight:800;font-size:.85rem}.pathway-toc{position:-webkit-sticky;position:sticky;top:4.9rem;z-index:10;display:flex;flex-wrap:wrap;gap:.5rem;width:min(100% - 2rem,var(--content-width));margin:0 auto;padding:.75rem 0;background:color-mix(in srgb,var(--background) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}.pathway-toc a{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem .3rem .4rem;border:1px solid var(--border);border-radius:999px;color:var(--foreground);font-weight:700;font-size:.82rem;text-decoration:none}.pathway-toc a:hover{border-color:var(--accent);color:var(--accent)}.pathway-toc a span{display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--background);border:1px solid var(--border);font-size:.7rem}.pathway-content{padding:1.5rem 0 clamp(3rem,8vw,6rem)}.lesson-card h3,.module h2,.pathway-content>h2{line-height:1.2}.courses-hero{width:min(100% - 2rem,var(--content-width));margin:0 auto;padding:clamp(3rem,8vw,6rem) 0 2rem}.courses-hero h1{max-width:22ch}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));grid-gap:1rem;gap:1rem;width:min(100% - 2rem,var(--content-width));margin:0 auto;padding:0 0 clamp(3rem,8vw,6rem)}.course-card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--accent) 4%,var(--background));color:var(--foreground);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.course-card:focus-visible,.course-card:hover{border-color:var(--accent);transform:translateY(-2px)}.course-card h2{margin:0;font-size:1.25rem}.course-card__audience{margin:0;color:var(--muted);font-size:.9rem}.course-card__scale{margin-top:auto;padding-top:.5rem;font-weight:700;font-size:.85rem;color:var(--accent)}.module-list{display:grid;grid-gap:2.5rem;gap:2.5rem;margin-top:1.5rem}.module{scroll-margin-top:11rem}.module__head{display:flex;align-items:flex-start;gap:.9rem}.module__index{flex:0 0 auto;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--accent);color:var(--accent-foreground);font-weight:800}.module__heading{flex:1 1 auto;min-width:0}.module__heading h2{margin:0}.module__heading p{margin:.3rem 0 0;color:var(--muted)}.module__count{flex:0 0 auto;align-self:center;padding:.2rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-weight:800;font-size:.78rem;white-space:nowrap}.lesson-list{display:flex;flex-direction:column;margin:.75rem 0 0;padding-left:3.2rem}.lesson-card{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.4rem 1.5rem;padding:.85rem 0;border-top:1px solid var(--border)}.lesson-card:first-child{border-top:none}.lesson-card h3,.lesson-card p{margin:0}.lesson-card h3 a{transition:color .16s ease,text-shadow .16s ease}.lesson-card h3 a:hover,.lesson-card:hover h3 a{color:var(--accent);text-shadow:0 0 .6rem color-mix(in srgb,var(--accent) 60%,transparent)}.lesson-card p{max-width:48rem;margin-top:.3rem}.lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--muted);font-size:.875rem}.access-label{padding:.1rem .45rem;border:1px solid var(--border);border-radius:999px;color:var(--foreground);font-weight:700}@media (max-width:30rem){.lesson-list{padding-left:0}}.footer-content{font-size:.875rem}.footer-content p{margin:0}.lesson-page{width:min(100% - 2rem,64rem);margin:0 auto;padding:clamp(2rem,6vw,5rem) 0}.lesson-shell{min-width:0;max-width:100%}.lesson-table{max-width:100%;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border);border-radius:.5rem}.lesson-table table{width:100%;min-width:32rem;border-collapse:collapse}.lesson-table caption{padding:.75rem;color:var(--foreground);font-weight:700;text-align:left}.lesson-table td,.lesson-table th{min-width:8rem;padding:.75rem;border-top:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}.lesson-table thead{background:color-mix(in srgb,var(--accent) 8%,var(--background))}.lesson-curriculum--fallback{display:block;margin-bottom:1.5rem}.lesson-curriculum--fallback summary{cursor:pointer;font-weight:700}.lesson-curriculum--fallback[open] summary{margin-bottom:1rem}.course-contents-trigger{position:fixed;top:7rem;left:max(.5rem,env(safe-area-inset-left));z-index:20;min-block-size:44px;padding:.65rem .8rem;border:1px solid var(--accent);border-radius:0 999px 999px 0;background:var(--accent);color:var(--accent-foreground);font:inherit;font-weight:800;cursor:pointer}.course-contents-overlay{position:fixed;inset:0;z-index:40}.course-contents-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgb(4 10 20/68%);cursor:default}.course-contents-drawer{position:relative;width:min(90vw,24rem);height:100%;padding:1rem;overflow-y:auto;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);background:var(--background);box-shadow:.75rem 0 2rem rgb(0 0 0/25%);animation:course-contents-enter .18s ease-out}.course-contents-drawer__header{position:-webkit-sticky;position:sticky;top:-1rem;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:-1rem -1rem 1rem;padding:1rem;border-bottom:1px solid var(--border);background:var(--background)}.course-contents-drawer__header h2{margin:0;font-size:1.2rem}.course-contents-drawer__header button{min-block-size:44px;padding:.5rem .7rem;border:1px solid var(--accent);border-radius:.4rem;background:var(--background);color:var(--foreground);font:inherit;font-weight:700;cursor:pointer}@keyframes course-contents-enter{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@media (max-width:42rem){.course-contents-trigger{top:auto;bottom:max(1rem,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.course-contents-drawer{animation:none}}.learner-workspace{position:fixed;inset-block-start:7rem;inset-inline-start:max(.5rem,env(safe-area-inset-left));z-index:20;display:none;max-block-size:calc(100dvh - 8rem);flex-direction:column;gap:.4rem;overflow-y:auto;padding:.35rem;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--background) 94%,transparent);box-shadow:0 .5rem 1.5rem rgb(0 0 0/16%)}.learner-workspace-mobile-menu button,.learner-workspace-mobile-trigger{display:flex;min-block-size:44px;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.55rem;background:var(--background);color:var(--foreground);font:inherit;font-weight:800;cursor:pointer}.learner-workspace__tool{display:flex;min-block-size:44px;align-items:center;gap:.6rem;padding:.5rem .75rem .5rem .5rem;border:none;border-radius:.65rem;background:transparent;color:var(--foreground);font:inherit;font-weight:700;cursor:pointer;text-align:left}.learner-workspace__tool-icon{display:grid;flex:0 0 auto;place-items:center;width:2rem;height:2rem;border-radius:.55rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.learner-workspace__tool[aria-expanded=true]{background:color-mix(in srgb,var(--accent) 10%,transparent)}.learner-workspace__tool[aria-expanded=true] .learner-workspace__tool-icon{background:var(--accent);color:var(--accent-foreground)}.learner-workspace-mobile-menu svg,.learner-workspace__tool svg{flex:0 0 auto}.learner-workspace-mobile-trigger{display:flex;position:fixed;inset-inline-start:max(.75rem,env(safe-area-inset-left));inset-block-end:max(1rem,env(safe-area-inset-bottom));z-index:20;border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)}.workspace-drawer{width:min(26rem,calc(100vw - 2rem));transition:transform .18s ease-out}.workspace-drawer__body{min-width:0;overflow-wrap:anywhere}.learner-workspace-mobile-menu{display:grid;grid-gap:.5rem;gap:.5rem}.learner-workspace-mobile-menu button{width:100%}.learner-workspace [data-group-start=true],.learner-workspace-drawer-tools [data-group-start=true],.learner-workspace-mobile-menu [data-group-start=true]{-webkit-margin-before:.6rem;margin-block-start:.6rem;border-block-start-width:3px}.learner-workspace-drawer-tools{display:flex;flex-wrap:wrap;gap:.4rem;-webkit-margin-after:1rem;margin-block-end:1rem;-webkit-padding-after:1rem;padding-block-end:1rem;-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border)}.learner-workspace-drawer-tools button{min-block-size:44px;padding:.45rem .6rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);color:var(--foreground);font:inherit;font-weight:700;cursor:pointer}.learner-workspace-drawer-tools button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.my-learning{display:grid;min-width:0;grid-gap:1rem;gap:1rem}.my-learning header{display:grid;grid-gap:.4rem;gap:.4rem}.my-learning h2,.my-learning h3,.my-learning p{margin:0}.my-learning progress{width:100%;accent-color:var(--accent)}.my-learning__continue{display:block;overflow-wrap:anywhere;padding:.8rem;border:1px solid var(--accent);border-radius:.65rem;background:color-mix(in srgb,var(--accent) 12%,var(--background));font-weight:800}.my-learning__group{display:grid;grid-gap:.5rem;gap:.5rem;min-width:0}.my-learning__group ul{display:grid;grid-gap:.5rem;gap:.5rem;margin:0;padding:0;list-style:none}.my-learning__group li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.2rem .75rem;gap:.2rem .75rem;padding:.7rem;border:1px solid var(--border);border-radius:.55rem}.my-learning__group a{min-width:0;overflow-wrap:anywhere;font-weight:750}.my-learning__group small{grid-column:1/-1;color:var(--muted)}.my-learning__restart{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}@media (min-width:48rem){.learner-workspace{display:flex}.learner-workspace-mobile-trigger{display:none}}@media (max-width:47.999rem){.workspace-overlay--bottom .workspace-drawer,.workspace-overlay--side .workspace-drawer{position:absolute;inset-inline:0;inset-block-end:0;width:100%;max-height:min(85dvh,48rem);height:auto;-webkit-margin-before:auto;margin-block-start:auto;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border);-webkit-border-end:0;border-inline-end:0;border-radius:1rem 1rem 0 0;box-shadow:0 -.75rem 2rem rgb(0 0 0/25%)}}@media (prefers-reduced-motion:reduce){.workspace-drawer{animation:none;transition:none}}.curriculum-navigation ol{margin:0;padding:0;list-style:none}.curriculum-navigation__module+.curriculum-navigation__module{margin-top:.6rem}.curriculum-navigation__module-details summary{list-style:none;cursor:pointer}.curriculum-navigation__module-details summary::-webkit-details-marker{display:none}.curriculum-navigation__module-summary{display:flex;align-items:center;gap:.65rem;padding:.55rem .4rem;border-radius:.55rem}.curriculum-navigation__module-summary:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.curriculum-navigation__module-index{display:grid;flex:0 0 auto;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--border);background:var(--background);color:var(--muted);font-size:.72rem;font-weight:800}.curriculum-navigation__module-details[open]>.curriculum-navigation__module-summary .curriculum-navigation__module-index{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.curriculum-navigation__module-title{flex:1 1 auto;min-width:0}.curriculum-navigation__module-title h2{margin:0;font-size:.95rem;line-height:1.25;overflow-wrap:break-word}.curriculum-navigation__module-title small{display:block;margin-top:.15rem;color:var(--muted);font-size:.76rem}.curriculum-navigation__module-chip{flex:0 0 auto;padding:.15rem .5rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:800}.curriculum-navigation__chevron{flex:0 0 auto;color:var(--muted);transition:transform .16s ease}.curriculum-navigation__module-details[open]>.curriculum-navigation__module-summary .curriculum-navigation__chevron{transform:rotate(90deg);color:var(--accent)}.curriculum-navigation__lessons{display:grid;grid-gap:.3rem;gap:.3rem;margin-top:.3rem;-webkit-padding-start:2.55rem;padding-inline-start:2.55rem}.curriculum-navigation__lesson>a,.curriculum-navigation__lesson>div{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;-webkit-border-start:.25rem solid transparent;border-inline-start:.25rem solid transparent;border-radius:.25rem;color:var(--muted);text-decoration:none}.curriculum-navigation__lesson>a:hover{color:var(--foreground);text-decoration:underline}.curriculum-navigation__lesson-status{flex:0 0 auto;margin-top:.1rem}.curriculum-navigation__lesson-body{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.curriculum-navigation__lesson-title{color:var(--foreground);font-weight:700}.curriculum-navigation__lesson-tag{font-size:.875rem}.curriculum-navigation [aria-current=page]{border-inline-start-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--background));color:var(--foreground)}.curriculum-navigation [aria-current=page] .curriculum-navigation__lesson-status{color:var(--accent)}.curriculum-navigation [aria-current=page] .curriculum-navigation__lesson-tag:last-child{font-weight:700}.curriculum-navigation__lesson[data-lesson-state=completed] .curriculum-navigation__lesson-status{color:var(--accent)}@media (max-width:30rem){.curriculum-navigation__lessons{-webkit-padding-start:.25rem;padding-inline-start:.25rem}}.lesson-header{margin-bottom:2rem}.lesson-header h1{max-width:18ch;font-size:clamp(2rem,7vw,4rem);overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}.lesson-byline{color:var(--muted);font-weight:700}.lesson-content{margin-top:2rem}.lesson-content h2{margin-top:2.5rem}.lesson-section-navigation{margin:2rem 0;padding:1.25rem;border:1px solid var(--border);border-radius:.5rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.lesson-section-navigation h2{margin:0;font-size:1.125rem}.lesson-section-navigation ol{display:grid;grid-gap:.5rem;gap:.5rem;margin:.75rem 0 0;padding-left:1.25rem}.lesson-section-navigation a{color:var(--accent);font-weight:700}.lesson-section-navigation a:hover{text-decoration-thickness:.15em}.lesson-section-navigation__locked{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;overflow-wrap:anywhere}.lesson-section-navigation__locked>span:first-child{font-weight:700}.lesson-section-navigation__locked .access-label,.lesson-section-navigation__status{font-size:.8rem}.lesson-section-navigation__status{color:var(--muted)}.lesson-section-navigation__locked p{flex-basis:100%;margin:0;color:var(--muted);font-size:.875rem}.lesson-section-navigation--dns-map,.lesson-section-navigation--network-map{min-width:0;padding:0;overflow:hidden}.dns-map__trigger{display:inline-flex;align-items:center;min-block-size:44px;margin:.75rem 1rem;padding:.6rem .9rem;border:1px solid color-mix(in srgb,var(--accent) 70%,var(--border));border-radius:.5rem;background:color-mix(in srgb,var(--accent) 14%,var(--background));color:var(--foreground);box-shadow:0 .2rem .7rem rgb(0 0 0/12%);font:inherit;text-align:start;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.dns-map__trigger:focus-visible,.dns-map__trigger:hover,.dns-map__trigger[aria-expanded=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 23%,var(--background))}.dns-map__trigger:hover{transform:translateY(-1px)}.dns-map__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dns-map__trigger strong{font-size:1.05rem}.dns-map__route{position:relative;display:flex;align-items:center;gap:.35rem;min-width:0;padding:.25rem 1rem 1rem;overflow:hidden}.dns-map__travelling-packet{position:absolute;z-index:2;inset-inline-start:1rem;inset-block-start:.7rem;color:var(--accent);font-size:.7rem;opacity:0;filter:drop-shadow(0 0 .3rem color-mix(in srgb,var(--accent) 70%,transparent));pointer-events:none}.dns-map__panel .dns-map__travelling-packet{animation:dns-packet-route 1.35s ease-in-out .12s both}.dns-map__hop{display:flex;flex:1 0 auto;align-items:center;gap:.35rem}.dns-map__hop>span{padding:.35rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--background));font-weight:700;white-space:nowrap}.dns-map__panel .dns-map__hop>span{animation:dns-node-reveal .28s ease-out both}.dns-map__panel .dns-map__hop:nth-of-type(3)>span{animation-delay:.38s}.dns-map__panel .dns-map__hop:nth-of-type(4)>span{animation-delay:.7s}.dns-map__panel .dns-map__hop:nth-of-type(5)>span{animation-delay:1.02s}.dns-map__hop>i{display:block;flex:1 0 1.25rem;block-size:2px;background:var(--border)}.dns-map__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 1.25rem;gap:0 1.25rem;padding:0 1rem 1rem;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.dns-map__groups section{min-width:0;-webkit-padding-before:1rem;padding-block-start:1rem}.dns-map__groups h3{margin:0 0 .5rem;font-size:1rem}.lesson-section-navigation--dns-map .dns-map__groups ol{display:grid;grid-gap:.4rem;gap:.4rem;margin:0;-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.lesson-section-navigation--network-map .network-map__route{flex-wrap:wrap;row-gap:.65rem}.lesson-section-navigation--network-map .network-map__hop{min-width:0}.lesson-section-navigation--network-map .network-map__groups ol{display:grid;grid-gap:.4rem;gap:.4rem;margin:0;-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.network-map__groups section{min-width:0}@media (max-width:35rem){.dns-map__groups,.network-map__groups{grid-template-columns:minmax(0,1fr)}.network-map__route{align-items:stretch;flex-direction:column}.network-map__hop{width:100%}.network-map__hop>i{min-block-size:.75rem;inline-size:2px;-webkit-margin-start:1rem;margin-inline-start:1rem}}.lesson-section-navigation__locked-link{padding:.2rem .3rem;border-radius:.35rem;color:var(--muted);text-decoration:none}.lesson-section-navigation__locked-link:focus-visible,.lesson-section-navigation__locked-link:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--foreground)}.lesson-section-navigation__locked-link>span:first-child{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:.2em}@keyframes dns-packet-route{0%{inset-inline-start:1rem;opacity:0;transform:scale(.75)}10%{opacity:1}88%{opacity:1}to{inset-inline-start:calc(100% - 2rem);opacity:0;transform:scale(1)}}@keyframes dns-node-reveal{0%{opacity:.45;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dns-map__trigger,.network-map__trigger{transition:none}.dns-map__panel .dns-map__hop>span,.dns-map__panel .dns-map__travelling-packet,.network-map__panel .network-map__hop>span,.network-map__panel .network-map__travelling-packet{animation:none;opacity:1}}.access-card{min-width:0;padding:clamp(1rem,4vw,1.5rem);overflow-wrap:anywhere;border:1px solid var(--border);-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.5rem;background:color-mix(in srgb,var(--accent) 6%,var(--background))}.access-card h2{margin-top:0}.access-card>p:not(.eyebrow){color:var(--muted)}.access-card .primary-link{max-width:100%;min-height:2.75rem}.sign-in-page{display:grid;width:min(100% - 1.5rem,72rem);min-height:calc(100dvh - 12rem);place-items:center;margin:0 auto;padding:clamp(2rem,8vw,6rem) 0}.sign-in-card{width:min(100%,38rem);padding:clamp(1.25rem,5vw,2.5rem);border-inline-start-width:1px;border-radius:1rem;box-shadow:0 1.25rem 3rem rgb(0 0 0/18%)}.sign-in-card h1{max-width:none;margin-block:.35rem 0;font-size:clamp(2.25rem,6vw,3.3rem);line-height:1.08;overflow-wrap:normal}.sign-in-card .summary{margin-block:1.25rem}.sign-in-card__trust{display:grid;grid-gap:.45rem;gap:.45rem;margin:0 0 1.5rem;padding:0;color:var(--muted);list-style:none}.sign-in-card__trust li:before{content:"✓";-webkit-margin-end:.55rem;margin-inline-end:.55rem;color:var(--accent);font-weight:900}.sign-in-form{display:grid;grid-gap:1rem;gap:1rem}.sign-in-form button{width:100%;min-height:3rem;justify-content:center;border:1px solid var(--accent);font:inherit;font-weight:800;cursor:pointer}.sign-in-form .secondary-link{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border-radius:.55rem;background:var(--background);color:var(--foreground)}.sign-in-divider{display:flex;align-items:center;gap:.75rem;margin:0;color:var(--muted);font-size:.875rem;text-transform:uppercase}.sign-in-divider:after,.sign-in-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.sign-in-field,.sign-in-form form{display:grid;grid-gap:.55rem;gap:.55rem}.sign-in-field label{font-weight:800}.sign-in-field input{width:100%;min-height:3rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:.55rem;background:var(--background);color:var(--foreground);font:inherit}.sign-in-form .sign-in-text-action{justify-self:start;width:auto;min-height:2.75rem;padding:.35rem 0;border:0;border-radius:0;background:transparent;color:var(--accent);text-align:start;text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.22em}.sign-in-form .sign-in-text-action:hover{text-decoration-thickness:.16em}.sign-in-form .sign-in-text-action:disabled{color:var(--muted);cursor:wait;opacity:.7}.sign-in-feedback{margin:0;padding:.75rem;border-radius:.5rem}.sign-in-feedback--error{border:1px solid #ef4444}.sign-in-feedback--success{border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--background))}.sign-in-card__back{display:block;margin-top:1.25rem;color:var(--accent);font-weight:800;text-align:center}@media (max-width:30rem){.sign-in-page{width:min(100% - 1rem,72rem);padding-block:1rem}.sign-in-card{padding:1rem;border-radius:.75rem}}.registration-boundary{margin-top:2.5rem}.learning-block{margin:2rem 0;padding:1.25rem;border:1px solid var(--border);border-radius:.5rem}.learning-block h2,.learning-block h3,.learning-block p:first-child{margin-top:0}.learning-objective{border-left:.35rem solid var(--accent)}.knowledge-check fieldset{margin:0;padding:0;border:0}.knowledge-check legend{font-size:1.125rem;font-weight:700}.knowledge-check-options{display:grid;grid-gap:.75rem;gap:.75rem;margin:1rem 0}.knowledge-check-options label{display:flex;align-items:flex-start;gap:.5rem}.knowledge-check button{padding:.6rem .9rem;border:1px solid var(--accent);border-radius:.35rem;background:var(--accent);color:var(--accent-foreground);font:inherit;font-weight:700}.knowledge-check button:disabled{cursor:not-allowed;opacity:.55}.knowledge-check-result{margin-top:1rem}.knowledge-check-result p{margin:.5rem 0 0}.interview-scenario summary{cursor:pointer;font-weight:700}.interview-scenario details>div{margin-top:1rem}.wireshark-check code{overflow-wrap:anywhere}.premium-preview{background:color-mix(in srgb,var(--accent) 8%,var(--background))}.lesson-navigation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.network-journey{margin:2rem 0}.network-journey-diagram{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.network-journey .network-topology__device-symbol{stroke:var(--accent)}.network-node text{fill:var(--foreground);font-size:1.1rem;font-weight:700}.network-node .network-node-role{fill:var(--muted);font-size:.75rem;font-weight:400}.network-link{stroke:var(--accent);stroke-width:4}.network-arrowhead{fill:var(--accent)}.network-link-label{fill:var(--muted);font-size:.8rem}.network-journey figcaption{margin-top:.75rem;color:var(--muted);text-align:center}.lesson-notice{margin:2rem 0;padding:1rem 1.25rem;border-left:.35rem solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--background))}.packet-flow{margin:2rem 0;padding:clamp(1rem,4vw,1.5rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.packet-flow>h2,.packet-flow>p{margin-top:0}.network-topology svg,.packet-flow-topology{display:block;width:100%;height:auto;overflow:visible;border:1px solid var(--border);border-radius:.5rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.network-topology__links{stroke:var(--muted);stroke-width:3}.network-topology__link[data-active=true]{stroke:var(--accent);stroke-width:6;stroke-dasharray:10 6}.network-topology__interfaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));grid-gap:.5rem;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.network-topology__interfaces li{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;min-width:0;padding:.5rem;border:1px solid var(--border);border-radius:.45rem;color:var(--muted);font-size:.8rem}.network-topology__interfaces li[data-active]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--background));color:var(--foreground)}.network-topology__interfaces span{min-width:0;overflow-wrap:break-word}.network-topology__device-symbol{fill:none;stroke:var(--muted);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.network-topology__device-surface{fill:var(--background)}.network-topology__device[data-active=true] .network-topology__device-symbol{stroke:var(--accent);stroke-width:5}.network-topology__device text{fill:var(--foreground);font-size:1.1rem;font-weight:700}.network-topology__device .network-topology__device-role{fill:var(--muted);font-size:.75rem;font-weight:400}.network-topology__device[role=button]{cursor:pointer}.network-topology__device[role=button]:focus-visible .network-topology__device-symbol,.network-topology__device[role=button]:hover .network-topology__device-symbol{stroke:var(--accent);stroke-width:5}.network-topology__device[aria-pressed=true] .network-topology__device-surface{fill:color-mix(in srgb,var(--accent) 12%,var(--background))}.network-topology__device[aria-pressed=true] .network-topology__device-symbol{stroke:var(--accent);stroke-width:5}.network-topology__packet-marker{fill:var(--accent);stroke:var(--background);stroke-width:2;filter:drop-shadow(0 0 9px var(--accent))}.network-topology__packet-marker--travel{animation:network-packet-travel var(--packet-travel-duration,.6s) linear both}.network-topology__packet-marker--travel[data-playing=false]{animation-play-state:paused}@keyframes network-packet-travel{0%{translate:0 0;opacity:.5}to{translate:var(--packet-travel-x) var(--packet-travel-y);opacity:1}}.network-topology__packet-marker--emphasized{fill:var(--accent);opacity:1;filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px var(--accent))}.network-topology__packet-marker--muted{fill:#718096;stroke:#9aa7b6;opacity:.35;filter:none}.network-topology__packet-marker--broadcast{fill:#f59e0b;filter:drop-shadow(0 0 9px #f59e0b)}.network-topology__packet-marker path{fill:none;stroke:var(--background);stroke-width:2;stroke-linejoin:round}.network-topology__electrical-signal{fill:none;stroke:#66ffe0;stroke-width:9;stroke-linecap:round;stroke-dasharray:12 100;filter:drop-shadow(0 0 4px #37f6d3) drop-shadow(0 0 9px #20e7b9);animation:lease-electric-traverse 1.5s linear both;pointer-events:none}.network-topology__electrical-signal[data-playing=false]{animation-play-state:paused}.network-topology--reduced-motion .network-topology__electrical-signal{animation:none;stroke-dasharray:none;stroke-width:5;opacity:1}.network-topology__packet-marker--signal{animation:network-electrical-packet-travel 1.5s linear both;pointer-events:none}.network-topology__packet-marker--signal[data-playing=false]{animation-play-state:paused}.network-topology--reduced-motion .network-topology__packet-marker--signal{animation:none;opacity:1}@keyframes network-electrical-packet-travel{0%{transform:translate(var(--packet-start-x),var(--packet-start-y));opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(var(--packet-end-x),var(--packet-end-y));opacity:0}}.network-topology__active-text{margin:1rem 0 0;color:var(--foreground);font-weight:700;line-height:1.5rem}.packet-flow-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}.packet-flow-controls button,.packet-flow-controls select{min-height:2.75rem;border:1px solid var(--accent);border-radius:.35rem;background:var(--background);color:var(--foreground);font:inherit}.packet-flow-controls button{min-width:5.5rem;padding:.55rem .8rem;cursor:pointer;font-weight:700}.packet-flow-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:700}.packet-flow-controls select{padding:.4rem}.packet-flow-controls button:disabled{cursor:not-allowed;opacity:.55}.packet-flow-motion-choice{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.packet-flow-motion-choice button{min-height:2.75rem;padding:.55rem .8rem;border:1px solid var(--accent);border-radius:.35rem;background:var(--background);color:var(--foreground);cursor:pointer;font:inherit;font-weight:700}.packet-flow-motion-choice span{color:var(--muted)}.packet-flow-details{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}.packet-flow-details--inspector-only .packet-inspector{grid-column:1/-1}.packet-flow-progress,.packet-inspector{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.5rem}.packet-flow-progress>:first-child,.packet-inspector>:first-child{margin-top:0}.packet-inspector dl{margin:0}.packet-inspector dl>div{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.2rem;gap:.2rem;padding:.65rem 0;border-top:1px solid var(--border)}.packet-inspector dt{font-weight:700}.packet-inspector dd{min-width:0;margin:0;overflow-wrap:anywhere}.packet-inspector [data-changed=true]{border-left:.25rem solid var(--accent);padding-left:.65rem;color:var(--accent);font-weight:700}.packet-inspector [data-changed=true] span{display:block;margin-top:.2rem;color:var(--foreground);font-size:.875rem}.packet-inspector__depth{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1rem;padding:0;border:0}.packet-inspector__depth legend{width:100%;margin-bottom:.35rem;font-weight:800}.packet-inspector__depth label{display:flex;align-items:center;gap:.4rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.45rem;cursor:pointer}.packet-inspector__depth label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--background))}.packet-inspector__layers{margin-bottom:1rem}.packet-inspector__layers section{min-width:0;padding:.65rem;border:2px solid var(--accent);border-radius:.5rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.packet-inspector__layers section section{margin-top:.55rem;border-color:var(--focus-ring);background:var(--background)}.packet-inspector__layers h4{margin:0;font-size:.9rem}.hosts-devices-experience{margin:2rem 0}.static-topology-guide{margin:1.5rem 0;padding:clamp(1rem,4vw,1.5rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 3%,var(--background))}.static-topology-guide>h3{margin-top:0}.static-topology-guide__devices{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem;margin-top:1rem}.static-topology-guide__devices section{padding:.85rem;border:1px solid var(--border);border-radius:.5rem}.static-topology-guide__devices h4{margin:0}.static-topology-guide__devices p{margin-bottom:0;color:var(--muted)}.journey-selector{margin:0 0 1rem;padding:clamp(1rem,4vw,1.5rem);border:1px solid var(--border);border-radius:.75rem}.journey-selector legend{padding:0 .4rem;font-size:1.125rem;font-weight:700}.journey-selector__choices{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.journey-selector__choices label{display:flex;align-items:flex-start;gap:.65rem;min-width:0;padding:.9rem;border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.journey-selector__choices label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--background))}.journey-selector__choices input{flex:0 0 auto;margin-top:.25rem}.journey-selector__choices span{display:grid;min-width:0;grid-gap:.25rem;gap:.25rem}.journey-selector__choices small{color:var(--muted);line-height:1.4}.device-details{margin:1rem 0 2rem;padding:clamp(1rem,4vw,1.5rem);border:2px solid var(--accent);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.device-details__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.device-details__header h3{margin:.15rem 0 0}.device-details__header button{min-height:2.5rem;padding:.45rem .75rem;border:1px solid var(--accent);border-radius:.35rem;background:var(--background);color:var(--foreground);font:inherit;font-weight:700;cursor:pointer}.device-details__category{margin:0;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.device-details__explanations{margin:1.25rem 0}.device-details__explanations>div{display:grid;grid-template-columns:minmax(8rem,.35fr) minmax(0,1fr);grid-gap:.5rem 1rem;gap:.5rem 1rem;padding:.75rem 0;border-top:1px solid var(--border)}.device-details__explanations dt{font-weight:700}.device-details__explanations dd{min-width:0;margin:0;overflow-wrap:anywhere}.device-details summary{cursor:pointer;font-weight:700}.layer-model-comparison{margin:2rem 0;padding:clamp(1rem,3vw,1.5rem);overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.layer-model-comparison__intro h3{margin:0}.layer-model-comparison__intro p{max-width:65ch;color:var(--muted)}.layer-model-comparison__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem;margin-top:1.5rem}.layer-mapping-guide,.layer-model-stack{min-width:0}.layer-mapping-guide>h4,.layer-model-stack>h4{margin:0 0 .75rem;color:var(--foreground);font-size:1rem}.layer-model-stack__list{display:grid;grid-gap:.65rem;gap:.65rem;margin:0;padding:0;list-style:none}.layer-model-card{min-width:0;padding:.85rem;overflow-wrap:anywhere;border:1px solid var(--border);-webkit-border-start:.3rem solid var(--accent);border-inline-start:.3rem solid var(--accent);border-radius:.5rem;background:var(--background)}.layer-model-card h5{margin:0;font-size:1rem}.layer-model-card p{margin:.4rem 0 0}.layer-model-card__eyebrow{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.layer-model-card__examples{color:var(--muted);font-size:.875rem}.layer-mapping-guide__entries{display:grid;grid-gap:.65rem;gap:.65rem}.layer-mapping-card{position:relative;min-width:0;padding:.85rem;overflow-wrap:anywhere;border:1px dashed var(--accent);border-radius:.5rem;background:color-mix(in srgb,var(--accent) 8%,var(--background))}.layer-mapping-card p{margin:0}.layer-mapping-card p+p{margin-top:.4rem;color:var(--muted);font-size:.875rem}.layer-mapping-card__connector{display:block;margin-bottom:.3rem;color:var(--accent);font-size:1.25rem;font-weight:900;line-height:1}.device-layer-scope{margin:2rem 0;padding:clamp(1rem,3vw,1.5rem);overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.device-layer-scope__intro h3{margin:0}.device-layer-scope__intro p{max-width:65ch;color:var(--muted)}.device-layer-scope__list{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none}.device-layer-scope__card{min-width:0;padding:1rem;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.5rem;background:var(--background)}.device-layer-scope__heading{display:flex;align-items:center;gap:.75rem}.device-layer-scope__heading h4{margin:0}.device-layer-scope__symbol{flex:0 0 3.5rem;width:3.5rem;height:3.5rem}.device-layer-scope__symbol .network-topology__device-symbol{stroke:var(--accent)}.device-layer-scope__scope{margin:.75rem 0 0}.device-layer-scope__card>p:not(.device-layer-scope__scope){color:var(--muted)}.device-layer-scope__layers{margin:1rem 0 0}.device-layer-scope__layers>div{display:grid;grid-template-columns:minmax(3.5rem,.3fr) minmax(0,1fr);grid-gap:.5rem;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--border)}.device-layer-scope__layers dt{font-weight:700}.device-layer-scope__layers dd{min-width:0;margin:0}.encapsulation-player{margin:2rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.encapsulation-player__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.encapsulation-player__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem}.encapsulation-player__controls button,.encapsulation-player__controls select{min-height:2.75rem;border:1px solid var(--accent);border-radius:.35rem;background:var(--background);color:var(--foreground);font:inherit}.encapsulation-player__controls button{min-width:5.5rem;padding:.55rem .8rem;cursor:pointer;font-weight:700}.encapsulation-player__controls button:disabled{cursor:not-allowed;opacity:.55}.encapsulation-player__controls label{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:700}.encapsulation-player__controls select{padding:.4rem}.encapsulation-player__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}.encapsulation-player__step,.encapsulation-player__visual{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background)}.encapsulation-player__counter,[data-current-direction]{margin:0 0 .35rem;color:var(--accent);font-weight:800}.encapsulation-player__step h3{margin:.6rem 0}.encapsulation-player__layers{margin:1rem 0}.encapsulation-player__layers>div{display:grid;grid-template-columns:minmax(9rem,.45fr) minmax(0,1fr);grid-gap:.35rem 1rem;gap:.35rem 1rem;padding:.6rem 0;border-top:1px solid var(--border)}.encapsulation-player__layers dt{font-weight:700}.encapsulation-player__layers dd{min-width:0;margin:0;overflow-wrap:anywhere}.encapsulation-player details summary{cursor:pointer;font-weight:700}.encapsulation-player__visual{position:relative;overflow:hidden}.encapsulation-player__visual-content{position:relative;z-index:1}.encapsulation-player__visual[data-motion=transition] .encapsulation-player__visual-content{transition:opacity .32s ease-out,transform .32s ease-out}.encapsulation-player__visual-title{margin-top:0}.encapsulation-player__visual ul{display:grid;grid-gap:.35rem;gap:.35rem;margin:0;padding:0;list-style:none}.encapsulation-player__visual li{padding:.75rem;border:2px solid var(--accent);border-radius:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background));color:var(--foreground);font-weight:700;text-align:center}.encapsulation-player__decoration{position:absolute;right:-2rem;bottom:-2rem;width:9rem;height:9rem;opacity:.08;transform:rotate(15deg)}.encapsulation-player__decoration span{display:block;height:1.25rem;margin:.5rem;border:.2rem solid var(--accent);border-radius:.3rem}.encapsulation-player__stacks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.encapsulation-player__stack{min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background)}.encapsulation-player__stack h3{margin:0 0 .75rem;font-size:1rem}.encapsulation-player__stack ol{display:grid;grid-gap:.4rem;gap:.4rem;margin:0;padding:0;list-style:none}.encapsulation-player__stack li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.3rem}.encapsulation-player__stack li[data-active=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--background));font-weight:800}.encapsulation-player__layer-state{flex:0 0 auto;color:var(--muted);font-size:.8rem;font-weight:700}.encapsulation-player__stack li[data-active=true] .encapsulation-player__layer-state{color:var(--accent)}@media (min-width:54rem){.layer-model-comparison__grid{grid-template-columns:minmax(0,1.05fr) minmax(12rem,.8fr) minmax(0,1.05fr);align-items:start}.layer-mapping-card__connector{position:absolute;top:.8rem;left:-.8rem;margin:0;padding:0 .15rem;background:var(--background)}}@media (min-width:50rem){.encapsulation-player__grid{grid-template-columns:minmax(0,1.2fr) minmax(14rem,.8fr)}.device-layer-scope__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:75rem){.device-layer-scope__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:46rem){.journey-selector__choices,.static-topology-guide__devices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:35rem){.device-details__explanations>div,.encapsulation-player__layers>div,.encapsulation-player__stacks{grid-template-columns:minmax(0,1fr)}}@media (min-width:56rem){.packet-flow-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.connection-media-comparison,.connection-media-lab{min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.75rem,2vw,1.25rem);overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.connection-media-comparison>h3{margin-top:0}.connection-media-comparison__qualities{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;margin:1.25rem 0;padding:0;border:0}.connection-media-comparison__qualities legend{margin-bottom:.75rem;font-weight:700}.connection-choice-grid label,.connection-media-comparison__qualities label{display:flex;align-items:center;gap:.5rem;min-width:0;min-height:2.75rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);cursor:pointer}.connection-choice-grid label:has(input:checked),.connection-media-comparison__qualities label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--background))}.connection-choice-grid input,.connection-media-comparison__qualities input{flex:0 0 auto;accent-color:var(--accent)}.connection-media-comparison__panels{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.connection-media-card{min-width:0;padding:.85rem;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.5rem;background:var(--background)}.connection-media-card h4{margin:0;font-size:1.125rem}.connection-media-card p:last-child{margin-bottom:0}.signal-track{--signal-duration:2.8s;--signal-end:calc(100% - 0.7rem);position:relative;min-width:0;max-width:100%;padding:.5rem 0 1.25rem;color:var(--accent)}.signal-track:after{position:absolute;right:0;bottom:.5rem;left:0;content:"";border-top:3px solid}.signal-track[data-signal=electrical]:after{border-top-style:dashed}.signal-track[data-signal=optical]:after{border-top-style:double;border-top-width:4px}.signal-track[data-signal=radio]:after{border-top-style:dotted}.signal-track__stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.2rem;gap:.2rem;color:var(--foreground);font-size:.75rem;text-align:center}.signal-track__stages span{min-width:0;padding:.3rem .1rem;border:1px solid var(--border);border-radius:.25rem;opacity:.45}.signal-track[data-active-stage=destination] .signal-track__stage--destination,.signal-track[data-active-stage=medium] .signal-track__stage--medium,.signal-track[data-active-stage=source] .signal-track__stage--source{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--background));opacity:1}.signal-track__pulse{position:absolute;z-index:1;bottom:.3rem;left:0;width:.7rem;height:.7rem;border:1px solid var(--foreground);background:var(--accent)}.signal-track[data-signal=optical] .signal-track__pulse{border-radius:50%}.signal-track[data-signal=radio] .signal-track__pulse{border-radius:50% 50% 0 0}.signal-track[data-motion=travel] .signal-track__pulse{animation:connection-signal-travel var(--signal-duration) linear infinite}.signal-track[data-motion=reduced] .signal-track__pulse{display:none;animation:none}.signal-track[data-quality=distance][data-signal=electrical]{--signal-duration:1.7s;--signal-end:42%}.signal-track[data-quality=distance][data-signal=optical]{--signal-duration:3.2s;--signal-end:calc(100% - 0.7rem)}.signal-track[data-quality=distance][data-signal=radio]{--signal-duration:2.4s;--signal-end:62%}.signal-track[data-quality=bandwidth][data-signal=electrical]{--signal-duration:1.9s;--signal-end:72%}.signal-track[data-quality=bandwidth][data-signal=optical]{--signal-duration:1.3s;--signal-end:calc(100% - 0.7rem)}.signal-track[data-quality=bandwidth][data-signal=radio]{--signal-duration:3.4s;--signal-end:54%}.signal-track[data-quality=interference][data-signal=electrical]{--signal-duration:3.5s;--signal-end:58%}.signal-track[data-quality=interference][data-signal=optical]{--signal-duration:1.8s;--signal-end:calc(100% - 0.7rem)}.signal-track[data-quality=interference][data-signal=radio]{--signal-duration:3.7s;--signal-end:48%}.signal-track[data-quality=mobility][data-signal=electrical],.signal-track[data-quality=mobility][data-signal=optical]{--signal-duration:2.5s;--signal-end:68%}.signal-track[data-quality=mobility][data-signal=radio]{--signal-duration:1.6s;--signal-end:calc(100% - 0.7rem)}.signal-track[data-quality=cost][data-signal=electrical]{--signal-duration:1.8s;--signal-end:74%}.signal-track[data-quality=cost][data-signal=optical]{--signal-duration:3.1s;--signal-end:64%}.signal-track[data-quality=cost][data-signal=radio]{--signal-duration:2.2s;--signal-end:78%}@keyframes connection-signal-travel{0%{left:0}to{left:var(--signal-end)}}.connection-media-lab .journey-selector{min-width:0;padding:.75rem}.connection-requirements{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.5rem;gap:.5rem;margin:1rem 0}.connection-requirements>div{min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:.35rem;background:var(--background)}.connection-requirements dt{font-weight:700}.connection-requirements dd{min-width:0;margin:.25rem 0 0;overflow-wrap:anywhere}.connection-choice-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.5rem;gap:.5rem}.connection-choice-grid span{min-width:0;overflow-wrap:anywhere}.connection-media-lab button{max-width:100%;overflow-wrap:anywhere}.connection-media-lab details{margin-top:1.25rem}.connection-media-lab summary{min-height:2.75rem;cursor:pointer;font-weight:700}.connection-result{--outcome-border-style:solid;min-width:0;margin:1.25rem 0;padding:1rem;overflow-wrap:anywhere;border:2px var(--outcome-border-style) var(--accent);border-inline-start-width:.4rem;border-radius:.5rem;background:color-mix(in srgb,var(--accent) 8%,var(--background))}.connection-result h3{margin-top:0}.connection-result[data-outcome=workable-with-trade-offs]{--outcome-border-style:dashed}.connection-result[data-outcome=unsuitable]{--outcome-border-style:double;border-width:4px}@media (min-width:56rem){.connection-choice-grid,.connection-media-comparison__panels,.connection-requirements{grid-template-columns:repeat(3,minmax(0,1fr))}}.arp-local-delivery-player,.arp-variant-player,.frame-forwarding-lab,.switch-learning-player,.switching-comparison,.vlan-membership-player{min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.arp-local-delivery-player>h3,.arp-variant-player>h3,.switch-learning-player>h3,.vlan-membership-player>h3{margin-top:0}.arp-local-delivery-player__choices,.arp-variant-player__choices,.switch-learning-player__choices,.vlan-membership-player__choices{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.arp-local-delivery-player__choices legend,.arp-variant-player__choices legend,.switch-learning-player__choices legend,.vlan-membership-player__choices legend{margin-bottom:.6rem;font-weight:800}.arp-local-delivery-player__choices label,.arp-variant-player__choices label,.switch-learning-player__choices label,.vlan-membership-player__choices label,.vlan-membership-player__move{display:flex;min-width:0;min-block-size:44px;align-items:center;gap:.55rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);cursor:pointer}.arp-local-delivery-player__choices label:has(input:checked),.arp-variant-player__choices label:has(input:checked),.switch-learning-player__choices label:has(input:checked),.vlan-membership-player__choices label:has(input:checked),.vlan-membership-player__move:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background))}.arp-local-delivery-player__choices input,.arp-variant-player__choices input,.switch-learning-player__choices input,.vlan-membership-player input{flex:0 0 auto;accent-color:var(--accent)}@media (max-width:35rem){.arp-local-delivery-player__choices label,.arp-variant-player__choices label,.vlan-membership-player__choices label,.vlan-membership-player__move{width:100%}}.vlan-tag-journey-player{max-width:100%;margin:2rem 0;overflow:hidden}.router-on-stick-player,.vlan-tag-journey-player{min-width:0;padding:clamp(.8rem,2.5vw,1.4rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.router-on-stick-player{margin:1.5rem 0}.router-on-stick-player>h3{margin-top:0}.router-on-stick-player>.packet-flow{margin:1rem 0 0}.router-on-stick-player__legend{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0;font-size:.85rem}.router-on-stick-player__legend span{padding:.35rem .6rem;border:1px solid var(--border);border-radius:99px}.router-on-stick-player__legend span:first-child{border-color:#ef6a76;color:#ff9da6}.router-on-stick-player__legend span:nth-child(2){border-color:#30ba8b;color:#69dfae}.router-on-stick-player .network-topology__link[data-link-id=vlan10-access]{stroke:#a84d5b}.router-on-stick-player .network-topology__link[data-link-id=vlan20-access]{stroke:#268761}.router-on-stick-player[data-active-vlan="10"] .network-topology__link[data-active=true],.router-on-stick-player[data-active-vlan="10"] .network-topology__packet-marker{stroke:#ef6a76;fill:#ef6a76}.router-on-stick-player[data-active-vlan="20"] .network-topology__link[data-active=true],.router-on-stick-player[data-active-vlan="20"] .network-topology__packet-marker{stroke:#30ba8b;fill:#30ba8b}.router-on-stick-player .network-topology__packet-marker path{stroke:var(--background);fill:none}.vlan-tag-journey-player>h3{margin-top:0}.vlan-tag-journey-player__choices,.vlan-tag-journey-player__inspection{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.vlan-tag-journey-player__choices legend,.vlan-tag-journey-player__inspection legend{margin-bottom:.6rem;font-weight:800}.vlan-tag-journey-player__choices label,.vlan-tag-journey-player__inspection label{display:flex;min-block-size:44px;align-items:center;gap:.55rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);cursor:pointer}.vlan-tag-journey-player__choices label:has(input:checked),.vlan-tag-journey-player__inspection label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background))}.vlan-tag-journey-player__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.vlan-frame-stage__fields{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.vlan-frame-stage__field{flex:1 1 7rem;padding:.65rem;border:2px solid var(--accent);border-radius:.35rem;background:var(--background);font-weight:800;text-align:center}.vlan-frame-stage__tag-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:.5rem;gap:.5rem;margin-top:.75rem}.vlan-frame-stage__tag-details div{padding:.55rem;border:1px solid var(--border);border-radius:.35rem}.vlan-frame-stage__tag-details dt{font-weight:800}.vlan-frame-stage__tag-details dd{margin:.25rem 0 0}@media (max-width:48rem){.vlan-tag-journey-player__details{grid-template-columns:minmax(0,1fr)}}@media (max-width:35rem){.vlan-tag-journey-player__choices label,.vlan-tag-journey-player__inspection label{width:100%}.vlan-frame-stage__field{flex-basis:100%}}.switching-comparison>h3{margin-top:0}.switching-comparison__devices,.switching-comparison__dimensions{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;margin:1.25rem 0;padding:0;border:0}.frame-forwarding-lab legend,.switching-comparison__devices legend,.switching-comparison__dimensions legend{margin-bottom:.65rem;font-weight:800}.switching-choice-grid label,.switching-comparison__devices label,.switching-comparison__dimensions label{display:flex;align-items:center;gap:.55rem;min-width:0;min-block-size:44px;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);cursor:pointer}.switching-choice-grid label:has(input:checked),.switching-comparison__devices label:has(input:checked),.switching-comparison__dimensions label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--background))}.switching-choice-grid input,.switching-comparison__devices input,.switching-comparison__dimensions input{flex:0 0 auto;accent-color:var(--accent)}.switching-topology{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;min-width:0;margin:1rem 0;padding:.9rem;border:2px dashed var(--accent);border-radius:.5rem;background:var(--background);font-weight:750;text-align:center}.switching-comparison__panels{display:grid;grid-gap:.8rem;gap:.8rem}.switching-device-card{min-width:0;padding:1rem;border:1px solid var(--border);-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.55rem;background:var(--background)}.switching-device-card h4{margin-top:0;font-size:1.15rem}.switching-device-card[data-behavior=repeat]{border-inline-start-style:double}.switching-device-card[data-behavior=filter],.switching-device-card[data-behavior=segment]{border-inline-start-style:dashed}.switching-device-card[data-behavior=learn]{border-inline-start-style:dotted}.switching-device-card[data-behavior=flood]{-webkit-border-after:3px double var(--accent);border-block-end:3px double var(--accent)}.switching-what-changed{margin-top:1rem;padding:.9rem;border:1px solid var(--border);border-radius:.5rem}.switching-what-changed h5{margin:0;font-size:1rem}.switching-what-changed dl{margin-bottom:0}.switching-what-changed dl>div{display:grid;grid-template-columns:minmax(9rem,.35fr) minmax(0,1fr);grid-gap:.4rem 1rem;gap:.4rem 1rem;padding:.55rem 0;border-top:1px solid var(--border)}.switching-what-changed dt{font-weight:800}.switching-what-changed dd{margin:0}@media (max-width:35rem){.switching-what-changed dl>div{grid-template-columns:minmax(0,1fr)}}.switching-traffic-path{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:.3rem;gap:.3rem;min-width:0;padding:.7rem;border:1px solid var(--border);border-radius:.4rem;text-align:center}.switching-traffic-path[data-motion=travel] strong{animation:switching-action-pulse 1.8s ease-in-out infinite}@keyframes switching-action-pulse{50%{opacity:.55}}.frame-forwarding-lab form>button,.frame-forwarding-lab>button{min-block-size:44px;max-width:100%;padding:.65rem .9rem;border:1px solid var(--accent);border-radius:.45rem;background:var(--accent);color:var(--accent-foreground);font:inherit;font-weight:800;cursor:pointer}.frame-forwarding-lab form>button:disabled{cursor:not-allowed;opacity:.55}.frame-forwarding-lab fieldset{min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.frame-evidence,.switching-choice-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.5rem;gap:.5rem}.frame-evidence>div{min-width:0;padding:.7rem;border:1px solid var(--border);border-radius:.4rem;background:var(--background)}.frame-evidence dt{font-weight:800}.frame-evidence dd{min-width:0;margin:.25rem 0 0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.forwarding-table-scroll{max-width:100%;overflow-x:auto}.forwarding-table-scroll table{min-width:28rem}.frame-forwarding-result{margin-top:1.25rem;padding:1rem;border:2px solid var(--accent);border-inline-start-width:.4rem;border-radius:.55rem;background:color-mix(in srgb,var(--accent) 8%,var(--background))}.frame-forwarding-result>h3{margin-top:0}@media (min-width:56rem){.frame-evidence,.switching-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:35rem){.switching-traffic-path{grid-template-columns:minmax(0,1fr)}.switching-traffic-path>[aria-hidden=true]{transform:rotate(90deg)}}.informational-page{width:min(100% - 2rem,52rem);margin:0 auto;padding:clamp(3rem,8vw,6rem) 0}.informational-page h1{max-width:20ch}.informational-page h2{margin-top:2rem;line-height:1.2}.dashboard-page{display:grid;grid-gap:1.25rem;gap:1.25rem}.dashboard-page>h1,.dashboard-page>p{margin:0}.dashboard-account,.dashboard-progress{min-width:0;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border);border-radius:.8rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.dashboard-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.dashboard-account h2,.dashboard-progress>h2{margin:0 0 .6rem}.dashboard-account p{margin:0}.dashboard-sign-out button{min-block-size:44px;padding:.6rem .9rem;border:1px solid var(--border);border-radius:.5rem;background:var(--background);color:var(--foreground);font:inherit;font-weight:700;cursor:pointer}.dashboard-sign-out button:disabled{opacity:.65;cursor:wait}.dashboard-sign-out [role=alert]{margin-top:.5rem;color:var(--foreground)}.dashboard-progress .my-learning{margin-top:1rem}.waitlist-card{display:grid;grid-gap:1.25rem;gap:1.25rem;min-width:0;max-width:100%;margin-top:2rem;padding:clamp(1.25rem,4vw,2rem);border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:0 1rem 3rem color-mix(in srgb,var(--foreground) 8%,transparent)}.waitlist-card__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.waitlist-card__heading h2{margin:.2rem 0 0}.waitlist-card__body{display:grid;grid-gap:1rem;gap:1rem}.waitlist-status{flex:0 0 auto;padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.85rem;font-weight:800}.waitlist-status--joined{border-color:color-mix(in srgb,#22c55e 55%,var(--border));color:#15803d}.waitlist-consent{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:.75rem;gap:.75rem;min-block-size:44px;padding:.9rem;border:1px solid var(--border);border-radius:.75rem;cursor:pointer}.waitlist-consent input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--accent)}.waitlist-primary-action,.waitlist-secondary-action,.waitlist-sign-in{display:inline-flex;align-items:center;justify-content:center;min-block-size:44px;width:-moz-fit-content;width:fit-content;padding:.7rem 1rem;border-radius:.6rem;font:inherit;font-weight:800;cursor:pointer}.waitlist-primary-action{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast,#fff)}.waitlist-secondary-action{border:1px solid var(--accent);background:transparent;color:var(--accent)}.waitlist-primary-action:disabled,.waitlist-secondary-action:disabled{cursor:wait;opacity:.55}.waitlist-consent:has(input:focus-visible),.waitlist-primary-action:focus-visible,.waitlist-secondary-action:focus-visible,.waitlist-sign-in:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}.waitlist-feedback,.waitlist-update-state{color:var(--muted)}.waitlist-feedback:empty{display:none}@media (max-width:35rem){.waitlist-card__heading{align-items:flex-start;flex-direction:column}.waitlist-primary-action,.waitlist-secondary-action,.waitlist-sign-in{width:100%}}.information-grid{display:grid;grid-gap:1rem;gap:1rem;margin:2rem 0}.information-grid section{padding:1.25rem;border:1px solid var(--border);border-radius:.5rem}.information-grid h2{margin:0}.information-grid p{margin-bottom:0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 1rem;color:var(--accent);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{max-width:16ch;margin:0;font-size:clamp(2.5rem,7vw,5rem);line-height:1.05}.summary{max-width:42rem;margin:1.5rem 0 2rem;color:var(--muted);font-size:clamp(1rem,2vw,1.25rem)}.primary-link{display:inline-block;padding:.8rem 1.1rem;border:1px solid var(--accent);border-radius:.4rem;background:var(--accent);color:var(--accent-foreground);font-weight:700;text-decoration:none}.primary-link:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.signal-track .signal-track__pulse{display:none;animation:none!important}.switching-traffic-path strong{animation:none!important}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.network-topology__packet-marker,.network-topology__packet-marker--discrete{transition:none!important;animation:none!important}.network-topology[data-motion-override=true] .network-topology__packet-marker--travel{animation-name:network-packet-travel!important;animation-duration:var(--packet-travel-duration)!important;animation-timing-function:linear!important;animation-fill-mode:both!important}.encapsulation-player__visual[data-motion=transition] .encapsulation-player__visual-content{transition:none!important}}.delivery-scope-lab,.delivery-scope-player{min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.delivery-scope-lab fieldset,.delivery-scope-player fieldset{min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.delivery-scope-lab legend,.delivery-scope-player legend{font-weight:800}.delivery-scope-lab__scenarios,.delivery-scope-player__choices{display:flex;flex-wrap:wrap;gap:.5rem}.delivery-scope-lab fieldset label,.delivery-scope-player__choices label{display:flex;align-items:center;gap:.55rem;min-block-size:44px;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);cursor:pointer}.delivery-scope-lab fieldset label:has(input:checked),.delivery-scope-player__choices label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background))}.delivery-scope-lab input,.delivery-scope-player input{accent-color:var(--accent)}.delivery-scope-topology{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin:1rem 0;padding:1rem;border:2px dashed var(--accent);border-radius:.55rem;background:var(--background);text-align:center}.delivery-scope-lab__predictions,.delivery-scope-lab__result,.delivery-scope-results{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.delivery-scope-lab__result section,.delivery-scope-results section{min-width:0;padding:.8rem;border:1px solid var(--border);-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.45rem;background:var(--background)}.delivery-scope-lab__result h4,.delivery-scope-results h4{margin-top:0}.delivery-scope-lab button,.delivery-scope-lab select{min-block-size:44px;max-width:100%;padding:.65rem .9rem;border:1px solid var(--accent);border-radius:.45rem;font:inherit}.delivery-scope-lab button{background:var(--accent);color:var(--accent-foreground);font-weight:800;cursor:pointer}.delivery-scope-lab__result{margin-top:1rem;padding:1rem;border:2px solid var(--accent);border-radius:.55rem}@media (min-width:56rem){.delivery-scope-results{grid-template-columns:repeat(4,minmax(0,1fr))}.delivery-scope-lab__predictions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:35rem){.delivery-scope-topology{flex-direction:column}}@media (prefers-reduced-motion:reduce){.delivery-scope-lab *,.delivery-scope-player *{animation:none!important;transition:none!important}}.route-decision-player{min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);overflow-wrap:break-word;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.route-decision-player>h3{margin-top:0}.route-decision-player fieldset{min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.route-decision-player legend{font-weight:800}.route-decision-player__choices,.route-decision-player__explanation-mode{display:flex;flex-wrap:wrap;gap:.5rem}.route-decision-player label{display:flex;align-items:center;gap:.55rem;min-block-size:44px;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);cursor:pointer}.route-decision-player label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background))}.route-decision-player input{accent-color:var(--accent)}.route-decision-topology{min-width:0;margin:1rem 0;padding:.8rem;border:2px dashed var(--accent);border-radius:.55rem;background:var(--background);text-align:center}.route-decision-topology svg{display:block;width:100%;max-width:42rem;height:auto;margin:auto;overflow:visible}.route-decision-topology__link{fill:none;stroke:var(--accent);stroke-width:4;stroke-dasharray:10 7}.route-decision-player[data-motion=travel] .route-decision-topology__link{animation:route-link-flow 1.5s linear infinite}@keyframes route-link-flow{to{stroke-dashoffset:-34}}.route-decision-results{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem}.route-decision-results section{min-width:0;padding:.8rem;border:1px solid var(--border);-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.45rem;background:var(--background)}.route-decision-results h4{margin-top:0}.route-decision-player__explanation{padding:.9rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background)}@media (min-width:56rem){.route-decision-results{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:35rem){.route-decision-player__choices label{width:100%}}@media (prefers-reduced-motion:reduce){.route-decision-player *{animation:none!important;transition:none!important}}.route-decision-lab{min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.route-decision-lab fieldset{min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.route-decision-lab legend{font-weight:800}.route-decision-lab__choices{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.5rem;gap:.5rem}.route-decision-lab__choices label,.route-decision-lab__predictions label{display:flex;min-width:0;min-block-size:44px;gap:.4rem}.route-decision-lab__choices label{align-items:center;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background)}.route-decision-lab__predictions{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:.75rem;gap:.75rem;margin:1rem 0}.route-decision-lab__predictions label{flex-direction:column;font-weight:750}.route-decision-lab button,.route-decision-lab select{min-block-size:44px;max-width:100%;padding:.6rem .8rem;border:1px solid var(--accent);border-radius:.45rem;font:inherit}.route-decision-lab button{background:var(--accent);color:var(--accent-foreground);font-weight:800;cursor:pointer}.route-decision-lab__evidence,.route-decision-lab__result{padding:.9rem;border:1px solid var(--border);-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.45rem;background:var(--background)}@media (min-width:56rem){.route-decision-lab__choices,.route-decision-lab__predictions{grid-template-columns:repeat(2,minmax(0,1fr))}}.packet-journey-player,.static-packet-journey{min-width:0;margin:1.5rem 0}.packet-journey-stage{display:grid;grid-gap:1rem;gap:1rem}.packet-journey-topology{min-width:0;overflow:hidden;border:2px dashed var(--accent);border-radius:.65rem;background:var(--background)}.packet-journey-topology svg{display:block;width:100%;height:auto;min-height:10rem}.packet-journey-link{fill:none;stroke:var(--border);stroke-width:5;stroke-dasharray:10 8}.packet-journey-link[data-active-link]{stroke:var(--accent)}.packet-journey-topology [data-active-device] .network-topology__device-surface{fill:color-mix(in srgb,var(--accent) 24%,var(--background))}.packet-journey-marker{fill:var(--accent);stroke:var(--background);stroke-width:2;filter:drop-shadow(0 0 8px var(--accent));animation:packet-journey-pulse .9s ease-in-out infinite alternate}.packet-journey-marker path{fill:none;stroke:var(--background);stroke-width:1.6}.packet-journey-stage[data-position=on-link] .packet-journey-marker[data-active-link=intermediary-destination],.packet-journey-stage[data-position=on-link] .packet-journey-marker[data-active-link=router-destination],.packet-journey-stage[data-position=on-link] .packet-journey-marker[data-active-link=source-intermediary],.packet-journey-stage[data-position=on-link] .packet-journey-marker[data-active-link=source-router]{animation:packet-journey-travel-one-hop 1.5s ease-in-out infinite}.packet-journey-stage[data-position=on-link] .packet-journey-marker[data-active-link=source-destination]{animation:packet-journey-travel-direct 1.8s ease-in-out infinite}.packet-journey-interfaces{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0;padding:.75rem;border-top:1px solid var(--border);list-style:none}.packet-journey-interfaces li{padding:.25rem .5rem;border:1px solid var(--border);border-radius:999px;font-size:.85rem;font-weight:700}.packet-journey-interfaces li[data-active]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.packet-journey-envelope{min-width:0}.packet-journey-layer{min-width:0;padding:.8rem;border:2px solid var(--accent);border-radius:.6rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.packet-journey-layer+.packet-journey-layer,.packet-journey-layer>.packet-journey-layer{margin-top:.75rem}.packet-journey-layer h4{margin:0 0 .5rem}.packet-journey-layer dl{display:grid;grid-gap:.35rem;gap:.35rem;margin:0}.packet-journey-layer dl>div{display:grid;grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);grid-gap:.25rem .75rem;gap:.25rem .75rem;min-width:0}.packet-journey-layer dt{font-weight:800}.packet-journey-layer dd{min-width:0;margin:0;overflow-wrap:break-word}.packet-journey-layer [data-changed]{-webkit-padding-start:.5rem;padding-inline-start:.5rem;-webkit-border-start:.3rem solid var(--focus-ring);border-inline-start:.3rem solid var(--focus-ring)}.packet-journey-layer [data-changed] span{grid-column:1/-1;color:var(--accent);font-size:.8rem;font-weight:800}.packet-journey-progress{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:.5rem}.packet-journey-progress h3,.packet-journey-progress>:first-child{margin-top:0}@keyframes packet-journey-pulse{to{transform:scale(1.2);transform-origin:center}}@keyframes packet-journey-travel-one-hop{0%{transform:translateX(0)}to{transform:translateX(225px)}}@keyframes packet-journey-travel-direct{0%{transform:translateX(0)}to{transform:translateX(450px)}}@media (min-width:48rem){.packet-journey-stage{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:start}}@media (prefers-reduced-motion:reduce){.packet-journey-stage .packet-journey-marker{animation:none}}.ipv4-player{min-width:0;margin:1.5rem 0;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.ipv4-player h3{margin-top:0}.ipv4-bits{display:grid;grid-template-columns:repeat(4,minmax(3.5rem,1fr));grid-gap:.5rem;gap:.5rem}.ipv4-bits button{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0;padding:.65rem .35rem;border:1px solid var(--border);border-radius:.5rem;color:var(--foreground);background:var(--background)}.ipv4-bits button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--background))}.ipv4-bits strong,.ipv4-result{font-size:1.2rem;font-weight:800}.ipv4-boundary{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin-top:1rem}.ipv4-boundary span{min-width:0;padding:.7rem;-webkit-border-start:.3rem solid var(--accent);border-inline-start:.3rem solid var(--accent);background:var(--background);overflow-wrap:anywhere}@media (min-width:40rem){.ipv4-bits{grid-template-columns:repeat(8,minmax(3.5rem,1fr))}}.edge-device-player{min-width:0;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.edge-device-player>h3{margin-top:0}.edge-device-player fieldset{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.5rem}.edge-device-player legend{font-weight:800}.edge-device-player label{display:flex;align-items:center;gap:.55rem;min-block-size:44px;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);cursor:pointer}.edge-device-player label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background))}.edge-device-topology{display:grid;grid-template-columns:repeat(5,minmax(7rem,1fr));grid-gap:.5rem;gap:.5rem;min-width:38rem;margin:0;padding:1rem;list-style:none}.edge-device-journey{min-width:0;overflow-x:auto;border:2px dashed var(--accent);border-radius:.65rem;background:var(--background)}.edge-device-topology li{position:relative;display:grid;justify-items:center;grid-gap:.35rem;gap:.35rem;min-width:0;padding:.6rem;text-align:center;border:2px solid transparent;border-radius:.6rem}.edge-device-topology li[data-active]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--background))}.edge-device-topology svg{width:4.5rem;height:4.5rem}.edge-device-topology li>span{font-size:.82rem;overflow-wrap:anywhere}.edge-device-topology__link{position:absolute;inset-inline-end:-.75rem;inset-block-start:2.5rem;color:var(--accent);font-size:1.5rem!important;font-weight:900}.edge-device-topology__packet-marker{position:absolute;inset-block-start:-.7rem;padding:.2rem .45rem;border:2px solid var(--background);border-radius:999px;background:var(--focus-ring);color:var(--background);font-size:.72rem!important;font-weight:900;animation:edge-device-packet-arrival .65s ease-out both}.edge-device-packet{margin:0 1rem 1rem;padding:.45rem;border:2px solid var(--focus-ring);border-radius:.55rem;background:color-mix(in srgb,var(--focus-ring) 7%,var(--background));animation:edge-device-unfold .5s ease-out both}.edge-device-packet div{min-width:0;padding:.45rem;border:1px solid var(--border);border-radius:.35rem}.edge-device-packet div div{margin-top:.35rem;background:color-mix(in srgb,var(--accent) 6%,var(--background))}.edge-device-progress,.edge-device-role-card{margin:1rem;padding:1rem;border:1px solid var(--border);border-radius:.55rem}.edge-device-progress h3,.edge-device-progress>:first-child,.edge-device-role-card h3{margin-top:0}@keyframes edge-device-packet-arrival{0%{opacity:0;transform:translateX(-1.5rem)}to{opacity:1;transform:translateX(0)}}@keyframes edge-device-unfold{0%{opacity:.5;transform:scaleY(.92)}to{opacity:1;transform:scaleY(1)}}@media (max-width:35rem){.edge-device-player label{width:100%}.edge-device-topology{grid-template-columns:minmax(0,1fr);min-width:0}.edge-device-topology__link{inset-inline-end:auto;inset-block-start:auto;inset-block-end:-1rem;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.edge-device-player *{animation:none!important;transition:none!important}}.ethernet-explorer{display:grid;grid-gap:1.25rem;gap:1.25rem;min-width:0;margin:2rem 0}.ethernet-explorer>h3{margin:0}.ethernet-frame{display:grid;grid-template-columns:repeat(6,minmax(10rem,1fr));grid-gap:0;gap:0;margin:0;padding:0;overflow-x:auto;list-style:none}.ethernet-frame li{display:grid;grid-gap:.45rem;gap:.45rem;min-height:8rem;padding:.9rem;border:1px solid var(--border);background:var(--surface-raised)}.ethernet-frame span{color:var(--muted);font-size:.9rem}.ethernet-explorer__choices{display:flex;flex-wrap:wrap;gap:.6rem;min-width:0;margin:0;padding:.85rem;border:1px solid var(--border);border-radius:.75rem}.ethernet-explorer__choices label{display:flex;align-items:center;min-height:44px;gap:.5rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:.55rem;cursor:pointer}.ethernet-explorer__choices label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background))}@media (max-width:35rem){.ethernet-explorer__choices label{width:100%}}.lesson-progress-controls,.section-continue{margin:1rem 0;padding:.85rem;border:1px solid var(--border);border-radius:.65rem;background:var(--surface-raised)}.lesson-progress-controls__actions{display:flex;flex-wrap:wrap;gap:.6rem}.lesson-progress-controls button,.section-continue button{min-block-size:44px;padding:.55rem .8rem;border:1px solid var(--accent);border-radius:.45rem;background:var(--background);color:inherit;font:inherit;font-weight:750;cursor:pointer}.lesson-progress-controls button:disabled,.section-continue button:disabled{cursor:wait;opacity:.7}.lesson-progress-controls__dialog{margin-top:1rem;padding:1rem;border:2px solid var(--accent);border-radius:.6rem;background:var(--background)}.lesson-progress-controls__dialog h2{margin-top:0}.section-continue{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}@media (prefers-reduced-motion:reduce){.lesson-progress-controls *,.section-continue *{scroll-behavior:auto!important;transition:none!important}}.subnet-player{min-width:0;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.subnet-player h3{margin-top:0}.player-controls,.subnet-player fieldset{display:flex;flex-wrap:wrap;gap:.55rem;min-width:0;margin:1rem 0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.player-controls button,.player-controls label,.subnet-player fieldset label{display:flex;align-items:center;gap:.45rem;min-block-size:44px;padding:.5rem .7rem}.player-controls button,.player-controls select{border-width:1px;border-style:solid;border-color:var(--accent);border-radius:.45rem;background:var(--background);color:inherit;font:inherit}.player-controls button{cursor:pointer;font-weight:700}.player-controls button:disabled{cursor:not-allowed;opacity:.55}.subnet-player fieldset label{border:1px solid var(--border);border-radius:.45rem;background:var(--background)}.subnet-player fieldset label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem}.subnet-address{font-size:1.25rem}.subnet-binary{display:grid;grid-gap:.55rem;gap:.55rem;min-width:0;margin:1rem 0;padding:.8rem;overflow-x:auto;border:2px dashed var(--accent);border-radius:.55rem;background:var(--background)}.subnet-binary code{min-width:max-content;font-size:clamp(.8rem,2vw,1rem);letter-spacing:.08em}.subnet-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:.6rem;gap:.6rem}.subnet-results div{min-width:0;padding:.7rem;-webkit-border-start:.3rem solid var(--accent);border-inline-start:.3rem solid var(--accent);background:var(--background);overflow-wrap:anywhere}.subnet-results dt{font-weight:800}.subnet-results dd{margin:.3rem 0 0}.subnet-feedback button,.subnet-scenario-player>button{min-block-size:44px;margin:.35rem .45rem .35rem 0;padding:.55rem .8rem;border:1px solid var(--accent);border-radius:.45rem;background:var(--background);color:inherit;font:inherit;font-weight:750}.subnet-feedback{margin-top:1rem;padding:1rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.45rem;background:var(--background)}@media (max-width:35rem){.subnet-player fieldset label{width:100%}.player-controls button,.player-controls label{flex:1 1 8rem}}@media (prefers-reduced-motion:reduce){.subnet-player *{animation:none!important;transition:none!important}}.routing-decision-player{min-width:0}.ping-evidence-player{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.ping-evidence-player fieldset{display:flex;flex-wrap:wrap;gap:.55rem}.ping-evidence-player fieldset label{display:inline-flex;align-items:center;gap:.45rem;min-height:44px}.icmp-topology{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;list-style:none;padding:1rem;border:1px solid var(--border);border-radius:.75rem}.icmp-topology li{display:grid;grid-gap:.25rem;gap:.25rem;text-align:center}.icmp-topology li[data-active=true]{outline:3px solid var(--focus);outline-offset:3px}.icmp-packet span,.icmp-topology span{display:block;color:var(--muted)}.icmp-outcome,.icmp-packet{padding:.85rem;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:.55rem}.icmp-evidence-scroll{max-width:100%;overflow-x:auto}.icmp-evidence-scroll table{min-width:34rem}@media (max-width:35rem){.ping-evidence-player fieldset label{width:100%}.icmp-topology{grid-template-columns:1fr}}.traceroute-discovery-player{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.traceroute-discovery-player fieldset{display:flex;flex-wrap:wrap;gap:.55rem}.traceroute-discovery-player fieldset label{display:inline-flex;align-items:center;gap:.45rem;min-height:44px}.traceroute-topology{display:flex;flex-wrap:wrap;gap:.65rem;list-style:none;padding:1rem;border:1px solid var(--border);border-radius:.75rem}.traceroute-topology li{display:grid;flex:1 1 9rem;grid-gap:.2rem;gap:.2rem;padding:.55rem;text-align:center}.traceroute-topology li[data-active=true]{outline:3px solid var(--focus);outline-offset:2px}.traceroute-evidence-scroll{max-width:100%;overflow-x:auto}.traceroute-evidence-scroll table{min-width:46rem}@media (max-width:35rem){.traceroute-discovery-player fieldset label{width:100%}.traceroute-topology{display:grid;grid-template-columns:1fr}}.routing-decision-player fieldset{display:flex;flex-wrap:wrap;gap:.5rem}.routing-decision-player fieldset label{min-height:44px;display:inline-flex;align-items:center;gap:.45rem}.routing-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:.75rem}.routing-table-scroll table{min-width:820px;width:100%;border-collapse:collapse}.routing-table-scroll td,.routing-table-scroll th{padding:.65rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.routing-table-scroll tr[data-status=rejected]{opacity:.65;text-decoration:line-through}.routing-outcome{-webkit-border-start:.3rem solid var(--accent);border-inline-start:.3rem solid var(--accent);padding:.75rem 1rem;margin-block:1rem}.hop-by-hop-player{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.hop-by-hop-player>fieldset{display:flex;flex-wrap:wrap;gap:.75rem}.hop-by-hop-player>fieldset label{min-height:44px}.forwarding-outcome{border:1px solid var(--border);-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.6rem;padding:.9rem 1rem}@media (max-width:48rem){.hop-by-hop-player .packet-flow-details{grid-template-columns:minmax(0,1fr)}.hop-by-hop-player .network-topology,.hop-by-hop-player .packet-inspector{min-width:0;overflow-x:auto}}.transport-player{display:grid;grid-gap:1rem;gap:1rem;min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.transport-player>h3{margin:0}.transport-player fieldset{display:flex;flex-wrap:wrap;gap:.55rem;min-width:0;margin:0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.transport-player fieldset legend{font-weight:800}.transport-player fieldset label{display:inline-flex;align-items:center;gap:.45rem;min-block-size:44px;padding:.5rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);cursor:pointer}.transport-player fieldset label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 12%,var(--background))}.transport-topology{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;min-width:0;padding:1rem;border:2px dashed var(--accent);border-radius:.7rem;background:var(--background)}.transport-topology>div{display:grid;align-content:center;grid-gap:.3rem;gap:.3rem;min-width:0;min-height:5rem;padding:.65rem;text-align:center;border:1px solid var(--border);border-radius:.55rem}.transport-topology span{color:var(--muted);overflow-wrap:anywhere}.transport-topology [data-direction],.transport-topology [data-protocol]{border-color:var(--accent);border-inline-start-width:.35rem}.transport-packet-track{position:relative;display:block;width:100%;margin-top:.65rem;border-top:2px dashed var(--accent)}.tcp-sequence{padding:1rem;border:1px dashed var(--accent);border-radius:.7rem;background:var(--background)}.tcp-sequence__heads{display:flex;justify-content:space-between;gap:1rem}.tcp-sequence__heads>div{display:grid;grid-gap:.2rem;gap:.2rem;text-align:center;color:var(--foreground)}.tcp-sequence__heads span{color:var(--muted);font-size:.83rem}.tcp-sequence__timeline{position:relative;display:grid;grid-gap:.4rem;gap:.4rem;margin:.7rem 1rem;padding:.5rem 0;list-style:none}.tcp-sequence__timeline:after,.tcp-sequence__timeline:before{content:"";position:absolute;top:0;bottom:0;border-left:1px solid #667993}.tcp-sequence__timeline:before{left:0}.tcp-sequence__timeline:after{right:0}.tcp-sequence__timeline li{display:grid;grid-gap:.2rem;gap:.2rem;min-height:3.1rem;padding:.15rem 1rem;opacity:.45}.tcp-sequence__timeline li[data-active=true]{opacity:1;color:var(--accent)}.tcp-sequence__label{text-align:center;font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.tcp-sequence__arrow{position:relative;height:1rem;border-top:2px solid}.tcp-sequence__arrow:after{content:"";position:absolute;top:-.38rem;right:-.1rem;border:.32rem solid transparent;border-left-color:currentcolor}.tcp-sequence__timeline li[data-direction=server-to-client] .tcp-sequence__arrow:after{right:auto;left:-.42rem;border-left-color:transparent;border-right-color:currentColor}.tcp-sequence__arrow .transport-packet-track{margin-top:0;border:0}.tcp-sequence__state{margin:.5rem 0 0;text-align:center;color:var(--muted)}.transport-packet-track__packet{position:absolute;top:-.95rem;left:100%;display:grid;place-items:center;width:1.8rem;height:1.8rem;border:2px solid var(--background);border-radius:50%;background:var(--accent);color:var(--background)!important;box-shadow:0 0 .8rem var(--accent);transform:translateX(-50%);animation:transport-packet-forward 1s ease-in-out both}.transport-packet-track[data-direction=reverse] .transport-packet-track__packet{animation-name:transport-packet-reverse}@keyframes transport-packet-forward{0%{left:0}to{left:100%}}@keyframes transport-packet-reverse{0%{left:100%}to{left:0}}@media (prefers-reduced-motion:reduce){.transport-packet-track__packet{animation:none}.transport-packet-track[data-direction=reverse] .transport-packet-track__packet{left:0}}.transport-tuple{padding:.75rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background);overflow-wrap:anywhere}.transport-evidence-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:.6rem}.transport-evidence-scroll table{width:100%;min-width:34rem;border-collapse:collapse}.transport-evidence-scroll td,.transport-evidence-scroll th{padding:.65rem;text-align:left;border-bottom:1px solid var(--border)}.transport-outcome,.transport-socket-result{padding:.85rem;border:1px solid var(--border);-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);border-radius:.55rem;background:var(--background)}.transport-socket-result[data-match=none]{border-inline-start-style:dashed}.transport-player-controls{margin:0}.tcp-window-topology{display:grid;grid-template-columns:minmax(5rem,1fr) minmax(8rem,3fr) minmax(5rem,1fr);align-items:center;grid-gap:.8rem;gap:.8rem;padding:1.2rem;border:1px dashed var(--accent);border-radius:.7rem;background:var(--background)}.tcp-window-device{display:grid;justify-items:center;grid-gap:.25rem;gap:.25rem;color:var(--foreground)}.tcp-window-device span{font-size:2.3rem;line-height:1;color:#4f9cff}.tcp-window-path{min-width:0;text-align:center;color:var(--foreground)}.tcp-window-path .transport-packet-track{margin-top:1rem}.tcp-window-player>.transport-player-controls{margin-block:.75rem 1rem}.tcp-window-byte-strip,.tcp-window-sack{padding:.85rem;border:1px solid var(--border);border-radius:.6rem;background:var(--background)}.tcp-window-byte-strip__range{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem}.tcp-window-byte-strip__bar{position:relative;block-size:1.1rem;margin-block:.3rem .8rem;border-radius:1rem;background:#182944}.tcp-window-byte-strip__bar .tcp-window-byte-strip__active{position:absolute;block-size:1.5rem;inset-block-start:-.2rem;border-inline:3px solid #fff;border-radius:.3rem;background:linear-gradient(90deg,#148c86,#2ce0b3);box-shadow:0 0 .7rem color-mix(in srgb,var(--accent) 40%,transparent);transition:left .4s ease,width .4s ease}.tcp-window-byte-strip__cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-gap:2px;gap:2px;margin-bottom:.65rem}.tcp-window-byte-strip__cells span{min-width:0;padding:.35rem .1rem;text-align:center;overflow:hidden;font-size:.58rem;color:#0c1828;transition:background .35s ease}.tcp-window-byte-strip__cells [data-byte-state=acknowledged]{background:#8b98b8}.tcp-window-byte-strip__cells [data-byte-state=outstanding]{background:#2ce0b3}.tcp-window-byte-strip__cells [data-byte-state=waiting]{background:#ffc68f}.tcp-window-byte-strip__legend{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted);font-size:.78rem}.tcp-window-byte-strip__legend span:before{content:"";display:inline-block;width:.65rem;height:.65rem;margin-right:.3rem;background:#8b98b8}.tcp-window-byte-strip__legend span:nth-child(2):before{background:#2ce0b3}.tcp-window-byte-strip__legend span:nth-child(3):before{background:#ffc68f}.tcp-window-byte-strip dl,.tcp-window-sack dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:.5rem;gap:.5rem;margin:0}.tcp-window-byte-strip dl div,.tcp-window-sack dl div{padding:.5rem;border-radius:.4rem;background:color-mix(in srgb,var(--accent) 8%,var(--background))}.tcp-window-byte-strip dt,.tcp-window-sack dt{color:var(--muted)}.tcp-window-byte-strip dd,.tcp-window-sack dd{margin:.1rem 0 0;font-weight:700}.tcp-window-sack{margin-top:.75rem}.tcp-fast-timeline{padding:1rem;border:1px dashed var(--accent);border-radius:.7rem;background:var(--background)}.tcp-fast-timeline__heads{display:flex;justify-content:space-between;padding-inline:.7rem}.tcp-fast-timeline ol{position:relative;display:grid;grid-gap:.35rem;gap:.35rem;margin:.7rem .7rem 0;padding:.5rem 0;list-style:none}.tcp-fast-timeline ol:after,.tcp-fast-timeline ol:before{content:"";position:absolute;top:0;bottom:0;border-left:1px solid #61748d}.tcp-fast-timeline ol:before{left:0}.tcp-fast-timeline ol:after{right:0}.tcp-fast-timeline li{display:grid;grid-gap:.1rem;gap:.1rem;padding:.1rem 1rem;opacity:.65;color:var(--foreground)}.tcp-fast-timeline li[data-active=true]{opacity:1;color:var(--accent);font-weight:700}.tcp-fast-timeline li>span:first-child{text-align:center;font-size:.8rem}.tcp-fast-timeline__line{position:relative;height:.8rem;border-top:2px solid}.tcp-fast-timeline li[data-lost=true] .tcp-fast-timeline__line{width:55%;border-style:dashed}.tcp-fast-timeline__line:after{content:"";position:absolute;top:-.4rem;right:-.15rem;border:.35rem solid transparent;border-left-color:currentcolor}.tcp-fast-timeline li[data-direction=reverse] .tcp-fast-timeline__line:after{right:auto;left:-.45rem;border-left-color:transparent;border-right-color:currentColor}.tcp-fast-timeline__line .transport-packet-track{margin:0;border:0}.tcp-fast-evidence{padding:.8rem;border:1px solid var(--border);border-radius:.6rem;background:var(--background)}.tcp-fast-evidence dl{display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 .5rem}.tcp-fast-evidence dt{color:var(--muted)}.tcp-fast-evidence dd{margin:0;font-weight:700}.tcp-fast-receiver{display:grid;grid-gap:.4rem;gap:.4rem;margin-bottom:.8rem}.tcp-fast-receiver>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.2rem;gap:.2rem}.tcp-fast-receiver span{padding:.45rem .15rem;text-align:center;color:#0c1828;font-size:.72rem;font-weight:700}.tcp-fast-receiver [data-receiver-state=missing]{background:#f48f9b}.tcp-fast-receiver [data-receiver-state=buffered]{background:#2ce0b3}.tcp-fast-receiver [data-receiver-state=received]{background:#8b98b8}.tcp-fast-receiver [data-receiver-state=awaiting]{background:#ffc68f}.tcp-fast-receiver small{color:var(--muted)}.tcp-fast-player>.transport-player-controls{margin-block:.75rem 1rem}@media (max-width:35rem){.tcp-window-topology{grid-template-columns:minmax(3rem,1fr) minmax(6rem,2fr) minmax(3rem,1fr);gap:.3rem;padding:.5rem}.tcp-window-device span{font-size:1.7rem}.tcp-window-byte-strip__range{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.tcp-window-byte-strip__active,.tcp-window-byte-strip__cells span{transition:none}}.transport-player-controls select{min-block-size:44px;max-width:100%;font:inherit}@media (max-width:35rem){.transport-player fieldset label{width:100%}.transport-topology{grid-template-columns:minmax(0,1fr)}.transport-player-controls button,.transport-player-controls label{flex:1 1 8rem}}@media (prefers-reduced-motion:reduce){.transport-player *{animation:none!important;transition:none!important}}.dhcp-player{display:grid;grid-gap:1rem;gap:1rem;min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.dhcp-player>h3,.dhcp-player>p{margin-block:0}.dhcp-player fieldset{display:flex;flex-wrap:wrap;gap:.55rem;min-width:0;margin:0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.dhcp-player fieldset legend{font-weight:800}.dhcp-player fieldset label{display:inline-flex;align-items:center;gap:.45rem;min-block-size:44px;padding:.5rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);cursor:pointer}.dhcp-player fieldset label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 12%,var(--background))}.dhcp-topology{max-width:100%;margin:0;padding:.75rem;overflow-x:auto;border:2px dashed var(--accent);border-radius:.7rem;background:var(--background)}.dhcp-topology>p{min-width:max-content;margin:0 0 .5rem;text-align:center}.dhcp-topology svg{display:block;width:100%;min-width:42rem;height:auto}.dhcp-topology__link{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:8 7}.dhcp-topology__device{fill:#14243a;stroke:#56a3ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dhcp-topology__device circle{fill:var(--accent);stroke:none}.dhcp-topology__screen{fill:#101820}.dhcp-topology__packet{animation:dhcp-packet-hop 1.25s ease-in-out both;filter:drop-shadow(0 0 8px var(--accent))}.dhcp-topology__packet circle{fill:var(--accent);stroke:var(--background);stroke-width:2}.dhcp-topology__packet path{fill:none;stroke:var(--background);stroke-width:1.5}@keyframes dhcp-packet-hop{0%{translate:0 0;opacity:.5}to{translate:var(--packet-distance) 0;opacity:1}}@media (prefers-reduced-motion:reduce){.dhcp-topology__packet{animation:none;translate:var(--packet-distance) 0}}.dhcp-topology text{fill:var(--foreground);font-weight:700}.dhcp-packet-inspector{display:grid;grid-gap:.75rem;gap:.75rem;min-width:0;max-width:100%}.dhcp-inspector-region{min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem;background:var(--background)}.dhcp-inspector-region h4{margin:0 0 .6rem}.dhcp-inspector-region dl{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr);grid-gap:.35rem .75rem;gap:.35rem .75rem;margin:0}.dhcp-inspector-region dt{font-weight:800}.dhcp-inspector-region dd{min-width:0;margin:0;overflow-wrap:anywhere}.dhcp-inspector-region .table-scroll{max-width:100%;overflow-x:auto}.dhcp-inspector-region table{width:100%;min-width:38rem;border-collapse:collapse}.dhcp-inspector-region td,.dhcp-inspector-region th{padding:.6rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.lease-timeline{min-width:0;max-width:100%;padding:1rem;border:1px solid var(--border);border-radius:.6rem;background:var(--background)}.lease-timeline__track{position:relative;height:.55rem;margin:1rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 25%,var(--border))}.lease-timeline__track span{position:absolute;top:50%;width:1.1rem;height:1.1rem;border:3px solid var(--background);border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.lease-timeline ol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.45rem 1rem;margin:0;-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.dhcp-rfc-check{display:grid;grid-gap:.75rem;gap:.75rem;min-width:0;max-width:100%;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:.65rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.dhcp-rfc-check>h3,.dhcp-rfc-check>p{margin:0}.dhcp-rfc-check fieldset{display:grid;grid-gap:.5rem;gap:.5rem;min-width:0;margin:0;border:1px solid var(--border);border-radius:.55rem}.dhcp-rfc-check fieldset label{display:flex;align-items:center;gap:.5rem;min-block-size:44px}.dhcp-rfc-check>button{justify-self:start;min-block-size:44px;padding:.55rem .8rem;border:1px solid var(--accent);border-radius:.45rem;background:var(--background);color:inherit;font:inherit;font-weight:700;cursor:pointer}.dhcp-rfc-check>button:disabled{cursor:not-allowed;opacity:.55}.dhcp-rfc-check [role=status]:not(:empty){padding:.75rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background)}@media (max-width:35rem){.dhcp-player fieldset label{width:100%}.dhcp-inspector-region dl{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.dhcp-player *{animation:none!important;transition:none!important}}.dns-player{display:grid;grid-gap:1rem;gap:1rem;min-width:0;max-width:100%;overflow-wrap:anywhere}.dns-player,.dns-rfc-check,.dns-timing-player,.dns-troubleshooting-player,.root-bootstrap-player{margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.dns-rfc-check,.dns-timing-player,.dns-troubleshooting-player,.root-bootstrap-player{display:grid;grid-gap:1rem;gap:1rem;min-width:0;max-width:100%;overflow-wrap:anywhere}.dns-player>h3,.dns-rfc-check>h3,.dns-timing-player>h3,.dns-troubleshooting-player>h3,.root-bootstrap-player>h3{margin:0}.dns-player fieldset,.dns-rfc-check fieldset,.dns-troubleshooting-player fieldset{display:flex;flex-wrap:wrap;gap:.55rem;min-width:0;margin:0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.dns-player fieldset label,.dns-rfc-check fieldset label,.dns-troubleshooting-player fieldset label{display:inline-flex;align-items:center;gap:.45rem;min-block-size:44px;padding:.5rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);cursor:pointer}.dns-player fieldset label:has(input:checked),.dns-rfc-check fieldset label:has(input:checked),.dns-troubleshooting-player fieldset label:has(input:checked){border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 12%,var(--background))}.dns-topology{min-width:0;max-width:100%;padding:.85rem;border:2px dashed var(--accent);border-radius:.7rem;background:var(--background)}.dns-active-exchange{margin:0 0 .75rem}.dns-role-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:0;padding:0;list-style:none}.dns-role-list li{display:grid;min-width:0;min-height:4.5rem;align-content:center;grid-gap:.25rem;gap:.25rem;padding:.65rem;border:1px solid var(--border);border-radius:.55rem;text-align:center;overflow-wrap:anywhere}.dns-role-list li.is-active{border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 10%,var(--background))}.dns-topology__transit{display:grid;grid-template-columns:minmax(5rem,1fr) minmax(3rem,2fr) minmax(5rem,1fr);align-items:center;grid-gap:.5rem;gap:.5rem;margin-top:.8rem;text-align:center;color:var(--muted);font-size:.85rem}.dns-topology__track{position:relative;border-top:2px dashed var(--accent)}.dns-topology__packet{position:absolute;top:-.95rem;left:100%;display:grid;place-items:center;width:1.8rem;height:1.8rem;border:2px solid var(--background);border-radius:50%;background:var(--accent);color:var(--background);font-size:1rem;box-shadow:0 0 .8rem var(--accent);transform:translateX(-50%);animation:dns-packet-travel .9s ease-in-out both}@keyframes dns-packet-travel{0%{left:0}to{left:100%}}.dns-role-list small{color:var(--muted);font-weight:700}.dns-cache-state{min-width:0;padding:.8rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background)}.dns-message-inspector{display:grid;grid-gap:.75rem;gap:.75rem;min-width:0;max-width:100%}.dns-message-inspector .packet-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:.6rem}.dns-message-inspector table{width:100%;min-width:38rem;border-collapse:collapse}.dns-message-inspector td,.dns-message-inspector th{padding:.6rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.dns-player .transport-player-controls{display:flex;flex-wrap:wrap;gap:.65rem;min-width:0;margin:0}.dns-player .transport-player-controls button,.dns-player .transport-player-controls select,.dns-timing-player .transport-player-controls button,.root-bootstrap-player .transport-player-controls button{min-block-size:44px}.dns-timing-player>label,.dns-troubleshooting-player>label{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.dns-timing-player select,.dns-troubleshooting-player select{min-block-size:44px;max-width:100%;font:inherit}.dns-rfc-check button,.dns-troubleshooting-player button{justify-self:start;min-block-size:44px;padding:.55rem .8rem;border:1px solid var(--accent);border-radius:.45rem;background:var(--background);color:inherit;font:inherit;font-weight:700;cursor:pointer}.dns-rfc-check button:disabled,.dns-troubleshooting-player button:disabled{cursor:not-allowed;opacity:.55}.dns-rfc-check [role=status],.dns-troubleshooting-player [role=status]{min-width:0;padding:.75rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background)}@media (max-width:35rem){.dns-role-list{grid-template-columns:minmax(0,1fr)}.dns-player fieldset label,.dns-rfc-check fieldset label,.dns-troubleshooting-player fieldset label{width:100%}.dns-player .transport-player-controls button,.dns-player .transport-player-controls label{flex:1 1 8rem}}@media (prefers-reduced-motion:reduce){.dns-player *{animation:none!important;transition:none!important}}.capture-analysis-lab,.rfc-validation-lab,.service-player,.service-troubleshooting-lab{display:grid;grid-gap:1rem;gap:1rem;min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);overflow-wrap:anywhere;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.capture-analysis-lab>h3,.rfc-validation-lab>h3,.service-player>h3,.service-player>p,.service-troubleshooting-lab>h3{margin-block:0}.service-topology{position:relative;display:grid;grid-template-columns:minmax(7rem,1fr) minmax(5rem,2fr) minmax(7rem,1fr);align-items:center;grid-gap:.65rem;gap:.65rem;min-width:0;max-width:100%;padding:1rem;border:2px dashed var(--accent);border-radius:.7rem;background:var(--background)}.service-topology__endpoint,.service-topology__service{min-width:0;padding:.65rem;border:1px solid var(--border);border-radius:.55rem;text-align:center;font-weight:800;overflow-wrap:anywhere}.service-topology__packet{position:absolute;top:-.95rem;left:100%;display:grid;place-items:center;width:1.8rem;height:1.8rem;border:2px solid var(--background);border-radius:50%;background:var(--accent);color:var(--background);box-shadow:0 0 .8rem var(--accent);transform:translateX(-50%);animation:service-packet-travel 1.1s ease-in-out both}.service-topology__link{position:relative;min-width:0;border-top:2px dashed var(--accent)}.service-topology__service{grid-column:1/-1;justify-self:center;border-color:var(--accent)}.port-transport-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0;padding:.75rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background)}.service-message-inspector{display:grid;grid-gap:.75rem;gap:.75rem;min-width:0;max-width:100%}.service-message-inspector h4{margin:0}.service-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:.6rem}.service-table-scroll table{width:100%;min-width:38rem;border-collapse:collapse}.service-table-scroll td,.service-table-scroll th{padding:.6rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.service-player .transport-player-controls{display:flex;flex-wrap:wrap;gap:.65rem;min-width:0}.capture-analysis-lab button,.rfc-validation-lab button,.service-player .transport-player-controls button,.service-player .transport-player-controls select,.service-troubleshooting-lab button{min-block-size:44px}.capture-analysis-lab fieldset,.rfc-validation-lab fieldset,.service-troubleshooting-lab fieldset{display:flex;flex-wrap:wrap;gap:.55rem;min-width:0;margin:0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.capture-analysis-lab fieldset label,.rfc-validation-lab fieldset label,.service-troubleshooting-lab fieldset label{display:inline-flex;align-items:center;gap:.45rem;min-block-size:44px;padding:.5rem .7rem}.service-troubleshooting-lab>label{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.service-troubleshooting-lab select{min-block-size:44px;max-width:100%;font:inherit}.capture-analysis-lab [role=status],.rfc-validation-lab [role=status],.service-troubleshooting-lab [role=status],.service-troubleshooting-lab__feedback{min-width:0;padding:.75rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background)}@keyframes service-packet-travel{0%{left:0}to{left:100%}}@media (max-width:35rem){.service-topology{grid-template-columns:minmax(0,1fr)}.service-topology__service{grid-column:1}.capture-analysis-lab fieldset label,.rfc-validation-lab fieldset label,.service-troubleshooting-lab fieldset label{width:100%}.service-player .transport-player-controls button,.service-player .transport-player-controls label{flex:1 1 8rem}}@media (prefers-reduced-motion:reduce){.capture-analysis-lab *,.rfc-validation-lab *,.service-player *,.service-troubleshooting-lab *{animation:none!important;transition:none!important}}.nat-journey-player,.nat-table-inspector,.nat-tuple-inspector{min-width:0}.nat-journey-player{display:grid;grid-gap:1rem;gap:1rem;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--border);border-radius:.9rem;background:color-mix(in srgb,var(--surface) 92%,transparent)}.nat-scenario-switcher{display:flex;flex-wrap:wrap;gap:.65rem}.nat-scenario-switcher button{min-block-size:44px;padding:.55rem .8rem;border:1px solid var(--accent);border-radius:.5rem;background:var(--background);color:inherit;font:inherit;font-weight:700;cursor:pointer}.nat-scenario-switcher button[aria-pressed=true]{background:var(--accent);color:var(--background)}.nat-topology{overflow:hidden;padding:1rem;border:1px solid var(--border);border-radius:.75rem}.nat-topology__nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:.75rem;gap:.75rem}.nat-topology__node{display:grid;place-items:center;grid-gap:.35rem;gap:.35rem;min-height:5.5rem;padding:.65rem;border:1px solid var(--border);border-radius:.65rem;text-align:center;opacity:.72}.nat-topology__node[data-active=true]{border-color:var(--accent);box-shadow:0 0 1rem color-mix(in srgb,var(--accent) 25%,transparent);opacity:1}.nat-topology__node>span{font-size:1.6rem;color:var(--accent)}.nat-topology__link{position:relative;height:.3rem;margin:1.25rem .5rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,var(--border))}.nat-topology__packet{position:absolute;top:50%;left:0;display:grid;place-items:center;width:1.8rem;height:1.8rem;border:2px solid var(--background);border-radius:50%;background:var(--accent);color:var(--background);box-shadow:0 0 .8rem var(--accent);animation:nat-packet-travel 1.15s ease-out both}.nat-topology__packet[data-direction=reverse]{animation-name:nat-packet-return}.nat-topology[data-outcome=failure] .nat-topology__packet{background:#f59e0b;box-shadow:0 0 .8rem #f59e0b}@keyframes nat-packet-travel{0%{left:0;transform:translate(-50%,-50%) scale(.8)}to{left:100%;transform:translate(-50%,-50%) scale(1)}}@keyframes nat-packet-return{0%{left:100%;transform:translate(-50%,-50%) scale(.8)}to{left:0;transform:translate(-50%,-50%) scale(1)}}.nat-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.nat-table-inspector,.nat-tuple-inspector{padding:1rem;border:1px solid var(--border);border-radius:.7rem}.nat-tuple-inspector dl{display:grid;grid-gap:.55rem;gap:.55rem}.nat-tuple-inspector dl>div{display:flex;justify-content:space-between;gap:1rem}.nat-tuple-inspector dd{margin:0;overflow-wrap:anywhere;text-align:right}.nat-translation-evidence mark{padding:.1rem .3rem;border-radius:.25rem;background:color-mix(in srgb,var(--accent) 25%,transparent);color:inherit}.nat-table-scroll{max-width:100%;overflow-x:auto}.nat-table-inspector table{width:100%;border-collapse:collapse;white-space:nowrap}.nat-table-inspector caption{margin-bottom:.5rem;text-align:left;font-weight:700}.nat-table-inspector td,.nat-table-inspector th{padding:.55rem;border-bottom:1px solid var(--border);text-align:left}.nat-table-inspector tr[data-active=true]{background:color-mix(in srgb,var(--accent) 14%,transparent)}@media (max-width:45rem){.nat-evidence-grid{grid-template-columns:minmax(0,1fr)}.nat-journey-player .transport-player-controls button,.nat-journey-player .transport-player-controls label{flex:1 1 8rem}}@media (prefers-reduced-motion:reduce){.nat-journey-player *{animation:none!important;transition:none!important}.nat-topology__packet{left:100%;transform:translate(-50%,-50%)}.nat-topology__packet[data-direction=reverse]{left:0}}.evidence-board,.incident-timeline,.troubleshooting-topology{display:grid;grid-gap:1rem;gap:1rem;min-width:0;max-width:100%;padding:clamp(.9rem,2.5vw,1.4rem);border:1px solid var(--border);border-radius:.85rem;background:color-mix(in srgb,var(--surface) 94%,transparent)}.evidence-board>h3,.incident-timeline>h3,.troubleshooting-topology>h3{margin:0}.troubleshooting-topology__map{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(9rem,1fr);align-items:center;max-width:100%;overflow-x:auto;padding-block:.5rem}.troubleshooting-topology__hop{display:contents}.troubleshooting-topology__node{display:grid;place-items:center;grid-gap:.3rem;gap:.3rem;min-height:7rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem;text-align:center}.troubleshooting-topology__node[data-active=true]{border-color:var(--accent);box-shadow:0 0 1rem color-mix(in srgb,var(--accent) 28%,transparent)}.troubleshooting-topology__icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.5rem;background:color-mix(in srgb,var(--accent) 20%,var(--background));color:var(--accent);font-weight:900}.troubleshooting-topology__node small{color:var(--muted)}.troubleshooting-topology__connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));grid-gap:.55rem;gap:.55rem;margin:0;padding:0;list-style:none}.troubleshooting-topology__connections li{padding:.55rem .7rem;-webkit-border-start:3px solid var(--accent);border-inline-start:3px solid var(--accent);border-radius:.35rem;background:color-mix(in srgb,var(--accent) 7%,var(--background));color:var(--muted);font-size:.82rem}.troubleshooting-topology__visual-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));grid-gap:.55rem;gap:.55rem}.troubleshooting-topology__link{display:grid;grid-template-columns:minmax(5rem,auto) minmax(4rem,1fr) minmax(5rem,auto);align-items:center;grid-gap:.5rem;gap:.5rem;padding:.45rem .6rem;border-radius:.5rem;background:color-mix(in srgb,var(--accent) 6%,var(--background));color:var(--muted);font-size:.72rem}.troubleshooting-topology__link>span{display:grid;grid-template-columns:auto minmax(1rem,1fr) auto;align-items:center;grid-gap:.25rem;gap:.25rem;min-width:0}.troubleshooting-topology__link i{height:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent))}.evidence-board__tools{display:flex;flex-wrap:wrap;gap:.65rem}.evidence-board__tools button{display:grid;grid-gap:.2rem;gap:.2rem;min-block-size:44px;padding:.6rem .8rem;border:1px solid var(--accent);border-radius:.5rem;background:transparent;color:inherit;text-align:left;cursor:pointer}.evidence-board__tools button small{color:var(--muted)}.evidence-board__result{min-width:0;padding:.8rem;-webkit-border-start:.3rem solid var(--accent);border-inline-start:.3rem solid var(--accent);background:var(--background)}.evidence-board__result pre{white-space:pre-wrap;overflow-wrap:anywhere}.evidence-board__result pre,.evidence-board__scroll{max-width:100%;overflow-x:auto}.evidence-board__scroll table{width:100%;min-width:32rem;border-collapse:collapse}.evidence-board__scroll td,.evidence-board__scroll th{padding:.6rem;border-bottom:1px solid var(--border);text-align:left}.incident-timeline ol{display:grid;grid-gap:.75rem;gap:.75rem;margin:0;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.incident-timeline li{-webkit-padding-start:.4rem;padding-inline-start:.4rem}.incident-timeline li small,.incident-timeline li span,.incident-timeline li strong{display:block}.incident-timeline li span{color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase}.incident-timeline li small{color:var(--muted)}@media (max-width:45rem){.troubleshooting-topology__map{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:.5rem}.troubleshooting-topology__hop{display:grid;grid-gap:.5rem;gap:.5rem}.troubleshooting-topology__link{grid-template-columns:minmax(0,1fr);justify-items:center}.troubleshooting-topology__link>span{width:min(100%,12rem)}.evidence-board__tools button{width:100%}}@media (prefers-reduced-motion:reduce){.troubleshooting-topology *{animation:none!important;transition:none!important}}.troubleshooting-workspace{display:grid;grid-gap:1rem;gap:1rem;min-width:0;max-width:100%;margin-block:2rem}.troubleshooting-workspace>header{padding:clamp(1rem,3vw,1.75rem);border:1px solid var(--border);border-radius:.9rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface))}.troubleshooting-workspace>header h2{margin-block:.3rem}.troubleshooting-workspace__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;min-width:0}.hypothesis-journal,.remediation-panel,.restoration-checklist{display:grid;grid-gap:.8rem;gap:.8rem;min-width:0;padding:1rem;border:1px solid var(--border);border-radius:.8rem}.hypothesis-journal h3,.remediation-panel h3,.restoration-checklist h3{margin:0}.hypothesis-journal fieldset{display:grid;grid-gap:.45rem;gap:.45rem;margin:0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.hypothesis-journal label,.restoration-checklist label{display:flex;align-items:center;gap:.55rem;min-block-size:44px}.remediation-panel>div{display:flex;flex-wrap:wrap;gap:.65rem}.remediation-panel button,.restoration-checklist button,.troubleshooting-workspace>button{min-block-size:44px;padding:.6rem .85rem;border:1px solid var(--accent);border-radius:.5rem;background:transparent;color:inherit;font:inherit;font-weight:750;cursor:pointer}.remediation-panel button:disabled,.restoration-checklist button:disabled,.troubleshooting-workspace>button:disabled{cursor:not-allowed;opacity:.55}.troubleshooting-workspace__feedback{margin:0;padding:.85rem 1rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--background))}.troubleshooting-workspace__close{justify-self:start}@media (max-width:45rem){.troubleshooting-workspace__grid{grid-template-columns:minmax(0,1fr)}.remediation-panel button,.restoration-checklist button,.troubleshooting-workspace>button{width:100%}}@media (prefers-reduced-motion:reduce){.troubleshooting-workspace *{animation:none!important;transition:none!important}}.advanced-validation-lab,.incident-report-builder{display:grid;grid-gap:.9rem;gap:.9rem;min-width:0;max-width:100%;margin-block:1.5rem;padding:clamp(1rem,2.5vw,1.4rem);border:1px solid var(--border);border-radius:.85rem;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.advanced-validation-lab h3,.incident-report-builder h3{margin:0}.incident-report-builder label{display:grid;grid-gap:.35rem;gap:.35rem;font-weight:700}.incident-report-builder textarea{min-width:0;max-width:100%;padding:.65rem;border:1px solid var(--border);border-radius:.45rem;background:var(--background);color:inherit;font:inherit;resize:vertical}.incident-report-builder__score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:0}.incident-report-builder__score div{padding:.65rem;border:1px solid var(--border);border-radius:.55rem}.incident-report-builder__score dd{margin:.2rem 0 0;color:var(--accent);font-size:1.3rem;font-weight:850}.advanced-validation-lab button,.advanced-validation-lab select,.incident-report-builder button{min-block-size:44px;padding:.55rem .8rem;font:inherit}.advanced-validation-lab button,.incident-report-builder button{justify-self:start;border:1px solid var(--accent);border-radius:.5rem;background:transparent;color:inherit;font-weight:750;cursor:pointer}.advanced-validation-lab fieldset{display:grid;grid-gap:.45rem;gap:.45rem;margin:0;padding:.75rem;border:1px solid var(--border);border-radius:.6rem}.advanced-validation-lab fieldset label{display:flex;align-items:center;gap:.5rem;min-block-size:44px}.advanced-validation-lab [role=status],.incident-report-builder [role=alert],.incident-report-builder [role=status]{padding:.75rem;-webkit-border-start:.35rem solid var(--accent);border-inline-start:.35rem solid var(--accent);background:var(--background)}@media (max-width:35rem){.incident-report-builder__score{grid-template-columns:minmax(0,1fr)}.advanced-validation-lab button,.incident-report-builder button{width:100%}}.home-refresh{--home-panel:#101722}.home-refresh:before{background:radial-gradient(circle,#24ddae29,transparent 70%)}.home-button{min-height:48px}.home-button-primary{color:#062032}.home-button-secondary{color:var(--home-text)}.home-route-node small{text-align:center}.home-route-segment>i:after{content:"";position:absolute;top:-4px;left:5%;width:9px;height:9px;border-radius:50%;background:#3beac2;box-shadow:0 0 12px #3beac2;animation:home-packet 2.6s linear infinite}.home-route-segment:nth-child(2)>i:after{animation-delay:.65s}.home-route-segment:nth-child(3)>i:after{animation-delay:1.3s}.home-route-segment:nth-child(4)>i:after{animation-delay:1.95s}.home-terminal{overflow:hidden}.home-terminal-body span{color:#48dcae}.home-terminal-body em{color:#90a6bc;font-style:normal}.home-topics{grid-gap:.8rem}.home-journey>div,.home-topics a{border:1px solid #2c3b51}.home-lab-segment:last-child{flex:0 0 3.5rem}.home-lab-device{display:grid;justify-items:center;grid-gap:.35rem;gap:.35rem;min-width:3.5rem;color:#ddf6f4}.home-journey{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.home-journey>div>span{color:#5dd9e1;font-weight:800}body:has(.home-refresh) .site-footer,body:has(.home-refresh) .site-header{border-color:#24425a;background:#081b2b;color:#eef8fb}body:has(.home-refresh) .site-footer a,body:has(.home-refresh) .site-header a{color:#e6f4f7}body:has(.home-refresh) .site-header .site-nav a:first-child{color:#6bf2ce;font-weight:800}.site-header .site-nav a{min-height:44px}.site-header__get-started,.site-header__sign-in{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem .8rem;border:1px solid var(--border);border-radius:.55rem;text-decoration:none;font-weight:800}.site-header__get-started{border-color:#24ddae;background:#24ddae;color:#062032!important}.header-search{min-height:44px}.header-search input{padding:.55rem}.header-search__results p,.header-search__results small{color:#b9cbd6}.header-search input:focus-visible,.home-refresh a:focus-visible,.site-header a:focus-visible{outline:3px solid #72f4d6;outline-offset:3px}@media (min-width:1100px){.site-chrome{flex-wrap:nowrap;gap:1rem}.site-header__actions,.site-nav{gap:.7rem}.header-search{width:13.5rem;flex:none}}@media (max-width:900px){.home-hero,.home-lab{grid-template-columns:1fr}.home-hero{padding-top:3rem}.home-journey,.home-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.site-header__toggle{display:block}.header-search,.site-header__actions,.site-nav{width:100%}.header-search{order:2}.site-header__get-started,.site-header__sign-in,.theme-control{order:3}.site-header__actions{position:fixed;inset:0 0 0 auto;z-index:50;width:min(20rem,85vw);flex-direction:column;align-items:stretch;overflow-y:auto;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom));background:var(--background);-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border);transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}.site-header__actions[data-open=true]{transform:translateX(0);visibility:visible}.site-header__actions .site-nav{flex-direction:column;gap:.25rem}.site-header__actions .site-nav a{padding:.6rem 0}}@media (max-width:700px) and (prefers-reduced-motion:reduce){.site-header__actions{transition:none}}@media (max-width:600px){.home-final,.home-hero,.home-section{width:min(100% - 2rem,1240px)}.home-section-heading{display:block}.home-route-card{padding:1rem}.home-route-node,.home-route-segment:last-child{flex-basis:2.8rem}.home-route-node svg{width:2.65rem;height:2.65rem}.home-route-node small{font-size:.56rem}.home-route-line{gap:0}.home-benefits{gap:.7rem;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.home-route-segment>i:after{animation:none}.home-button,.home-topics a{transition:none}.home-button:hover,.home-topics a:hover{transform:none}}.home-refresh{--home-bg:#071827;--home-panel:#0d2235;--home-line:#24425a;--home-text:#f3f8fb;--home-muted:#b1c6d3;--home-accent:#24ddae;background:var(--home-bg);color:var(--home-text);min-height:100vh;padding-bottom:4rem}.home-refresh *{box-sizing:border-box}.home-refresh a{text-decoration:none}.home-final,.home-hero,.home-section{width:min(100% - 3rem,1240px);margin-inline:auto}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:3rem;gap:3rem;align-items:center;padding:5.5rem 0 4rem}.home-eyebrow{color:#82d8e8;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}.home-hero h1{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.03;letter-spacing:-.05em;margin:.9rem 0 1.4rem}.home-hero h1 span{color:var(--home-accent)}.home-final p,.home-hero-copy>p:not(.home-eyebrow),.home-lab p:not(.home-eyebrow){color:var(--home-muted);font-size:1.08rem;line-height:1.6;max-width:38rem}.home-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.home-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;padding:.9rem 1.2rem;font-weight:800;min-height:3rem;transition:transform .18s ease,box-shadow .18s ease}.home-button:hover{transform:translateY(-2px)}.home-button-primary{background:var(--home-accent);color:#062032!important;box-shadow:0 10px 30px #09bb8940}.home-button-secondary{border:1px solid #5384a0;color:var(--home-text)!important}.home-benefits{display:flex;flex-wrap:wrap;gap:1.3rem;margin-top:2.4rem;color:#c4d5df;font-size:.85rem}.home-route-card{border:1px solid #2d526b;border-radius:1.2rem;padding:1.5rem;background:radial-gradient(circle at 50% 25%,#113d57 0,#0b2439 44%,#091b2d 100%);box-shadow:0 30px 70px #0005;min-height:350px}.home-route-title{font-weight:800;color:#a3dfef;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.home-route-line{display:flex;align-items:center;justify-content:space-between;margin:3.4rem 0 2.5rem}.home-route-node{display:grid;justify-items:center;grid-gap:.55rem;gap:.55rem;min-width:4.5rem}.home-route-node>span{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1px solid #3687a6;border-radius:1rem;background:#123851;color:#58dfcf;font-size:2.3rem;box-shadow:0 0 25px #1ee1bc2b}.home-route-node small{color:#dae8ee}.home-lab-topology i,.home-route-line i{height:2px;flex:1 1;min-width:12px;background:linear-gradient(90deg,#20dabb,#35a8fa);position:relative}.home-route-line i:after{content:"";position:absolute;top:-4px;left:10%;width:10px;height:10px;border-radius:50%;background:#75f5e0;box-shadow:0 0 15px #32ebcc;animation:home-packet 2.6s linear infinite}.home-route-line i:nth-of-type(2):after{animation-delay:.8s}.home-route-line i:nth-of-type(3):after{animation-delay:1.6s}@keyframes home-packet{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}to{left:100%;opacity:0}}.home-terminal{border:1px solid #355372;border-radius:.65rem;background:#071522;padding:1rem 1.25rem;color:#b8d1de;font:clamp(.65rem,1vw,.85rem)/1.7 monospace;overflow:auto;white-space:nowrap}.home-terminal span{color:#48dcae}.home-section{padding:2.7rem 0;border-top:1px solid var(--home-line)}.home-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.home-final h2,.home-section h2{font-size:clamp(1.6rem,2.7vw,2.3rem);margin:0 0 1.3rem}.home-section-heading p{color:var(--home-muted)}.home-topics{display:grid;grid-gap:.75rem;gap:.75rem}.home-journey>div,.home-topics a{display:flex;flex-direction:column;justify-content:space-between;min-height:135px;padding:1rem;border:1px solid var(--home-line);border-radius:.8rem;background:var(--home-panel);color:var(--home-text);transition:border-color .18s,transform .18s}.home-topics a:hover{transform:translateY(-3px)}.home-journey>div>span,.home-topics a span:first-child{color:#5dd9e1;font-weight:800}.home-topics a span:last-child{align-self:flex-end;color:var(--home-accent)}.home-lab{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:2rem;gap:2rem}.home-lab-topology{display:flex;align-items:center;padding:3rem 1.4rem;min-height:220px;border:1px solid var(--home-line);border-radius:1rem;background:radial-gradient(circle,#124361,#0b2135)}.home-lab-topology span{border:1px solid #3ab9b2;border-radius:.7rem;padding:1rem .65rem;color:#ddf6f4;font-weight:700}.home-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.home-journey>div{min-height:110px}.home-journey small{color:var(--home-muted)}.home-final{text-align:center;padding:3rem 0 0;border-top:1px solid var(--home-line)}.home-final .home-actions,.home-final p{justify-content:center;margin-inline:auto}@media(max-width:900px){.home-hero,.home-lab{grid-template-columns:1fr}.home-hero{padding-top:3rem}.home-journey,.home-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.home-final,.home-hero,.home-section{width:min(100% - 2rem,1240px)}.home-journey,.home-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section-heading{display:block}.home-route-card{min-height:0;padding:1rem}.home-route-node{min-width:3rem}.home-route-node>span{width:3rem;height:3rem;font-size:1.5rem}.home-route-node small{font-size:.6rem}.home-route-line{margin:2rem 0}.home-benefits{gap:.7rem}}@media(prefers-reduced-motion:reduce){.home-route-line i:after{animation:none}.home-button,.home-topics a{transition:none}}.packet-flow--first-lesson{background:#091d30;color:#eef8fb;border:1px solid #315d74;border-radius:1rem;box-shadow:0 20px 50px #0003}.packet-flow--first-lesson>p{color:#afcbd7}.first-lesson-lab-nav{display:flex;flex-wrap:wrap;gap:.25rem;margin:1.25rem 0 0;padding:.35rem .35rem 0;border:1px solid #31556b;border-bottom:0;border-radius:.7rem .7rem 0 0;background:#10283c}.first-lesson-lab-nav a{padding:.72rem 1rem;border-radius:.4rem .4rem 0 0;color:#cbe2e9;text-decoration:none;font-weight:700}.first-lesson-lab-nav a:first-child,.first-lesson-lab-nav a:focus-visible,.first-lesson-lab-nav a:hover{background:#16445a;color:#54e7cd}.packet-flow--first-lesson #first-packet-topology{padding:1rem;border:1px solid #31556b;border-radius:0 0 .7rem .7rem;background:radial-gradient(circle at 50% 25%,#164361,#0a1c2e)}.packet-flow--first-lesson .network-topology svg{border:0;background:transparent}.packet-flow--first-lesson .packet-flow-controls{margin:1.2rem 0}.packet-flow--first-lesson .packet-flow-controls button,.packet-flow--first-lesson .packet-flow-controls select{border-color:#4c89a5;border-radius:.5rem;background:#10283c;color:#f4fbfc}.packet-flow--first-lesson .packet-flow-controls button:hover:not(:disabled){background:#15546a}.packet-flow--first-lesson .packet-flow-progress,.packet-flow--first-lesson .packet-inspector{border-color:#31556b;background:#10283c}.packet-flow--first-lesson #first-packet-details,.packet-flow--first-lesson #first-packet-flow,.packet-flow--first-lesson #first-packet-topology{scroll-margin-top:5rem}body:has(.home-refresh) .site-header{background:#081b2b;border-color:#24425a;color:#eef8fb}body:has(.home-refresh) .site-header a{color:#e6f4f7}body:has(.home-refresh) .site-header .site-nav a:hover{color:#24ddae}body:has(.home-refresh) .site-footer{background:#071827;border-color:#24425a;color:#c4d9e4}body:has(.home-refresh) .site-footer a{color:#c4d9e4}.home-refresh{overflow-x:clip}.home-hero-copy,.home-lab>div,.home-route-card{min-width:0}body:has(.home-refresh) .site-brand{color:#eef8fb}@media(max-width:600px){.home-route-line i{min-width:3px}.home-route-node{min-width:0}.home-route-node>span{width:2.5rem;height:2.5rem}.home-route-card{overflow:hidden}.home-route-line{gap:.2rem}.home-route-node small{max-width:3.8rem;text-align:center}.home-benefits{font-size:.72rem}}.site-header{background:#0d1b2a;border-color:#2a3a50;color:#f5f8fc}.site-header .site-nav{color:#d6e7ec}.site-footer{background:#0b111c}.home-refresh a:focus-visible,.site-logo:focus-visible,.site-nav a:focus-visible{outline:3px solid #72f4d6;outline-offset:3px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.home-refresh{position:relative;isolation:isolate}.home-refresh:before{content:"";position:absolute;inset:-10rem -10rem auto auto;width:30rem;height:30rem;background:radial-gradient(circle,rgba(36,221,174,.16),transparent 70%);background:radial-gradient(circle,color-mix(in srgb,var(--home-accent) 16%,transparent),transparent 70%);pointer-events:none;z-index:-1}body:has(.home-refresh) .site-header{border-bottom-width:0}.home-route-card{background:transparent;border:0;box-shadow:none;min-height:0}.home-route-line{margin:2.5rem 0 1.8rem}.home-route-segment{display:flex;align-items:center;min-width:0}.home-route-segment:last-child{flex:0 1}.home-route-node{min-width:4.6rem}.home-route-node svg{display:block;width:3.8rem;height:3.8rem;color:#4d9cff;filter:drop-shadow(0 0 8px #338eff44)}.home-route-node small{font-size:.78rem;color:#9fb9cd}.home-route-segment>i{height:2px;flex:1 1;min-width:8px;background:repeating-linear-gradient(90deg,#24deb4 0 7px,transparent 7px 14px);position:relative}.home-route-segment>i:after,.home-route-segment>i:before{content:"";position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:#3beac2;box-shadow:0 0 12px #3beac2}.home-route-segment>i:before{left:5%}.home-route-segment>i:after{right:5%}.home-terminal{padding:0;white-space:normal;background:#0b111c}.home-terminal-chrome{display:flex;gap:.4rem;padding:.65rem .8rem;border-bottom:1px solid #263b50;background:#111e2e}.home-terminal-chrome b{width:.55rem;height:.55rem;border-radius:50%;background:#f1686a}.home-terminal-chrome b:nth-child(2){background:#ffd26a}.home-terminal-chrome b:nth-child(3){background:#35d478}.home-terminal-body{padding:1rem;white-space:nowrap;overflow:auto}.home-terminal em{color:#90a6bc;font-style:normal}.home-topics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.home-topics a{min-height:140px;align-items:center;justify-content:center;text-align:center;gap:.85rem;background:#101722;border:1px solid #2c3b51}.home-topics a strong{font-size:.94rem;line-height:1.3}.home-topic-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.75rem;background:#1b2940;color:#4d9cff;font-size:1.5rem}.home-topics a .home-topic-icon:first-child{color:#4d9cff}.home-topics a:hover .home-topic-icon{background:#183d4c;color:#37e6c0}.home-section-heading h2{color:#f5f8fc}.home-journey>div{background:#101d2d}@media(max-width:900px){.home-topics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.home-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-route-node{min-width:2.8rem}.home-route-node svg{width:2.65rem;height:2.65rem}.home-route-node small{font-size:.56rem}.home-route-segment>i{min-width:3px}.home-route-line{gap:0}}.home-route-line{width:100%;justify-content:normal}.home-route-segment{flex:1 1}.home-route-segment:last-child{flex:0 0 4.6rem}.home-route-segment>i{min-width:0}.home-route-node{flex:0 0 4.6rem}@media(max-width:600px){.home-route-node,.home-route-segment:last-child{flex-basis:2.8rem}}.switching-comparison .packet-journey-stage,.switching-comparison__panels{grid-template-columns:minmax(0,1fr)}.switching-comparison .packet-journey-topology{max-width:100%;overflow-x:auto;overflow-y:hidden}.switching-comparison .packet-journey-topology svg{min-width:35rem;min-height:0}.switching-simple-topology{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.65rem;gap:.65rem;margin:1.1rem 0;padding:1rem;border:1px solid var(--border);border-radius:.7rem;background:color-mix(in srgb,var(--accent) 5%,var(--background))}.switching-simple-topology>div{position:relative;display:grid;align-content:start;grid-gap:.45rem;gap:.45rem;min-width:0;padding:.8rem;border:1px solid var(--border);border-radius:.55rem}.switching-simple-topology>div:not(:last-child):after{content:"→";position:absolute;right:-.7rem;top:50%;z-index:1;color:var(--accent);font-size:1.2rem;font-weight:900}.switching-simple-topology span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:var(--accent-foreground);font-size:.75rem;font-weight:800}.switching-simple-topology strong{line-height:1.3}.switching-simple-topology small{color:var(--muted);line-height:1.4}@media(max-width:35rem){.switching-simple-topology{grid-template-columns:repeat(3,minmax(12rem,1fr));overflow-x:auto}.switching-simple-topology>div:not(:last-child):after{right:-.7rem;top:50%}}.sample-lab__stage{margin:0;padding:.9rem 1.35rem;border-top:1px solid #30435d;color:#eafbf6;font-weight:800}.sample-lab__controls{display:flex;flex-wrap:wrap;gap:.65rem;padding:0 1.35rem 1.35rem}.sample-lab__controls button,.sample-lab__quiz button{min-height:2.7rem;padding:.55rem .95rem;border:1px solid #4d91a7;border-radius:.45rem;background:#142b3f;color:#f4fbff;font:inherit;font-weight:750;cursor:pointer}.sample-lab__controls button:first-child,.sample-lab__quiz button{border-color:#23d6a8;background:#23d6a8;color:#08261f}.sample-lab button:disabled{cursor:not-allowed;opacity:.5}.sample-lab__config,.sample-lab__quiz{display:grid;grid-gap:.7rem;gap:.7rem;border:0}.sample-lab__config legend,.sample-lab__quiz legend{padding-bottom:.5rem;font-weight:800}.sample-lab__config label,.sample-lab__quiz label{display:flex;align-items:center;gap:.6rem;cursor:pointer}.sample-lab input{accent-color:#23d6a8}.sample-lab__config p{color:#a8bdd3}.sample-lab__quiz{margin:0;padding:1.2rem 1.35rem 1.35rem;border-top:1px solid #30435d;background:#0d1a29}.sample-lab__quiz button{justify-self:start}.sample-lab__quiz [role=status]{margin:.2rem 0;padding:.7rem;border-left:3px solid #23d6a8;background:#173546}.sample-lab__explanation h3,.sample-lab__flow h3{margin:.2rem 0 .7rem}.sample-lab__explanation p,.sample-lab__flow p{max-width:58rem;color:#c4d5df;line-height:1.55}.sample-lab__flow dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;max-width:45rem}.sample-lab__flow dl div{padding:.65rem;border:1px solid #30435d;border-radius:.45rem;background:#0d1a29}.sample-lab__flow dt{color:#9ab6c9;font-size:.8rem}.sample-lab__flow dd{margin:.2rem 0 0;font:700 .88rem/1.4 monospace;overflow-wrap:anywhere}.labs-page__checks,.labs-page__practice{margin-top:3rem}.labs-page__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.labs-page__cards a{display:grid;grid-gap:.6rem;gap:.6rem;padding:1.25rem;border:1px solid #30435d;border-radius:.7rem;background:#111a29;color:#f5f8fc;text-decoration:none}.labs-page__cards a:focus-visible,.labs-page__cards a:hover{border-color:#23d6a8}.labs-page__cards span{color:#b4c4d7}.labs-page__cards small,.labs-page__checks a{color:#50e8c5}.labs-page__checks details{padding:1rem;border:1px solid #30435d;border-radius:.6rem;background:#111a29}.labs-page__checks summary{cursor:pointer;font-weight:800}.labs-page__checks ul{column-count:2;line-height:1.8}.labs-page__checks li{page-break-inside:avoid;break-inside:avoid}body:has(.labs-page) .site-footer,body:has(.labs-page) .site-header{background:#0b111c;border-color:#30435d;color:#f5f8fc}body:has(.labs-page) .site-footer a,body:has(.labs-page) .site-header a{color:#d9e9f0}@media(max-width:750px){.labs-page__cards{grid-template-columns:1fr}.labs-page__checks ul{column-count:1}.sample-lab__flow dl{grid-template-columns:1fr}.labs-page{padding:2rem 1rem}}@media(prefers-reduced-motion:reduce){.sample-lab__packet,.sample-lab__packet--reverse{animation:none}.sample-lab__packet{left:calc(100% - 1.7rem)}.sample-lab__packet--reverse{left:0}}.switching-comparison .packet-journey-topology svg text{fill:var(--foreground)}.sample-lab .sample-lab__segment:last-child{flex:0 0 7rem}.home-lab-topology{overflow-x:auto}.home-lab-segment{display:flex;align-items:center;flex:1 1;min-width:0}.home-lab-segment:last-child{flex:0 1}.home-lab-topology .home-lab-device{display:grid;justify-items:center;grid-gap:.35rem;gap:.35rem;min-width:3.5rem;padding:.2rem;border:0;background:none}.home-lab-device svg{width:2.7rem;height:2.7rem;color:#529bff;filter:drop-shadow(0 0 6px #358dff55)}.home-lab-device small{color:#b5c8da;font-size:.68rem}.home-lab-segment>i{min-width:1rem;flex:1 1;height:2px;background:repeating-linear-gradient(90deg,#23d6a8 0 6px,transparent 6px 12px)}.home-lab-topology .home-lab-segment:last-child{flex:0 0 3.5rem}.dhcp-packet-format-scroll{max-width:100%;overflow-x:auto;margin:1.2rem 0;border:1px solid #31556b;border-radius:.8rem;background:#0c1d2b}.dhcp-packet-format-scroll:focus-visible{outline:3px solid #72f4d6;outline-offset:3px}.dhcp-packet-format{width:100%;min-width:40rem;table-layout:fixed;border-collapse:separate;border-spacing:3px;padding:3px;color:#eaf8f6;text-align:center}.dhcp-packet-format td{padding:.62rem .45rem;border:1px solid #3b8b89;border-radius:.3rem;background:linear-gradient(135deg,#163d48,#1b4a46);font-weight:750;line-height:1.3}.dhcp-packet-format tr:nth-child(2) td,.dhcp-packet-format tr:nth-child(5) td,.dhcp-packet-format tr:nth-child(7) td{background:linear-gradient(135deg,#194852,#1d5951)}.dhcp-packet-format code{display:inline-block;margin-left:.3rem;color:#8eeed2;font-size:.78em;font-weight:600}.dhcp-packet-format-note{max-width:55rem;color:var(--muted)}.lesson-content #packet-format{scroll-margin-top:8rem}.protocol-format{max-width:100%;margin:1.15rem 0 1.5rem}.protocol-format__scroll{max-width:100%;overflow-x:auto;border:1px solid #31556b;border-radius:.8rem;background:#0c1d2b}.protocol-format__scroll:focus-visible{outline:3px solid #72f4d6;outline-offset:3px}.protocol-format table{width:100%;min-width:38rem;border-collapse:separate;border-spacing:3px;padding:3px;table-layout:fixed;color:#eaf8f6;text-align:center}.protocol-format td{padding:.65rem .5rem;border:1px solid #3b8b89;border-radius:.3rem;background:linear-gradient(135deg,#163d48,#1b4a46);font-weight:750;line-height:1.35;overflow-wrap:anywhere}.protocol-format tr:nth-child(2n) td{background:linear-gradient(135deg,#194852,#1d5951)}.protocol-format figcaption{margin-top:.6rem;color:var(--muted);font-size:.9rem;line-height:1.5}.protocol-format__hint{display:none;margin:0 0 .35rem;color:#75dfca;font-size:.8rem;font-weight:700}@media(max-width:640px){.protocol-format__hint{display:block}}.site-header .site-nav a{display:inline-flex;align-items:center;min-height:2.7rem;border-bottom:2px solid transparent;text-decoration:none}.site-header .site-nav a[aria-current=page]{border-bottom-color:#23d6a8;color:#23d6a8}a,a *,a:focus-visible,a:hover,a:hover *{text-decoration:none!important}.sign-in-form .sign-in-text-action{text-decoration:none;border-bottom:0}.sign-in-form .sign-in-text-action:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.site-header .site-nav a{padding:.5rem .15rem;border:0;border-radius:0;background:transparent;transition:color .16s}.site-header .site-nav a:hover{background:transparent;color:#56eac9}.site-header .site-nav a[aria-current=page]{border-color:transparent;background:transparent;color:#6bf2ce;font-weight:800}.curriculum-navigation__lesson>a:hover,.primary-link:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.header-search{position:relative;display:flex;align-items:center;width:clamp(12rem,19vw,16rem);min-height:2.7rem;border:1px solid #30435d;border-radius:.55rem;background:#111c2c;color:#a9bbcb}.header-search:focus-within{border-color:#56eac9;box-shadow:0 0 0 2px #23d6a830}.header-search__icon{width:1rem;height:1rem;flex:none;margin-left:.75rem;color:#8faac0}.header-search input{width:100%;min-width:0;padding:.55rem .55rem .55rem .4rem;border:0;outline:0;background:transparent;color:#f5f8fc;font:inherit;font-size:.78rem}.header-search input::placeholder{color:#9aacc0;opacity:1}.header-search input::-webkit-search-cancel-button{cursor:pointer}.header-search__results{position:absolute;z-index:30;top:calc(100% + .4rem);right:0;width:min(25rem,calc(100vw - 2rem));max-height:22rem;overflow:auto;padding:.4rem;border:1px solid #3b5a70;border-radius:.7rem;background:#102131;box-shadow:0 20px 45px #0008}.header-search__results a{display:grid;grid-gap:.2rem;gap:.2rem;padding:.65rem .75rem;border-radius:.4rem;color:#edf8fa!important}.header-search__results a:focus-visible,.header-search__results a:hover{background:#1a4150}.header-search__results small{color:#b9cbd6;line-height:1.35}.header-search__results p{margin:.4rem;padding:.5rem;color:#b9cbd6}@media(min-width:1100px){.site-chrome{flex-wrap:nowrap;gap:1rem}.site-header__actions{flex-wrap:nowrap;gap:.55rem}.site-header .site-nav{flex-wrap:nowrap;gap:.9rem}.header-search{width:13.5rem;flex:none}}@media(max-width:700px){.site-header__actions{width:100%}.site-header .site-nav{width:100%;gap:.8rem}.header-search{order:2;width:100%}.site-header__get-started,.site-header__sign-in,.theme-control{order:3}}.site-header .site-chrome{width:min(100% - 2rem,80rem)}.site-header .site-nav a,.site-header__get-started,.site-header__sign-in,.theme-control{white-space:nowrap;flex-shrink:0}@media(max-width:1400px){.site-header .site-chrome,.site-header__actions{flex-wrap:wrap}.site-header__actions{justify-content:center}}.labs-page{min-height:100vh;padding:3rem max(1rem,calc((100vw - 1200px)/2));background:#0b111c;color:#f5f8fc}.labs-page__intro{max-width:46rem;margin-bottom:2rem}.labs-page__intro h1{margin:.4rem 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}.labs-page__checks>p,.labs-page__intro>p:last-child,.labs-page__practice p{color:#b4c4d7;line-height:1.6}.sample-lab{overflow:hidden;border:1px solid #30435d;border-radius:1rem;background:#111a29;box-shadow:0 20px 60px #0003}.sample-lab__tabs{display:flex;gap:.2rem;padding:.35rem .6rem 0;overflow-x:auto;border-bottom:1px solid #30435d}.sample-lab__tabs button{min-height:3rem;padding:.6rem .85rem;flex:none;border:0;border-bottom:3px solid transparent;background:transparent;color:#a8bdd3;font:inherit;font-weight:750;cursor:pointer}.sample-lab__tabs button[aria-selected=true]{border-bottom-color:#23d6a8;color:#46ebc6}.sample-lab__tabs button:hover{color:#fff}.sample-lab button:focus-visible,.sample-lab input:focus-visible,.sample-lab__tabs button:focus-visible{outline:3px solid #69ecda;outline-offset:2px}.sample-lab__panel{min-height:15.5rem;padding:1.35rem;overflow-x:auto}.sample-lab__topology{display:flex;align-items:center;min-width:37rem;min-height:12rem}.sample-lab__segment{display:flex;align-items:center;flex:1 1;min-width:0}.sample-lab__segment:last-child{flex:0 1}.sample-lab__device{display:grid;justify-items:center;grid-gap:.25rem;gap:.25rem;min-width:7rem;color:#a9bfd1;text-align:center}.sample-lab__device--active{color:#f5ffff}.sample-lab__device svg{width:3.6rem;height:3.6rem;fill:none;stroke:#529bff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #3a8cff50)}.sample-lab__device--active svg{stroke:#58e4cb}.sample-lab__device strong{font-size:.85rem}.sample-lab__device small{font:.72rem/1.2 monospace;color:#8ca6bc}.sample-lab__link{position:relative;height:2px;min-width:2rem;flex:1 1;background:repeating-linear-gradient(90deg,#314960 0 7px,transparent 7px 13px)}.sample-lab__link--active{background:repeating-linear-gradient(90deg,#25dcb6 0 7px,transparent 7px 13px)}.sample-lab__packet{position:absolute;top:-.8rem;left:0;display:grid;place-items:center;width:1.7rem;height:1.7rem;border:1px solid #dcfffa;border-radius:.4rem;background:#24dcb3;color:#08261f;box-shadow:0 0 15px #29ebca;animation:sample-packet-forward 1.2s ease-in-out both}.sample-lab__packet--reverse{animation-name:sample-packet-reverse}@keyframes sample-packet-forward{0%{left:0}to{left:calc(100% - 1.7rem)}}@keyframes sample-packet-reverse{0%{left:calc(100% - 1.7rem)}to{left:0}}.switching-simple-summary{padding:.75rem 1rem;border-left:.3rem solid var(--accent);border-radius:.3rem;background:color-mix(in srgb,var(--accent) 8%,var(--background));font-weight:700}.switching-scroll-hint{display:none;color:var(--accent);font-size:.85rem;font-weight:800}@media(max-width:35rem){.switching-scroll-hint{display:block;margin:.8rem 0 -.4rem}}:root p:not(.home-eyebrow){color:var(--paragraph-color)}:root[data-theme=light] :is(.home-refresh,.labs-page,.site-footer) p:not(.home-eyebrow){color:#8b98b8}.lesson-content :is(ul,ol)>li{color:var(--paragraph-color)}:root[data-theme=light] .home-refresh{--home-bg:#f5fafc;--home-panel:#fff;--home-line:#cbdce4;--home-text:#142b3a;--home-muted:#435b6d;--home-accent:#087e69}:root[data-theme=light] .site-footer,:root[data-theme=light] .site-header,:root[data-theme=light] body:has(.home-refresh) :is(.site-header,.site-footer),:root[data-theme=light] body:has(.labs-page) :is(.site-header,.site-footer){background:#f5fafc;border-color:#cbdce4;color:#142b3a}:root[data-theme=light] .site-header .site-nav{color:#142b3a}:root[data-theme=light] body:has(.home-refresh) :is(.site-header,.site-footer) a,:root[data-theme=light] body:has(.labs-page) :is(.site-header,.site-footer) a{color:#142b3a}:root[data-theme=light] .site-header .site-nav a[aria-current=page],:root[data-theme=light] body:has(.home-refresh) .site-header .site-nav a:first-child{color:#087e69}:root[data-theme=light] .site-logo__packet{color:#142b3a}:root[data-theme=light] .site-logo__secrets{color:#087e69}:root[data-theme=light] .header-search{background:#fff;border-color:#b7cad6;color:#435b6d}:root[data-theme=light] .header-search input{color:#142b3a}:root[data-theme=light] .header-search input::placeholder{color:#536b7d}:root[data-theme=light] .header-search__results{background:#fff;border-color:#b7cad6;box-shadow:0 14px 36px #17334426}:root[data-theme=light] .header-search__results a{color:#142b3a!important}:root[data-theme=light] .header-search__results a:hover{background:#e8f4f2}:root[data-theme=light] .home-eyebrow,:root[data-theme=light] .home-journey>div>span,:root[data-theme=light] .home-topics a span:first-child{color:#087e69}:root[data-theme=light] .home-section-heading h2{color:var(--home-text)}:root[data-theme=light] .home-benefits,:root[data-theme=light] .home-lab-device small,:root[data-theme=light] .home-route-node small{color:#435b6d}:root[data-theme=light] .home-journey>div,:root[data-theme=light] .home-topics a{background:#fff;border-color:#cbdce4;color:#142b3a}:root[data-theme=light] .home-topic-icon{background:#e8f4f2;color:#087e69}:root[data-theme=light] .home-route-title{color:#315b6c}:root[data-theme=light] .home-lab-topology{background:#eaf4f7}:root[data-theme=light] .home-lab-topology span{color:#142b3a}:root[data-theme=light] .home-refresh p:not(.home-eyebrow),:root[data-theme=light] .site-footer p:not(.home-eyebrow){color:#435b6d}:root[data-theme=light] .labs-page{background:#f5fafc;color:#142b3a}:root[data-theme=light] .labs-page :is(.labs-page__intro>p:last-child,.labs-page__practice p,.labs-page__checks>p){color:#435b6d}:root[data-theme=light] .labs-page__cards a,:root[data-theme=light] .labs-page__checks details{background:#fff;border-color:#cbdce4;color:#142b3a}:root[data-theme=light] .labs-page__cards span{color:#435b6d}:root[data-theme=light] .labs-page__cards small,:root[data-theme=light] .labs-page__checks a{color:#087e69}:root[data-theme=light] .packet-inspector__layers h4{color:#172033}.section-continue:empty{min-height:1px;padding:0;border:0;background:none}.lesson-audit-notice{margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--accent);border-radius:.65rem;background:color-mix(in srgb,var(--accent) 10%,var(--background));color:var(--foreground);font-weight:700}.lease-state-player{overflow:hidden;border:1px solid #31556b;border-radius:1rem;background:#0d1825;color:#eef8fb}.lease-state-player>.player-controls,.lease-state-player>h3,.lease-state-player>p{margin-left:1.2rem;margin-right:1.2rem}.lease-state-player>h3{margin-bottom:.35rem}.lease-state-player>p{max-width:48rem;color:#8b98b8}.lease-state-player__scenarios{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem;padding:1rem;border:1px solid #30445b;border-radius:.7rem}.lease-state-player__scenarios legend{padding:0 .4rem;color:#d4e7eb;font-weight:800}.lease-state-player__scenarios label{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;border:1px solid #38516b;border-radius:999px;background:#132334;color:#d7e9ed;cursor:pointer;font-size:.85rem}.lease-state-player__scenarios label:has(input:checked){border-color:#24dbb5;background:#103d3b;color:#eafffa}.lease-state-player__scenarios input{accent-color:#24dbb5}.lease-state-diagram__scroll{margin:1.2rem;overflow-x:auto;border:1px solid #30445b;border-radius:.8rem;background:radial-gradient(circle at 50% 38%,#143043,#0b1622 70%)}.lease-state-diagram{display:block;width:100%;min-width:650px;height:auto}.lease-state-diagram__links{fill:none;stroke:#5c8ca0;stroke-width:2.5}.lease-state-diagram__signal{fill:none;stroke:#66ffe0;stroke-width:7;stroke-linecap:round;stroke-dasharray:12 100;filter:drop-shadow(0 0 4px #37f6d3) drop-shadow(0 0 9px #20e7b9);animation:lease-electric-traverse 1.5s linear both}@keyframes lease-electric-traverse{0%{stroke-dashoffset:0;opacity:0}12%{opacity:1}88%{opacity:1}to{stroke-dashoffset:-100;opacity:0}}.lease-state-diagram marker path{fill:#5c8ca0}.lease-state-diagram__labels{fill:#98b9c8;font-size:15px;font-weight:700}.lease-state-diagram__node rect{fill:#132b3a;stroke:#4b8c9b;stroke-width:2.5;transition:fill .25s,stroke .25s,filter .25s}.lease-state-diagram__node text{fill:#e6f7f7;font-size:20px;font-weight:850;letter-spacing:.04em}.lease-state-diagram__node[data-active=true] rect{fill:#0d655d;stroke:#42ebc9;filter:drop-shadow(0 0 10px #24dcb58a)}.lease-state-diagram__node[data-active=true] text{fill:#fff}.lease-packet-flow{display:flex;align-items:center;gap:.8rem;margin:1.2rem;padding:1.1rem;border:1px solid #30445b;border-radius:.8rem;background:#0a1420}.lease-packet-flow__device{display:grid;justify-items:center;grid-gap:.15rem;gap:.15rem;min-width:5.5rem;color:#f3fcfd}.lease-packet-flow__device small{color:#8b98b8}.lease-packet-flow__track{position:relative;height:2.8rem;flex:1 1;min-width:2rem}.lease-packet-flow__line{position:absolute;top:50%;left:0;right:0;border-top:2px dashed #27dcb8}.lease-packet-flow__packet{position:absolute;top:.35rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;border:2px solid #c8fff1;border-radius:.45rem;background:#24dcb5;color:#062c27;box-shadow:0 0 20px #24dcb5;animation:dhcp-packet-forward 1.5s ease-in-out both}.lease-packet-flow__packet--server-to-client{animation-name:dhcp-packet-reverse}.lease-packet-flow__relay{position:absolute;z-index:1;top:50%;left:50%;padding:.35rem .55rem;border:1px solid #4a89a3;border-radius:.4rem;background:#102838;color:#abcede;font-size:.8rem;transform:translate(-50%,-50%)}@keyframes dhcp-packet-forward{0%{left:0}to{left:calc(100% - 2.2rem)}}@keyframes dhcp-packet-reverse{0%{left:calc(100% - 2.2rem)}to{left:0}}.lease-state-player__explanation{margin:1.2rem;padding:1.15rem;border-left:4px solid #24dcb5;border-radius:.5rem;background:#132535}.lease-state-player__explanation strong{color:#f5fcfd}.lease-state-player__explanation p{margin:.55rem 0 0;color:#aebfd0;line-height:1.5}.lease-state-player__explanation .lease-state-player__message{color:#50ebca;font-weight:800}.lease-state-player>.player-controls{margin-bottom:1.2rem}.lease-state-player__scroll-hint{display:none;color:#56e8ca!important;font-size:.8rem;font-weight:800}@media(max-width:640px){.lease-packet-flow,.lease-state-diagram__scroll,.lease-state-player__explanation,.lease-state-player__scenarios{margin:1rem}.lease-packet-flow{gap:.35rem;padding:.7rem}.lease-packet-flow__device{min-width:4rem;font-size:.75rem}}@media(max-width:700px){.lease-state-player__scroll-hint{display:block}}@media(prefers-reduced-motion:reduce){.lease-packet-flow__packet{animation-duration:.01ms}.lease-state-diagram__node rect{transition:none}.lease-state-diagram__signal{animation:none;stroke-dasharray:none;stroke-width:4;opacity:1}}.home-topics{grid-template-columns:repeat(5,minmax(0,1fr))}.home-topics a:last-child{grid-column:3}.home-topics a{transition:border-color .15s ease,transform .15s ease}.home-topics a:hover{border-color:var(--home-accent);transform:translateY(-2px)}.home-topic-icon svg{display:block;width:1.85rem;height:1.85rem}@media(max-width:900px){.home-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-topics a:last-child{grid-column:1/-1;width:calc((100% - .8rem)/2);justify-self:center}}@media(prefers-reduced-motion:reduce){.home-topics a{transition:none}.home-topics a:hover{transform:none}}body:has(.admin-shell) .site-footer,body:has(.admin-shell) .site-header{display:none}.admin-shell{display:grid;grid-template-columns:15rem minmax(0,1fr);min-height:100dvh;background:#0b111c;color:#f5f8fc}.admin-sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:2rem;height:100dvh;padding:1.2rem .9rem;border-right:1px solid #28364a;background:#101722}.admin-brand{padding:.3rem}.admin-nav-group{display:grid;grid-gap:.2rem;gap:.2rem;margin-bottom:2rem}.admin-nav-group>p{margin:0 0 .4rem;padding:0 .35rem;color:#8192ab;font-size:.72rem;letter-spacing:.12em}.admin-nav-group a{display:flex;align-items:center;gap:.65rem;min-height:2.45rem;padding:.55rem .65rem;border-radius:.6rem;color:#aab9d1;text-decoration:none;font-size:.88rem;font-weight:650;transition:color .15s ease,background-color .15s ease}.admin-nav-group a:focus-visible,.admin-nav-group a:hover{color:#e7fff8;background:#1b3038}.admin-nav-group a[aria-current=page]{color:#4ce9c0;background:#143a32}.admin-nav-icon svg{display:block;width:1.05rem;height:1.05rem}.admin-sidebar__back{margin-top:auto;color:#9aabc1;font-size:.85rem}.admin-shell__content{min-width:0;padding:clamp(1.2rem,3vw,2.2rem)}.admin-page{width:min(100%,1220px);margin:0 auto}.admin-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.admin-page__header h1{margin:.2rem 0 0;font-size:1.75rem;color:#fff}.admin-page__header>span{color:#9aabc1;font-size:.85rem}.admin-page__header p{color:#9aabc1}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem}.admin-metric,.admin-panel{min-width:0;border:1px solid #2a3850;border-radius:1rem;background:#111a2a}.admin-metric{display:grid;align-content:start;grid-gap:.55rem;gap:.55rem;min-height:10rem;padding:1.25rem}a.admin-metric{transition:border-color .15s ease,transform .15s ease}a.admin-metric:focus-visible,a.admin-metric:hover{border-color:#32dcb4;transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){a.admin-metric{transition:none}a.admin-metric:hover{transform:none}}.admin-metric__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.65rem;background:#123b36;color:#39e0b7;margin-bottom:.15rem}.admin-metric__icon svg{width:1.3rem;height:1.3rem}.admin-metric p{margin:0;color:#aab9d1;font-size:.88rem}.admin-metric strong{font-size:2rem;color:#fff}.admin-metric small{color:#39e0b7}.admin-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1;white-space:nowrap}.admin-badge--success{background:color-mix(in srgb,#27d4aa 20%,transparent);color:#4ce9c0}.admin-badge--muted{background:color-mix(in srgb,#94a7bf 18%,transparent);color:#aab9d1}.admin-badge--warning{background:color-mix(in srgb,#f5a623 20%,transparent);color:#f7c873}.admin-badge--info{background:color-mix(in srgb,#4d9cff 20%,transparent);color:#7db8ff}.admin-detail-grid,.admin-overview-panels{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.admin-panel{padding:1.3rem}.admin-panel h2{margin:0 0 1rem;color:#fff;font-size:1.08rem}.admin-metric-note,.admin-panel dd,.admin-panel p{color:#aab9d1;line-height:1.55}.admin-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-page a,.admin-panel__heading a{color:#4ce9c0}.admin-metric-note{font-size:.83rem;margin-top:1rem}.admin-range{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:0 0 1.25rem;color:#aab9d1;font-size:.88rem}.admin-range a{color:#aab9d1;text-decoration:none;border:1px solid #34465d;border-radius:.45rem;padding:.35rem .6rem;transition:border-color .15s ease,color .15s ease}.admin-range a:focus-visible,.admin-range a:hover,.admin-range a[aria-current=page]{border-color:#32dcb4;color:#67efd2}.admin-search{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.admin-search label{width:100%;color:#aab9d1;font-size:.85rem}.admin-billing-manager input,.admin-billing-manager select,.admin-feature-flags input,.admin-feature-flags select,.admin-learner-editor input,.admin-learner-editor select,.admin-learner-editor textarea,.admin-search input,.admin-search select,.admin-staff-manager input,.admin-staff-manager select,.support-ticket-panel textarea{min-height:2.6rem;padding:.6rem .7rem;border:1px solid #35475e;border-radius:.5rem;background:#0c1523;color:#f5f8fc;font:inherit}.admin-feature-flags input[type=checkbox]{min-height:auto;width:1.15rem;height:1.15rem;padding:0;accent-color:#27d4aa}.support-ticket-panel textarea{width:100%;min-height:7rem;resize:vertical}.admin-search input{width:min(100%,24rem)}.admin-search__filters{display:flex;align-items:end;gap:.5rem;flex-wrap:wrap}.admin-search .admin-search__filters label,.admin-search__filters input,.admin-search__filters select{width:auto}.admin-billing-manager button,.admin-feature-flags button,.admin-learner-editor button,.admin-search button,.admin-staff-manager button,.support-ticket-panel form button{min-height:2.6rem;padding:.55rem 1rem;border:1px solid #31ddae;border-radius:.5rem;background:#27d4aa;color:#06251f;font:inherit;font-weight:800;cursor:pointer;transition:background-color .15s ease}.admin-billing-manager button:hover,.admin-feature-flags button:hover,.admin-learner-editor button:hover,.admin-search button:hover,.admin-staff-manager button:hover,.support-ticket-panel form button:hover{background:#53edc4}.admin-billing-manager button:disabled,.admin-feature-flags button:disabled,.admin-learner-editor button:disabled,.admin-staff-manager button:disabled,.support-ticket-panel button:disabled{opacity:.6;cursor:wait}.admin-table-scroll{overflow:auto;border:1px solid #2a3850;border-radius:.9rem}.admin-table{width:100%;border-collapse:collapse;background:#111a2a;text-align:left}.admin-table td,.admin-table th{padding:1rem;border-bottom:1px solid #2a3850}.admin-table th{color:#94a7bf;font-size:.78rem;font-weight:700;text-transform:uppercase}.admin-table td{color:#f5f8fc;font-size:.9rem}.admin-table td small{display:block;color:#8b98b8;margin-top:.3rem}.admin-table tr:last-child td{border-bottom:0}.admin-table tbody tr{transition:background-color .12s ease}.admin-table tbody tr:hover td{background:#152134}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.2rem 0;color:#aab9d1}.admin-billing-manager form,.admin-feature-flags form,.admin-learner-editor form,.admin-staff-manager form{display:grid;grid-gap:.5rem;gap:.5rem}.admin-billing-manager form label,.admin-feature-flags form label,.admin-learner-editor form label,.admin-staff-manager form label{margin-top:.5rem;color:#c5d2e4;font-size:.87rem}.admin-feature-flags label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:.5rem}.admin-billing-manager form button,.admin-feature-flags form button,.admin-learner-editor form button,.admin-staff-manager form button{width:-moz-fit-content;width:fit-content;margin-top:.5rem}.admin-panel dl{display:grid;grid-template-columns:auto 1fr;grid-gap:.65rem;gap:.65rem;align-items:center}.admin-panel dt{color:#90a3bb}.admin-panel ul{padding-left:1.2rem}.admin-staff-manager .admin-table-scroll{margin-top:1rem}.admin-billing-manager h2,.admin-feature-flags h2{margin:1.5rem 0 .5rem}.admin-billing-manager h2:first-child,.admin-feature-flags h2:first-child{margin-top:0}.admin-plan-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.admin-plan-list li{padding:.7rem .9rem;border:1px solid #2a3850;border-radius:.6rem;background:#0c1523}.support-ticket-panel form{margin-bottom:1.5rem}.support-ticket-status-controls{display:flex;flex-wrap:wrap;gap:.5rem}.support-ticket-status-controls button{min-height:2.3rem;padding:.45rem .9rem;border:1px solid #35475e;border-radius:999px;background:transparent;color:#aab9d1;font:inherit;font-size:.85rem;font-weight:650;cursor:pointer;transition:border-color .15s ease,color .15s ease}.support-ticket-status-controls button:hover:not(:disabled){border-color:#32dcb4;color:#67efd2}.support-ticket-status-controls button[aria-pressed=true]{border-color:#31ddae;background:#143a32;color:#4ce9c0;cursor:default}.support-ticket-status-controls button:disabled{opacity:.6}.admin-shell a:focus-visible,.admin-shell button:focus-visible,.admin-shell input:focus-visible,.admin-shell select:focus-visible,.admin-shell textarea:focus-visible{outline:3px solid #4ce9c0;outline-offset:2px}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;gap:1rem;padding:1rem}.admin-sidebar nav{display:flex;gap:1rem;flex-wrap:wrap}.admin-nav-group{margin:0}.admin-nav-group a{display:inline-flex}.admin-sidebar__back{margin:0}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.admin-shell__content{padding:1rem}.admin-detail-grid,.admin-metrics,.admin-overview-panels{grid-template-columns:1fr}.admin-nav-group{display:flex;flex-wrap:wrap}.admin-nav-group>p{width:100%}.admin-page__header{flex-direction:column}.admin-search input,.admin-search__filters{width:100%}.admin-search__filters input,.admin-search__filters select{flex:1 1;min-width:8rem}.admin-table{min-width:35rem}}.learner-dashboard{width:min(100% - 2rem,1100px);margin:0 auto;padding:clamp(2rem,5vw,4rem) 0 5rem}.learner-dashboard__intro{margin-bottom:2rem}.learner-dashboard__intro h1{margin:.4rem 0;font-size:clamp(2rem,4vw,3rem)}.learner-dashboard__intro>p:last-child{color:var(--muted)}.learner-dashboard__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(15rem,1fr);grid-gap:1.3rem;gap:1.3rem;align-items:start}.learner-dashboard__main,.learner-dashboard__side{min-width:0;padding:1.4rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.learner-dashboard__side h2{margin-top:0}.learner-dashboard__side p{color:var(--muted);line-height:1.55}.learner-dashboard__side a{color:var(--accent);font-weight:750}@media(max-width:750px){.learner-dashboard__grid{grid-template-columns:1fr}}