.net-visual[data-astro-cid-qxtdiped]{margin:28px 0 34px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--surface-deep));overflow:hidden}.visual-head[data-astro-cid-qxtdiped]{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font:700 9px var(--font-mono);letter-spacing:.12em}.visual-head[data-astro-cid-qxtdiped] span[data-astro-cid-qxtdiped]{color:var(--teal)}.visual-head[data-astro-cid-qxtdiped] b[data-astro-cid-qxtdiped]{color:var(--text-faint)}.topology[data-astro-cid-qxtdiped]{position:relative;height:300px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.links[data-astro-cid-qxtdiped]{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.links[data-astro-cid-qxtdiped] line[data-astro-cid-qxtdiped]{stroke:var(--accent-cyan);stroke-width:.55;vector-effect:non-scaling-stroke;opacity:.7}.device[data-astro-cid-qxtdiped]{position:absolute;transform:translate(-50%,-50%);width:108px;text-align:center;z-index:2}.device-icon[data-astro-cid-qxtdiped]{position:relative;width:54px;height:38px;margin:0 auto 8px;border:1px solid var(--accent-cyan);border-radius:7px;background:var(--bg-raised);box-shadow:0 0 20px #48b7ff14}.pc[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]:before,.server[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]:before{content:"";position:absolute;inset:7px 9px 10px;border:1px solid var(--teal);border-radius:2px}.pc[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]:after,.server[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]:after{content:"";position:absolute;width:34px;height:3px;left:9px;bottom:4px;background:var(--line-bright)}.switch[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]{height:30px;margin-top:8px}.switch[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]:before{content:"••••";position:absolute;inset:4px;color:var(--teal);font:13px var(--font-mono);letter-spacing:2px}.router[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]{border-radius:50%;width:46px;height:46px}.router[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]:before{content:"↔";position:absolute;inset:9px;color:var(--teal);font:20px var(--font-mono)}.server[data-astro-cid-qxtdiped] .device-icon[data-astro-cid-qxtdiped]{height:48px}.device[data-astro-cid-qxtdiped] strong[data-astro-cid-qxtdiped]{display:block;font:700 10px var(--font-mono);color:var(--text-primary)}.device[data-astro-cid-qxtdiped] small[data-astro-cid-qxtdiped]{display:block;margin-top:2px;font:9px var(--font-mono);color:var(--text-faint)}.caption[data-astro-cid-qxtdiped]{margin:0;padding:13px 16px;border-top:1px solid var(--line);font-size:12px!important;color:var(--text-muted)!important}.caption[data-astro-cid-qxtdiped]:before{content:"WHY IT MATTERS  ";font:700 9px var(--font-mono);color:var(--teal);letter-spacing:.08em}@media (max-width:650px){.topology[data-astro-cid-qxtdiped]{height:260px}.device[data-astro-cid-qxtdiped]{width:82px}.device-icon[data-astro-cid-qxtdiped]{transform:scale(.82)}.device[data-astro-cid-qxtdiped] small[data-astro-cid-qxtdiped]{font-size:8px}.caption[data-astro-cid-qxtdiped]:before{display:block;margin-bottom:4px}}.breadcrumb[data-astro-cid-qaanghzh]{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:var(--space-4)}.breadcrumb[data-astro-cid-qaanghzh]:before{content:"";width:22px;height:1px;background:var(--teal);flex-shrink:0}.breadcrumb[data-astro-cid-qaanghzh] a[data-astro-cid-qaanghzh]{color:var(--teal);text-transform:uppercase}.breadcrumb[data-astro-cid-qaanghzh] a[data-astro-cid-qaanghzh]:hover{text-decoration:underline}.breadcrumb[data-astro-cid-qaanghzh] span[data-astro-cid-qaanghzh][aria-current]{color:var(--text-muted);text-transform:uppercase}.breadcrumb[data-astro-cid-qaanghzh] i[data-astro-cid-qaanghzh]{font-style:normal;color:var(--text-faint)}.continue-learning[data-astro-cid-uqn2ajsi]{padding:56px 0 0}.cl-head[data-astro-cid-uqn2ajsi]{margin-bottom:18px}.cl-head[data-astro-cid-uqn2ajsi] span[data-astro-cid-uqn2ajsi]{font:700 10px var(--font-mono);letter-spacing:.13em;color:var(--teal)}.cl-grid[data-astro-cid-uqn2ajsi]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cl-card[data-astro-cid-uqn2ajsi]{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column}.cl-card[data-astro-cid-uqn2ajsi] small[data-astro-cid-uqn2ajsi]{font:700 9px var(--font-mono);letter-spacing:.1em;color:var(--text-faint);margin-bottom:10px}.cl-primary[data-astro-cid-uqn2ajsi]{transition:border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.cl-primary[data-astro-cid-uqn2ajsi]:hover{border-color:var(--teal-dim);transform:translateY(-2px)}.cl-primary[data-astro-cid-uqn2ajsi] strong[data-astro-cid-uqn2ajsi]{font-size:16px;line-height:1.4}.cl-go[data-astro-cid-uqn2ajsi]{margin-top:auto;padding-top:12px;font:600 11px var(--font-mono);color:var(--teal)}.cl-card[data-astro-cid-uqn2ajsi] ul[data-astro-cid-uqn2ajsi]{list-style:none;display:flex;flex-direction:column;gap:9px}.cl-card[data-astro-cid-uqn2ajsi] ul[data-astro-cid-uqn2ajsi] a[data-astro-cid-uqn2ajsi]{font-size:13.5px;color:var(--text-muted)}.cl-card[data-astro-cid-uqn2ajsi] ul[data-astro-cid-uqn2ajsi] a[data-astro-cid-uqn2ajsi]:hover{color:var(--teal)}.cl-links[data-astro-cid-uqn2ajsi]{gap:10px}.cl-links[data-astro-cid-uqn2ajsi] a[data-astro-cid-uqn2ajsi]{display:flex;justify-content:space-between;font:600 12.5px var(--font-body);color:var(--text-muted);padding:6px 0}.cl-links[data-astro-cid-uqn2ajsi] a[data-astro-cid-uqn2ajsi]:hover,.cl-links[data-astro-cid-uqn2ajsi] a[data-astro-cid-uqn2ajsi] span[data-astro-cid-uqn2ajsi]{color:var(--teal)}@media (max-width: 820px){.cl-grid[data-astro-cid-uqn2ajsi]{grid-template-columns:1fr}}.note-page[data-astro-cid-yskpzcos]{background:var(--bg)}.note-shell[data-astro-cid-yskpzcos]{max-width:980px}.note-hero[data-astro-cid-yskpzcos]{padding:84px 0 54px;background:radial-gradient(circle at 75% 30%,var(--accent-cyan-wash),transparent 30%),linear-gradient(180deg,var(--bg),var(--bg-raised));border-bottom:1px solid var(--line)}.note-hero[data-astro-cid-yskpzcos] h1[data-astro-cid-yskpzcos]{font-size:clamp(38px,6vw,68px);letter-spacing:-.04em;max-width:850px}.summary[data-astro-cid-yskpzcos]{font-size:18px;line-height:1.7;color:var(--text-muted);max-width:720px;margin:18px 0 20px}.meta[data-astro-cid-yskpzcos]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-astro-cid-yskpzcos]{font:600 10px var(--font-mono);padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--text-muted);background:var(--panel)}.difficulty[data-astro-cid-yskpzcos]{color:var(--teal);border-color:var(--teal-dim)}.visual-section[data-astro-cid-yskpzcos],.packet-section[data-astro-cid-yskpzcos],.video-section[data-astro-cid-yskpzcos],.recap[data-astro-cid-yskpzcos]{padding:72px 0}.visual-section[data-astro-cid-yskpzcos]{background:var(--bg-raised);border-bottom:1px solid var(--line)}.section-kicker[data-astro-cid-yskpzcos]{font:700 10px var(--font-mono);letter-spacing:.13em;color:var(--teal);margin-bottom:10px}.visual-section[data-astro-cid-yskpzcos] h2[data-astro-cid-yskpzcos],.packet-section[data-astro-cid-yskpzcos] h2[data-astro-cid-yskpzcos],.video-section[data-astro-cid-yskpzcos] h2[data-astro-cid-yskpzcos],.recap[data-astro-cid-yskpzcos] h2[data-astro-cid-yskpzcos]{font-size:clamp(28px,4vw,42px);margin-bottom:10px}.section-intro[data-astro-cid-yskpzcos],.video-copy[data-astro-cid-yskpzcos] p[data-astro-cid-yskpzcos]{color:var(--text-muted);max-width:700px;line-height:1.7}.osi-diagram[data-astro-cid-yskpzcos]{margin-top:34px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface-deep)}.osi-layer[data-astro-cid-yskpzcos]{display:grid;grid-template-columns:54px minmax(210px,.8fr) 1fr;gap:18px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.osi-layer[data-astro-cid-yskpzcos]:last-child{border:0}.osi-layer[data-astro-cid-yskpzcos] b[data-astro-cid-yskpzcos]{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--panel-2);font:700 12px var(--font-mono);color:var(--accent-cyan)}.osi-layer[data-astro-cid-yskpzcos] span[data-astro-cid-yskpzcos]{display:flex;flex-direction:column}.osi-layer[data-astro-cid-yskpzcos] strong[data-astro-cid-yskpzcos]{font-size:15px}.osi-layer[data-astro-cid-yskpzcos] small[data-astro-cid-yskpzcos]{font:10px var(--font-mono);color:var(--text-faint);margin-top:2px}.osi-layer[data-astro-cid-yskpzcos] em[data-astro-cid-yskpzcos]{font-style:normal;color:var(--text-muted);font-size:13px}.l4[data-astro-cid-yskpzcos] b[data-astro-cid-yskpzcos]{color:var(--accent-blue)}.l3[data-astro-cid-yskpzcos] b[data-astro-cid-yskpzcos]{color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal-dim)}.l2[data-astro-cid-yskpzcos] b[data-astro-cid-yskpzcos]{color:var(--accent-violet)}.language-bar[data-astro-cid-yskpzcos]{padding:16px 0;border-bottom:1px solid var(--line);background:var(--bg-raised);position:sticky;top:64px;z-index:4}.lang-switch[data-astro-cid-yskpzcos]{display:flex;gap:4px}.lang-btn[data-astro-cid-yskpzcos]{border:1px solid var(--line);background:var(--panel);color:var(--text-muted);padding:8px 13px;border-radius:7px;font:650 11px var(--font-mono);cursor:pointer}.lang-btn[data-astro-cid-yskpzcos].active{background:var(--teal);color:#06100e;border-color:var(--teal)}.concept-visual[data-astro-cid-yskpzcos]{padding:24px 0 0}.lang-content[data-astro-cid-yskpzcos][hidden]{display:none}.apni-tip[data-astro-cid-yskpzcos]{display:flex;flex-direction:column;gap:5px;padding:18px;border-left:3px solid var(--teal);background:var(--panel);border-radius:8px}.apni-tip[data-astro-cid-yskpzcos] span[data-astro-cid-yskpzcos]{color:var(--text-muted)}.note-content[data-astro-cid-yskpzcos]{padding:48px 0}.note-layout[data-astro-cid-yskpzcos]{max-width:1080px;display:grid;grid-template-columns:minmax(0,720px) 270px;gap:58px;align-items:start}.prose[data-astro-cid-yskpzcos]{font-size:16px;line-height:1.8}.prose[data-astro-cid-yskpzcos] h2{font-size:25px;margin:38px 0 12px}.prose[data-astro-cid-yskpzcos] h3{font-size:19px;margin:28px 0 9px}.prose[data-astro-cid-yskpzcos] p{margin-bottom:18px;color:var(--text-muted)}.prose[data-astro-cid-yskpzcos] table{width:100%;border-collapse:collapse;margin:24px 0 30px;font-size:13px}.prose[data-astro-cid-yskpzcos] th,.prose[data-astro-cid-yskpzcos] td{padding:12px;border:1px solid var(--line);text-align:left}.prose[data-astro-cid-yskpzcos] th{background:var(--panel)}.prose[data-astro-cid-yskpzcos] td{color:var(--text-muted)}.prose[data-astro-cid-yskpzcos] ul,.prose[data-astro-cid-yskpzcos] ol{margin:0 0 20px 22px;color:var(--text-muted)}.prose[data-astro-cid-yskpzcos] pre{position:relative;background:#070b10;border:1px solid var(--line-bright);border-radius:12px;padding:42px 20px 20px;overflow:auto;margin:22px 0 28px;box-shadow:inset 0 1px #ffffff05}.prose[data-astro-cid-yskpzcos] pre:before{content:"CLI / CONFIG";position:absolute;left:16px;top:12px;font:700 9px var(--font-mono);letter-spacing:.12em;color:var(--teal)}.prose[data-astro-cid-yskpzcos] pre code{background:transparent;padding:0;color:#e9f3f1;font:14px/1.75 var(--font-mono)}.note-side[data-astro-cid-yskpzcos]{position:sticky;top:92px}.side-card[data-astro-cid-yskpzcos]{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.side-card[data-astro-cid-yskpzcos] small[data-astro-cid-yskpzcos]{font:650 9px var(--font-mono);color:var(--teal)}.side-card[data-astro-cid-yskpzcos] strong[data-astro-cid-yskpzcos]{display:block;margin:10px 0;font-size:15px}.side-card[data-astro-cid-yskpzcos] p[data-astro-cid-yskpzcos]{font-size:12px;color:var(--text-muted);line-height:1.6}.practice-cta[data-astro-cid-yskpzcos]{display:flex;justify-content:space-between;margin-top:12px;padding:13px 15px;border-radius:7px;background:var(--teal);color:#06100e;font-weight:750;font-size:12px}.packet-section[data-astro-cid-yskpzcos]{background:var(--bg-raised);border-block:1px solid var(--line)}.flow[data-astro-cid-yskpzcos]{scrollbar-width:none;display:flex;align-items:stretch;gap:8px;margin:30px 0 40px;overflow-x:auto}.flow[data-astro-cid-yskpzcos] div[data-astro-cid-yskpzcos]{min-width:130px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.flow[data-astro-cid-yskpzcos] b[data-astro-cid-yskpzcos]{display:block;font:700 9px var(--font-mono);color:var(--teal);margin-bottom:5px}.flow[data-astro-cid-yskpzcos] span[data-astro-cid-yskpzcos]{font-size:11px;color:var(--text-muted)}.flow[data-astro-cid-yskpzcos] i[data-astro-cid-yskpzcos]{font-style:normal;align-self:center;color:var(--teal)}.trouble-box[data-astro-cid-yskpzcos]{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.trouble-box[data-astro-cid-yskpzcos] small[data-astro-cid-yskpzcos]{font:650 9px var(--font-mono);color:var(--teal)}.trouble-box[data-astro-cid-yskpzcos] h3[data-astro-cid-yskpzcos]{font-size:25px;margin-top:9px}.trouble-box[data-astro-cid-yskpzcos] ol[data-astro-cid-yskpzcos]{list-style:none;display:grid;gap:10px}.trouble-box[data-astro-cid-yskpzcos] li[data-astro-cid-yskpzcos]{display:grid;grid-template-columns:55px 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.trouble-box[data-astro-cid-yskpzcos] li[data-astro-cid-yskpzcos] b[data-astro-cid-yskpzcos]{font:700 10px var(--font-mono);color:var(--accent-cyan)}.trouble-box[data-astro-cid-yskpzcos] li[data-astro-cid-yskpzcos] span[data-astro-cid-yskpzcos]{font-size:12px;color:var(--text-muted)}.video-section[data-astro-cid-yskpzcos]{background:var(--bg)}.video-copy[data-astro-cid-yskpzcos]{margin-bottom:25px}.video-embed[data-astro-cid-yskpzcos]{position:relative;padding-top:56.25%;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#000}.video-embed[data-astro-cid-yskpzcos] iframe[data-astro-cid-yskpzcos]{position:absolute;inset:0;width:100%;height:100%;border:0}.recap[data-astro-cid-yskpzcos]{padding-top:0}.recap-card[data-astro-cid-yskpzcos]{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px;border:1px solid var(--teal-dim);border-radius:15px;background:linear-gradient(135deg,var(--panel),var(--teal-wash))}.recap-card[data-astro-cid-yskpzcos] p[data-astro-cid-yskpzcos]{color:var(--text-muted);max-width:650px}.recap-card[data-astro-cid-yskpzcos] .btn[data-astro-cid-yskpzcos]{flex-shrink:0}@media (max-width:820px){.note-layout[data-astro-cid-yskpzcos],.trouble-box[data-astro-cid-yskpzcos]{grid-template-columns:1fr}.note-side[data-astro-cid-yskpzcos]{position:static}.osi-layer[data-astro-cid-yskpzcos]{grid-template-columns:44px 1fr}.osi-layer[data-astro-cid-yskpzcos] em[data-astro-cid-yskpzcos]{grid-column:2}.recap-card[data-astro-cid-yskpzcos]{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.note-hero[data-astro-cid-yskpzcos]{padding-top:58px}.visual-section[data-astro-cid-yskpzcos],.packet-section[data-astro-cid-yskpzcos],.video-section[data-astro-cid-yskpzcos]{padding:54px 0}.osi-layer[data-astro-cid-yskpzcos]{padding:13px 12px;gap:10px}.recap-card[data-astro-cid-yskpzcos]{padding:24px}}.flow[data-astro-cid-yskpzcos]::-webkit-scrollbar{display:none}@media (min-width:1050px){.flow[data-astro-cid-yskpzcos]{overflow:visible!important;display:grid!important;grid-template-columns:1.25fr auto 1fr auto 1fr auto 1.25fr auto 1fr auto 1fr!important}.flow[data-astro-cid-yskpzcos]>div[data-astro-cid-yskpzcos]{min-width:0!important}}