:root{--bg: #fafbfc;--text: #263238;--mid: #546e7a;--light-text: #78909c;--accent: #4285f4;--nav-bg: rgba(255,255,255,.92);--nav-border: #e0e0e0;--mint: #e0f7ec;--sky: #e3f2fd;--lavender: #f3e5f5;--peach: #fff3e0;--lemon: #fffde7;--rose: #fce4ec;--teal-bg: #e0f2f1;--ice: #e8eaf6;--gcp-blue: #e8f0fe;--gcp-green: #e6f4ea;--gcp-yellow: #fef7e0;--gcp-red: #fce8e6;--border-mint: #81c784;--border-sky: #64b5f6;--border-lavender: #ce93d8;--border-peach: #ffb74d;--border-lemon: #fff176;--border-rose: #f48fb1;--border-teal: #4db6ac;--border-ice: #9fa8da}[data-theme=dark]{--bg: #121820;--text: #e0e0e0;--mid: #b0bec5;--light-text: #90a4ae;--accent: #8ab4f8;--nav-bg: rgba(18,24,32,.95);--nav-border: #263238;--mint: #1a2e24;--sky: #172636;--lavender: #261a2e;--peach: #2a2118;--lemon: #2a2816;--rose: #2c1a20;--teal-bg: #1a2a28;--ice: #1c1e2e;--gcp-blue: #182234;--gcp-green: #1a2c20;--gcp-yellow: #2a2416;--gcp-red: #2c1c1a;--border-mint: #4a7c50;--border-sky: #3a6ea0;--border-lavender: #7a508a;--border-peach: #a07030;--border-lemon: #a09830;--border-rose: #a05070;--border-teal: #307a6a;--border-ice: #5a60a0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;transition:background .3s,color .3s}#progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#4285f4,#34a853,#fbbc04,#ea4335);z-index:200;width:0;transition:width .1s}nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-border);padding:0;transition:background .3s,border .3s}.nav-top{display:flex;align-items:center;padding:8px 16px;gap:10px}.brand{font-size:17px;font-weight:900;background:linear-gradient(135deg,#4285f4,#34a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;text-decoration:none}.nav-controls{margin-left:auto;display:flex;gap:6px;align-items:center}.nav-controls button{background:none;border:1px solid var(--nav-border);border-radius:8px;padding:5px 10px;cursor:pointer;font-size:14px;color:var(--text);transition:.2s}.nav-controls button:hover{background:var(--sky)}#hamburger{display:none;font-size:20px;background:none;border:none;cursor:pointer;color:var(--text);padding:4px 8px}.nav-pages{display:flex;gap:2px;padding:0 16px 6px;flex-wrap:wrap;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.nav-pages a{text-decoration:none;padding:4px 12px;border-radius:8px;font-size:12.5px;font-weight:700;color:var(--mid);transition:.2s;white-space:nowrap}.nav-pages a:hover{background:var(--sky);color:#1565c0}.nav-pages a.active{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}[data-theme=dark] .nav-pages a:hover{background:#90caf91f;color:#90caf9}.nav-links{display:flex;gap:4px;padding:4px 16px 8px;flex-wrap:wrap;overflow:hidden;max-height:400px;transition:max-height .3s ease;border-top:1px solid var(--nav-border)}.nav-links.collapsed{max-height:0;padding-top:0;padding-bottom:0;border-top:none}.nav-group{display:contents}.nav-group-label{font-size:9px;color:#e65100;font-weight:800;letter-spacing:1px;padding:3px 8px;pointer-events:none;user-select:none;align-self:center}[data-theme=dark] .nav-group-label{color:#ffab40}.nav-links a{text-decoration:none;padding:3px 10px;border-radius:14px;font-size:11.5px;font-weight:600;transition:.2s;white-space:nowrap}.nav-links a.net{background:var(--sky);color:#1565c0}.nav-links a.net:hover,.nav-links a.net.active{background:#bbdefb;transform:scale(1.05)}.nav-links a.gcp{background:var(--gcp-blue);color:#1a73e8}.nav-links a.gcp:hover,.nav-links a.gcp.active{background:#d2e3fc;transform:scale(1.05)}[data-theme=dark] .nav-links a.net{color:#90caf9}[data-theme=dark] .nav-links a.gcp{color:#8ab4f8}.container{max-width:1200px;margin:0 auto;padding:20px}.section{margin-bottom:48px;scroll-margin-top:200px}.section-title{font-size:22px;font-weight:800;margin-bottom:16px;padding:10px 18px;border-radius:12px;display:inline-block}.section-title.net-title{background:var(--sky);color:#1565c0;border-left:4px solid #1565c0}.section-title.gcp-title{background:var(--gcp-blue);color:#1a73e8;border-left:4px solid #1a73e8}.section-title.lab-title{background:var(--mint);color:#2e7d32;border-left:4px solid #2e7d32}.section-title.trouble-title{background:var(--rose);color:#c62828;border-left:4px solid #c62828}.section-title.path-title{background:var(--lavender);color:#6a1b9a;border-left:4px solid #6a1b9a}.section-title.scenario-title{background:var(--peach);color:#e65100;border-left:4px solid #e65100}.section-title.interview-title{background:var(--ice);color:#283593;border-left:4px solid #283593}.section-title.ws-title{background:var(--gcp-blue);color:#1a73e8;border-left:4px solid #4285f4}.section-title.gcp-svc-title{background:var(--gcp-green);color:#137333;border-left:4px solid #34a853}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.card{border-radius:14px;padding:18px;border:2px solid;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}[data-theme=dark] .card:hover{box-shadow:0 8px 24px #0000004d}.card h3{font-size:15px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.card h3 .icon{font-size:20px}.card .tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;position:absolute;top:10px;right:10px}.card.mint{background:var(--mint);border-color:var(--border-mint)}.card.sky{background:var(--sky);border-color:var(--border-sky)}.card.lavender{background:var(--lavender);border-color:var(--border-lavender)}.card.peach{background:var(--peach);border-color:var(--border-peach)}.card.lemon{background:var(--lemon);border-color:var(--border-lemon)}.card.rose{background:var(--rose);border-color:var(--border-rose)}.card.teal{background:var(--teal-bg);border-color:var(--border-teal)}.card.ice{background:var(--ice);border-color:var(--border-ice)}.card.gcp-b{background:var(--gcp-blue);border-color:#4285f4}.card.gcp-g{background:var(--gcp-green);border-color:#34a853}.card.gcp-y{background:var(--gcp-yellow);border-color:#fbbc04}.card.gcp-r{background:var(--gcp-red);border-color:#ea4335}.wide{grid-column:1 / -1}.diagram{display:flex;flex-direction:column;gap:4px;margin:8px 0}.diagram.horizontal{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.dbox{padding:7px 12px;border-radius:10px;font-size:12.5px;font-weight:600;text-align:center;border:2px solid rgba(0,0,0,.08)}[data-theme=dark] .dbox{border-color:#ffffff14}.dbox small{font-weight:400;display:block;font-size:10.5px;opacity:.8}.arrow-down:after{content:"▼";display:block;text-align:center;font-size:12px;color:var(--light-text);margin:1px 0}.l7{background:#ef9a9a;color:#b71c1c}.l6{background:#f48fb1;color:#880e4f}.l5{background:#ce93d8;color:#4a148c}.l4{background:#9fa8da;color:#1a237e}.l3{background:#90caf9;color:#0d47a1}.l2{background:#80cbc4;color:#004d40}.l1{background:#a5d6a7;color:#1b5e20}.tcp-app{background:#ef9a9a;color:#b71c1c}.tcp-trans{background:#9fa8da;color:#1a237e}.tcp-inet{background:#90caf9;color:#0d47a1}.tcp-link{background:#a5d6a7;color:#1b5e20}.mtable{width:100%;border-collapse:collapse;margin:6px 0;font-size:11.5px}.mtable th,.mtable td{padding:5px 8px;border:1px solid rgba(0,0,0,.08);text-align:left}[data-theme=dark] .mtable th,[data-theme=dark] .mtable td{border-color:#ffffff1a}.mtable th{background:#0000000a;font-weight:700}[data-theme=dark] .mtable th{background:#ffffff0d}.mtable tr:nth-child(2n){background:#ffffff4d}[data-theme=dark] .mtable tr:nth-child(2n){background:#ffffff08}.flow{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0}.flow .step{padding:5px 10px;border-radius:8px;font-size:11.5px;font-weight:600;background:#ffffff80;border:1px solid rgba(0,0,0,.08)}[data-theme=dark] .flow .step{background:#ffffff0f;border-color:#ffffff1a}.flow .arr{font-size:14px;color:var(--light-text)}.topo-container{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.topo-item{text-align:center}.topo-item p{font-size:12px;font-weight:700;margin-top:4px}.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;margin:6px 0}.vs-mid{font-size:22px;font-weight:900;color:#bdbdbd;align-self:center}.vs-box{padding:10px;border-radius:10px;font-size:11.5px}.vs-box h4{margin-bottom:4px;font-size:13px}.vs-box ul{padding-left:16px}.kv{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12.5px;margin:4px 0}.kv .k{font-weight:700}.kv .v{color:var(--mid)}.subnet-vis{display:flex;gap:3px;margin:6px 0;flex-wrap:wrap}.subnet-vis .bit{width:18px;height:22px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;border-radius:4px}.bit.net{background:#90caf9;color:#0d47a1}.bit.host{background:#a5d6a7;color:#1b5e20}.port-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px;margin:6px 0}.port-item{padding:5px;border-radius:8px;font-size:10.5px;text-align:center;font-weight:600;background:#fff6;border:1px solid rgba(0,0,0,.06)}[data-theme=dark] .port-item{background:#ffffff0d;border-color:#ffffff14}.port-item .pnum{font-size:15px;font-weight:800}.handshake{margin:8px 0}.hs-row{display:flex;align-items:center;gap:8px;margin:4px 0}.hs-box{width:56px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex-shrink:0}.hs-arrow{flex:1;height:2px;background:var(--light-text);position:relative}.hs-arrow span{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:10.5px;font-weight:600;white-space:nowrap}.hs-arrow.right:after{content:"▶";position:absolute;right:-6px;top:-7px;font-size:11px;color:var(--light-text)}.hs-arrow.left:before{content:"◀";position:absolute;left:-6px;top:-7px;font-size:11px;color:var(--light-text)}.gcp-arch{display:flex;flex-direction:column;gap:5px;margin:6px 0}.gcp-box{padding:7px 12px;border-radius:10px;font-size:12.5px;font-weight:600;text-align:center}.gcp-box small{font-weight:400;display:block;font-size:10.5px}.gcp-blue{background:#a8c7fa;color:#1a73e8;border:2px solid #4285f4}.gcp-green{background:#a8dab5;color:#137333;border:2px solid #34a853}.gcp-yellow{background:#fde293;color:#b06000;border:2px solid #fbbc04}.gcp-red{background:#f6aea9;color:#c5221f;border:2px solid #ea4335}.gcp-gray{background:#e8eaed;color:#3c4043;border:2px solid #9aa0a6}.badge{display:inline-block;padding:2px 7px;border-radius:6px;font-size:10px;font-weight:700;margin:2px}.badge-blue{background:#bbdefb;color:#1565c0}.badge-green{background:#c8e6c9;color:#2e7d32}.badge-orange{background:#ffe0b2;color:#e65100}.badge-red{background:#ffcdd2;color:#c62828}.badge-purple{background:#e1bee7;color:#6a1b9a}.encap{display:flex;align-items:center;gap:0;margin:6px 0;flex-wrap:wrap}.encap .seg{padding:5px 9px;font-size:10.5px;font-weight:600;border:1px solid rgba(0,0,0,.12)}.encap .seg:first-child{border-radius:8px 0 0 8px}.encap .seg:last-child{border-radius:0 8px 8px 0}.note{font-size:10.5px;color:var(--light-text);margin-top:5px;font-style:italic}.hero{text-align:center;padding:48px 20px 20px}.hero h1{font-size:34px;font-weight:900;background:linear-gradient(135deg,#1565c0,#7b1fa2,#e65100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero p{font-size:14px;color:var(--mid);margin-top:8px}.hero .stats{display:flex;gap:16px;justify-content:center;margin-top:14px;flex-wrap:wrap}.hero .stat{background:var(--sky);padding:6px 14px;border-radius:10px;font-size:12px;font-weight:700;color:#1565c0}.sep{border:none;height:3px;background:linear-gradient(90deg,var(--border-sky),var(--border-lavender),var(--border-peach));margin:36px 0;border-radius:2px}#btt{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#4285f4;color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 14px #4285f466;opacity:0;transform:translateY(20px);transition:.3s;z-index:90;display:flex;align-items:center;justify-content:center}#btt.show{opacity:1;transform:translateY(0)}#btt:hover{background:#1a73e8;transform:translateY(-2px)}footer{text-align:center;padding:30px 20px 40px;border-top:1px solid var(--nav-border);margin-top:40px}footer p{font-size:12px;color:var(--light-text)}footer a{color:var(--accent);text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}.landing-hero{text-align:center;padding:60px 20px 40px}.landing-hero h1{font-size:42px;font-weight:900;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;max-width:700px;margin:0 auto}.landing-hero .subtitle{font-size:18px;color:var(--mid);margin-top:12px;max-width:500px;margin-left:auto;margin-right:auto}.landing-hero .audience{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}.landing-hero .audience span{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;border:2px solid var(--nav-border);color:var(--mid)}.page-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:30px 0}.page-card{border-radius:16px;padding:24px;border:2px solid;text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s;display:block}.page-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}[data-theme=dark] .page-card:hover{box-shadow:0 12px 32px #0006}.page-card .page-icon{font-size:36px;margin-bottom:10px}.page-card h3{font-size:18px;font-weight:800;margin-bottom:6px}.page-card p{font-size:13px;color:var(--mid);line-height:1.5}.page-card .page-count{font-size:11px;font-weight:700;margin-top:10px;padding:3px 10px;border-radius:8px;display:inline-block}.stats-bar{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:36px 0;padding:24px;border-radius:16px;background:linear-gradient(135deg,var(--sky),var(--lavender),var(--peach))}.stats-bar .stat-item{text-align:center}.stats-bar .stat-num{font-size:28px;font-weight:900;color:var(--text)}.stats-bar .stat-label{font-size:12px;color:var(--mid);font-weight:600}.role-picker{margin:36px 0;text-align:center}.role-picker h2{font-size:24px;font-weight:800;margin-bottom:16px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:900px;margin:0 auto}.role-item{padding:16px;border-radius:12px;border:2px solid var(--nav-border);text-decoration:none;color:var(--text);transition:.2s;text-align:center}.role-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.role-item .role-icon{font-size:28px}.role-item h4{font-size:14px;font-weight:700;margin-top:6px}.role-item p{font-size:11px;color:var(--mid);margin-top:3px}.copy-block{position:relative;background:#1e293b;border-radius:10px;padding:14px 16px;margin:8px 0;font-family:Courier New,monospace;font-size:12.5px;color:#e2e8f0;overflow-x:auto}[data-theme=dark] .copy-block{background:#0f172a}.copy-block code{white-space:pre}.copy-btn{position:absolute;top:8px;right:8px;background:#ffffff26;border:none;color:#94a3b8;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;transition:.2s}.copy-btn:hover{background:#ffffff40;color:#fff}.copy-btn.copied{background:#22c55e;color:#fff}.lab-card{border-radius:14px;padding:20px;border:2px solid;margin-bottom:16px}.lab-card h4{font-size:14px;font-weight:700;margin-bottom:4px}.lab-card .lab-meta{font-size:11px;color:var(--light-text);margin-bottom:10px;display:flex;gap:10px;flex-wrap:wrap}.lab-card .lab-meta span{padding:2px 8px;border-radius:6px;background:#0000000a}[data-theme=dark] .lab-card .lab-meta span{background:#ffffff0f}.lab-objective{font-size:12.5px;font-weight:600;margin-bottom:8px;padding:8px 12px;border-radius:8px;background:#fff6}[data-theme=dark] .lab-objective{background:#ffffff0d}.lab-step{margin:10px 0}.lab-step .step-title{font-size:12.5px;font-weight:700;margin-bottom:4px}.lab-step .step-explain{font-size:11.5px;color:var(--mid);margin-top:6px;padding:8px 12px;border-radius:8px;border-left:3px solid var(--border-mint);background:#ffffff4d}[data-theme=dark] .lab-step .step-explain{background:#ffffff0a}.reveal-card{border-radius:14px;border:2px solid var(--nav-border);margin-bottom:12px;overflow:hidden;transition:.2s}.reveal-card:hover{box-shadow:0 4px 16px #0000000f}.reveal-q{padding:14px 18px;cursor:pointer;display:flex;align-items:center;gap:10px;font-weight:600;font-size:13.5px;user-select:none}.reveal-q:before{content:"▶";font-size:10px;color:var(--light-text);transition:transform .2s;flex-shrink:0}.reveal-card.open .reveal-q:before{transform:rotate(90deg)}.reveal-q .q-badges{margin-left:auto;display:flex;gap:4px;flex-shrink:0}.reveal-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.reveal-card.open .reveal-a{max-height:2000px}.reveal-a-inner{padding:0 18px 16px;font-size:12.5px;line-height:1.6;border-top:1px solid var(--nav-border)}.reveal-a-inner{padding-top:14px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.filter-group{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.filter-group label{font-size:11px;font-weight:700;color:var(--light-text);margin-right:4px}.filter-btn{padding:4px 12px;border-radius:8px;font-size:11.5px;font-weight:600;border:1.5px solid var(--nav-border);background:none;color:var(--mid);cursor:pointer;transition:.2s}.filter-btn:hover{border-color:#4285f4;color:#4285f4}.filter-btn.active{background:#4285f4;color:#fff;border-color:#4285f4}.filter-count{font-size:12px;color:var(--light-text);font-weight:600;margin-left:auto}.flowchart{max-width:700px;margin:0 auto}.fc-node{padding:14px 18px;border-radius:12px;border:2px solid;margin:0 auto 6px;max-width:500px;text-align:center;font-size:12.5px;font-weight:600;position:relative}.fc-node .fc-cmd{font-family:Courier New,monospace;font-size:11px;background:#0000000f;padding:3px 8px;border-radius:6px;margin-top:4px;display:inline-block}[data-theme=dark] .fc-node .fc-cmd{background:#ffffff14}.fc-branch{display:flex;justify-content:center;gap:30px;margin:6px 0;font-size:11px;font-weight:700}.fc-branch .fc-yes{color:#2e7d32}.fc-branch .fc-no{color:#c62828}.fc-arrow{text-align:center;font-size:14px;color:var(--light-text);margin:2px 0}.fc-result{padding:12px 18px;border-radius:12px;border:2px dashed;max-width:500px;margin:0 auto 6px;text-align:center;font-size:12px;font-weight:600}.fc-result.success{border-color:#2e7d32;background:var(--mint);color:#2e7d32}.fc-result.action{border-color:#e65100;background:var(--peach);color:#e65100}.timeline{position:relative;padding-left:30px;margin:16px 0}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#4285f4,#34a853,#fbbc04,#ea4335);border-radius:2px}.tl-item{position:relative;margin-bottom:16px;padding:12px 16px;border-radius:12px;border:2px solid var(--nav-border);background:var(--bg)}.tl-item:before{content:"";position:absolute;left:-24px;top:16px;width:12px;height:12px;border-radius:50%;background:#4285f4;border:3px solid var(--bg)}.tl-item.milestone:before{background:#fbbc04;width:16px;height:16px;left:-26px;top:14px}.tl-item h4{font-size:13px;font-weight:700}.tl-item p{font-size:11.5px;color:var(--mid);margin-top:3px}.tl-item .tl-links{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.tl-item .tl-links a{font-size:10.5px;padding:2px 8px;border-radius:6px;text-decoration:none;background:var(--sky);color:#1565c0;font-weight:600}[data-theme=dark] .tl-item .tl-links a{color:#90caf9}.path-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:14px 18px;border-radius:12px}.path-header .path-icon{font-size:32px}.path-header h3{font-size:18px;font-weight:800}.path-header .path-meta{font-size:12px;color:var(--mid)}.scenario-card{border-radius:16px;padding:24px;border:2px solid;margin-bottom:24px}.scenario-card h3{font-size:18px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:8px}.scenario-card .scenario-desc{font-size:13px;color:var(--mid);margin-bottom:14px;line-height:1.5}.scenario-card.peach{background:var(--peach);border-color:var(--border-peach)}.scenario-card.sky{background:var(--sky);border-color:var(--border-sky)}.scenario-card.teal{background:var(--teal-bg);border-color:var(--border-teal)}.scenario-card.lavender{background:var(--lavender);border-color:var(--border-lavender)}.scenario-card.gcp-b{background:var(--gcp-blue);border-color:#4285f4}.arch-diagram{display:flex;flex-direction:column;gap:6px;margin:12px 0;align-items:center}.arch-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.arch-box{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;text-align:center;border:2px solid rgba(0,0,0,.1)}[data-theme=dark] .arch-box{border-color:#ffffff1a}.arch-arrow{font-size:16px;color:var(--light-text);text-align:center}[data-theme=dark] .section [style*=background]{background:#ffffff0f!important;color:#e0e0e0!important;border-color:#ffffff1a!important}[data-theme=dark] .mtable tr[style*=background]{background:#ffffff08!important}[data-theme=dark] .mtable tr[style*=background] td{color:#cfd8dc!important}[data-theme=dark] h1[style*=background-clip]{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}[data-theme=dark] .section-title{color:#e0e0e0!important;background:#ffffff0f!important}[data-theme=dark] .section-title.ws-title{background:#4285f41f!important;color:#8ab4f8!important;border-left-color:#4285f4!important}[data-theme=dark] .section-title.gcp-svc-title{background:#34a8531f!important;color:#81c995!important;border-left-color:#34a853!important}[data-theme=dark] .section-title.net-title{background:#1565c01f!important;color:#90caf9!important;border-left-color:#64b5f6!important}[data-theme=dark] .section-title.gcp-title{background:#1a73e81f!important;color:#8ab4f8!important;border-left-color:#4285f4!important}[data-theme=dark] .section-title.lab-title{background:#2e7d321f!important;color:#81c995!important;border-left-color:#4a7c50!important}[data-theme=dark] .section-title.trouble-title{background:#c628281f!important;color:#f28b82!important;border-left-color:#a05070!important}[data-theme=dark] .section-title.path-title{background:#6a1b9a1f!important;color:#ce93d8!important;border-left-color:#7a508a!important}[data-theme=dark] .section-title.scenario-title{background:#e651001f!important;color:#ffab40!important;border-left-color:#a07030!important}[data-theme=dark] .section-title.interview-title{background:#2835931f!important;color:#9fa8da!important;border-left-color:#5a60a0!important}[data-theme=dark] .gcp-blue{background:#4285f42e!important;color:#8ab4f8!important;border-color:#4285f466!important}[data-theme=dark] .gcp-green{background:#34a8532e!important;color:#81c995!important;border-color:#34a85366!important}[data-theme=dark] .gcp-yellow{background:#fbbc042e!important;color:#fdd663!important;border-color:#fbbc0466!important}[data-theme=dark] .gcp-red{background:#ea43352e!important;color:#f28b82!important;border-color:#ea433566!important}[data-theme=dark] .gcp-gray{background:#ffffff14!important;color:#bdc1c6!important;border-color:#fff3!important}[data-theme=dark] .badge-blue{background:#4285f433!important;color:#8ab4f8!important}[data-theme=dark] .badge-green{background:#34a85333!important;color:#81c995!important}[data-theme=dark] .badge-orange{background:#fb8c0033!important;color:#ffab40!important}[data-theme=dark] .badge-red{background:#ea433533!important;color:#f28b82!important}[data-theme=dark] .badge-purple{background:#ab47bc33!important;color:#ce93d8!important}[data-theme=dark] .tag{background:#ffffff1a!important;color:#e0e0e0!important}[data-theme=dark] .l7{background:#ef9a9a26!important;color:#ef9a9a!important}[data-theme=dark] .l6{background:#f48fb126!important;color:#f48fb1!important}[data-theme=dark] .l5{background:#ce93d826!important;color:#ce93d8!important}[data-theme=dark] .l4{background:#9fa8da26!important;color:#9fa8da!important}[data-theme=dark] .l3{background:#90caf926!important;color:#90caf9!important}[data-theme=dark] .l2{background:#80cbc426!important;color:#80cbc4!important}[data-theme=dark] .l1{background:#a5d6a726!important;color:#a5d6a7!important}[data-theme=dark] .tcp-app{background:#ef9a9a26!important;color:#ef9a9a!important}[data-theme=dark] .tcp-trans{background:#9fa8da26!important;color:#9fa8da!important}[data-theme=dark] .tcp-inet{background:#90caf926!important;color:#90caf9!important}[data-theme=dark] .tcp-link{background:#a5d6a726!important;color:#a5d6a7!important}[data-theme=dark] .encap .seg{border-color:#ffffff1a!important}[data-theme=dark] .bit.net{background:#90caf926!important;color:#90caf9!important}[data-theme=dark] .bit.host{background:#a5d6a726!important;color:#a5d6a7!important}[data-theme=dark] .fc-result.success{background:var(--mint)!important;color:#81c995!important;border-color:#4a7c50!important}[data-theme=dark] .fc-result.action{background:var(--peach)!important;color:#ffab40!important;border-color:#a07030!important}[data-theme=dark] .filter-btn:hover{border-color:#8ab4f8;color:#8ab4f8}[data-theme=dark] .card h3,[data-theme=dark] .card b,[data-theme=dark] .card strong{color:#e0e0e0}[data-theme=dark] .card p,[data-theme=dark] .card li,[data-theme=dark] .card td,[data-theme=dark] .card th,[data-theme=dark] .card small{color:#cfd8dc}[data-theme=dark] .kv .k{color:#90caf9}[data-theme=dark] .vs-box h4{color:#90caf9!important}[data-theme=dark] .mtable th{background:#ffffff14!important}[data-theme=dark] .mtable tr:nth-child(2n){background:#ffffff08!important}[data-theme=dark] .mtable tr:nth-child(odd){background:transparent!important}[data-theme=dark] .nav-links a.net:hover,[data-theme=dark] .nav-links a.net.active{background:#90caf92e!important;color:#90caf9!important}[data-theme=dark] .nav-links a.gcp:hover,[data-theme=dark] .nav-links a.gcp.active{background:#8ab4f82e!important;color:#8ab4f8!important}[data-theme=dark] .page-card{border-color:#ffffff1a!important}[data-theme=dark] .page-card h3{color:#fff!important}[data-theme=dark] .page-card p{color:#cfd8dc!important}[data-theme=dark] .page-card:hover{box-shadow:0 12px 32px #00000080!important}[data-theme=dark] .page-count{background:#ffffff1a!important;color:#e0e0e0!important}[data-theme=dark] .role-item{border-color:#ffffff1a!important}[data-theme=dark] .role-item:hover{box-shadow:0 6px 20px #0006!important}[data-theme=dark] .role-item h4,[data-theme=dark] .role-item p{color:#e0e0e0!important}[data-theme=dark] .stats-bar{background:linear-gradient(135deg,#4285f41f,#ab47bc1f,#e651001f)!important;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .stat-num{color:#fff!important}[data-theme=dark] .hero .stat{color:#90caf9}[data-theme=dark] .fc-node{color:#e0e0e0!important}[data-theme=dark] .fc-branch .fc-yes{color:#81c995!important}[data-theme=dark] .fc-branch .fc-no{color:#f28b82!important}[data-theme=dark] .tl-item{color:#e0e0e0}[data-theme=dark] .tl-item h4{color:#fff}[data-theme=dark] .reveal-card{border-color:#ffffff1a}[data-theme=dark] .reveal-card:hover{box-shadow:0 4px 16px #0006!important}[data-theme=dark] .reveal-q{color:#e0e0e0}[data-theme=dark] .reveal-a-inner{color:#cfd8dc;border-top-color:#ffffff1a}[data-theme=dark] .scenario-card:hover{box-shadow:0 8px 24px #0006!important}@media(max-width:768px){.card-grid,.vs{grid-template-columns:1fr}.vs-mid{text-align:center}.hero h1{font-size:24px}.landing-hero h1{font-size:28px}#hamburger{display:block}.nav-pages{max-height:0;padding-top:0;padding-bottom:0}.nav-pages.show{max-height:500px;padding:0 16px 6px}.nav-links{padding:0 12px}.nav-links.collapsed{max-height:0;padding:0 12px}.nav-group-label{font-size:8px;padding:2px 4px}.section{scroll-margin-top:120px}.container{padding:12px}.page-cards{grid-template-columns:1fr}.stats-bar{gap:12px;padding:16px}.stats-bar .stat-num{font-size:22px}}@media print{nav,#btt,#progress,.nav-controls{display:none!important}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.section{scroll-margin-top:0}body{background:#fff;font-size:11px}}