:root{color-scheme:light;--background:#f8fafc;--foreground:#172033;--muted:#526077;--accent:#0f5bd8;--accent-foreground:#ffffff;--border:#d9e1ee;--content-width:72rem;--focus-ring:#f09a18}.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:#101827;--foreground:#f5f7fb;--muted:#b4bed0;--accent:#80b1ff;--accent-foreground:#102044;--border:#33425d;--focus-ring:#ffd27a}}:root[data-theme=dark]{color-scheme:dark;--background:#101827;--foreground:#f5f7fb;--muted:#b4bed0;--accent:#80b1ff;--accent-foreground:#102044;--border:#33425d;--focus-ring:#ffd27a}:root[data-theme=light]{color-scheme:light}*{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{border-width:0 0 1px}.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{position:relative;display:inline-grid;width:2rem;height:2rem;place-items:center;border:2px solid var(--accent);border-radius:.45rem;background:color-mix(in srgb,var(--accent) 10%,var(--background));transform:rotate(-4deg)}.site-logo__mark i,.site-logo__mark:after,.site-logo__mark:before{position:absolute;display:block;content:""}.site-logo__mark:before{left:.35rem;width:.42rem;height:.42rem;border-radius:50%;background:var(--accent);box-shadow:.85rem -.45rem 0 var(--accent),.85rem .45rem 0 var(--accent)}.site-logo__mark:after{left:.68rem;width:.75rem;height:1px;background:var(--accent)}.site-logo__mark i{display:none}.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}.site-logo__packet{color:var(--foreground)}.site-logo__secrets{color:var(--accent)}.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,.theme-control{align-items:center}.theme-control{display:inline-flex;min-height:2.25rem;gap:.35rem;padding:.2rem .35rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--accent) 6%,var(--background));color:var(--foreground)}.theme-control select{border:0;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.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,.pathway-duration{margin:1rem 0 0;color:var(--muted)}.pathway-duration{font-weight:700}.pathway-content{padding:1rem 0 clamp(3rem,8vw,6rem)}.lesson-card h3,.module h2,.pathway-content>h2{line-height:1.2}.module-list{display:grid;grid-gap:2rem;gap:2rem;margin-top:1.5rem}.lesson-card p,.module>p{color:var(--muted)}.lesson-list{display:grid;grid-gap:.75rem;gap:.75rem;margin:1rem 0 0;padding-left:1.5rem}.lesson-card{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1.5rem;padding:1rem;border:1px solid var(--border);border-radius:.5rem}.lesson-card h3,.lesson-card p{margin:0}.lesson-card p{max-width:48rem;margin-top:.5rem}.lesson-meta{display:flex;flex-wrap:wrap;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}.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,.learner-workspace__tool{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[aria-expanded=true]{border-color:var(--accent);border-inline-start-width:.35rem;background:color-mix(in srgb,var(--accent) 12%,var(--background))}.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:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.curriculum-navigation__module h2{margin:0 0 .75rem;font-size:1rem;line-height:1.25}.curriculum-navigation__lessons{display:grid;grid-gap:.5rem;gap:.5rem}.curriculum-navigation__lesson>a,.curriculum-navigation__lesson>div{display:grid;grid-gap:.2rem;gap:.2rem;padding:.65rem .75rem;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>a span:first-child,.curriculum-navigation__lesson>div span:first-child{color:var(--foreground);font-weight:700}.curriculum-navigation__lesson>a span:not(:first-child),.curriculum-navigation__lesson>div span:not(:first-child){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] span:last-child{font-weight:700}.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-grid;grid-template-columns:auto auto;align-items:center;gap:.65rem;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__toggle{font-size:1.3rem;transition:transform .2s ease}.dns-map__trigger[aria-expanded=true] .dns-map__toggle{transform:rotate(180deg)}.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__toggle,.dns-map__trigger,.network-map__toggle,.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:12ch;margin-block:.35rem 0;font-size:clamp(2.25rem,8vw,4rem);line-height:1.02}.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(--foreground);stroke-width:2}.network-topology__packet-marker--broadcast{fill:#b45309;stroke-width:3}.network-topology__packet-marker text{fill:#000;stroke:none;font-size:1rem;font-weight:900;letter-spacing:.05em}.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-details{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}.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{min-width:0;max-width:100%;margin:2rem 0;padding:clamp(.8rem,2.5vw,1.4rem);overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:color-mix(in srgb,var(--accent) 4%,var(--background))}.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-template-columns:minmax(0,1fr);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){.switching-comparison__panels{grid-template-columns:repeat(3,minmax(0,1fr))}.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}.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}.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(--focus-ring);stroke:var(--background);stroke-width:3;animation:packet-journey-pulse .9s ease-in-out infinite alternate}.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-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}.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 circle,.dhcp-topology line,.dhcp-topology rect{stroke:var(--accent);stroke-width:3;fill:color-mix(in srgb,var(--accent) 8%,var(--background))}.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-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) auto minmax(8rem,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{color:var(--accent);filter:drop-shadow(0 0 .25rem color-mix(in srgb,var(--accent) 70%,transparent));animation:service-packet-pulse 1.2s ease-in-out infinite alternate}.service-topology__link{min-width:0;color:var(--muted);text-align:center;overflow-wrap:anywhere}.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-pulse{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}@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;width:.75rem;height:.75rem;border:2px solid var(--background);border-radius:50%;background:var(--accent);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%}}