@layer lab-base{:root{--radius:6px;--radius-sm:5px;--dim:var(--muted);--dns:#9a6712;--caddy:#297668;--dev:#35608c;--browser:#6a4f84;--phone:#9c4459;--cert:#7e6231;--warn:#c0392b}vega-card,.vega-lab,.vega-io,.vega-codepanel,table.vega-cmp,.vega-reflist li{border-radius:var(--radius)!important}code,.vega-chip{border-radius:4px}kbd{font-family:var(--mono);background:var(--ink);color:#f3eee2;border-radius:4px;padding:2px 7px;font-size:.82em}vega-tag,vega-tag,.piece vega-tag{font-family:var(--mono);letter-spacing:.3px;text-transform:uppercase;color:#fff;background:var(--accent);box-shadow:none;white-space:nowrap;border:none;border-radius:4px;margin:0;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-block}.sub{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.7}.pieces{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:14px 0;display:grid}.piece{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.piece h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;display:flex}.piece p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.6}.piece pre{background:var(--ink);color:#e9e4f0;border-radius:var(--radius-sm);font-family:var(--mono);margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.6;overflow-x:auto}.piece pre .k{color:#ffce82}.piece pre .v{color:#8fe0d2}.piece pre .c{color:var(--muted);font-style:italic}.flow{counter-reset:step;margin:0;padding:0;list-style:none}.step{gap:12px;display:flex;position:relative}.rail{flex-direction:column;flex:0 0 30px;align-items:center;display:flex}.dot{border-radius:var(--radius-sm);width:28px;height:28px;font-family:var(--mono);color:#fff;background:var(--accent);counter-increment:step;place-items:center;font-size:13px;font-weight:600;display:grid}.dot:before{content:counter(step)}.bar{background:var(--line-strong);flex:1;width:2px;min-height:12px;margin:3px 0}.step:last-child .bar{display:none}.body{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);flex:1;margin-bottom:12px;padding:11px 14px}.body .who{font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.body .what{color:var(--ink-soft);margin:3px 0 0;font-size:14px;line-height:1.65}.edge{color:var(--muted);border-top:2px dashed var(--line);margin:8px 0 0;padding-top:7px;font-size:12.5px;line-height:1.6}.edge b{color:var(--ink)}.a-browser{--accent:var(--browser)}.a-dns{--accent:var(--dns)}.a-caddy{--accent:var(--caddy)}.a-dev{--accent:var(--dev)}.a-warn{--accent:var(--warn)}.a-phone{--accent:var(--phone)}.a-cert{--accent:var(--cert)}vega-note{border:1px solid var(--line);border-left:5px solid var(--accent);background:var(--card);border-radius:var(--radius);color:var(--ink-soft);box-shadow:var(--shadow);margin:16px 0;padding:13px 16px;font-size:14px;line-height:1.7}vega-note.warn{border-left-color:var(--warn);background:var(--bad-soft);border-color:#f0cdc8}vega-note h3{margin:0 0 7px;font-size:14px}vega-note b{color:var(--ink)}.layers{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.layer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex:240px;padding:10px 13px;font-size:13px;line-height:1.6}.layer b{color:var(--ink)}.loop{grid-template-columns:1fr;gap:8px;margin-top:10px;display:grid}.loop .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius);font-family:var(--mono);white-space:nowrap;padding:4px 10px;font-size:12.5px;font-weight:600}.pill.dev{border-color:var(--dev);color:var(--dev)}.pill.real{border-color:var(--caddy);color:var(--caddy)}.pill.bad{border-color:var(--warn);color:var(--warn)}.pill.intra{border-color:var(--dns);color:var(--dns)}.pill.phone{border-color:var(--phone);color:var(--phone)}.arrow{color:var(--muted);font-weight:600}.arrow.bad{color:var(--warn)}footer{color:var(--muted);border-top:2px dashed var(--line-strong);margin-top:32px;padding-top:14px;font-size:13px}footer p{color:var(--muted);font-size:13px}div.vega-lab{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;overflow:visible}}