.api-testing-page{--api-cyan:#42d9ff;--api-green:#32e69a;--api-violet:#9b87ff;--api-amber:#ffc45c;--api-red:#ff6b7a}
.api-testing-page .blog-hero--article{background:radial-gradient(circle at 80% 12%,rgba(50,230,154,.17),transparent 35%),radial-gradient(circle at 12% 82%,rgba(66,217,255,.18),transparent 34%),#050d1f}
.api-testing-page .blog-eyebrow{color:#85edc5}.api-testing-page .vps-hero{border-color:rgba(66,217,255,.4)}
.api-testing-page .article-visual{margin:34px 0 40px;overflow:hidden;border:1px solid var(--vps-line);border-radius:20px;background:var(--vps-surface);box-shadow:0 18px 45px rgba(2,8,23,.14)}
.api-testing-page .article-visual img{display:block;width:100%;height:auto}.api-testing-page .article-visual figcaption{padding:14px 18px;color:var(--vps-muted);font-size:.92rem;line-height:1.55}
.api-testing-page .vps-diagram:before{background:linear-gradient(90deg,var(--api-cyan),var(--api-green),var(--api-violet))}
.api-testing-page .testing-path ol{grid-template-columns:repeat(6,minmax(0,1fr))}.api-testing-page .testing-roadmap a{color:var(--vps-ink);text-decoration-color:var(--api-cyan);text-underline-offset:3px}
.api-flow{display:flex;align-items:stretch;justify-content:center;gap:9px;flex-wrap:wrap}.api-node{display:flex;min-width:105px;flex:1 1 112px;max-width:190px;min-height:72px;align-items:center;justify-content:center;padding:13px;text-align:center;border:1px solid var(--vps-line);border-radius:14px;background:var(--vps-surface);color:var(--vps-ink);font-weight:750;line-height:1.35}.api-node small{display:block;margin-top:4px;color:var(--vps-muted);font-weight:500}.api-arrow{align-self:center;color:var(--api-cyan);font-size:1.3rem;font-weight:900}.api-node.good{border-color:color-mix(in srgb,var(--api-green) 55%,var(--vps-line));box-shadow:inset 0 0 0 1px rgba(50,230,154,.08)}.api-node.bad{border-color:color-mix(in srgb,var(--api-red) 55%,var(--vps-line))}
.api-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.api-layer,.api-branch section,.api-contract section{padding:18px;border:1px solid var(--vps-line);border-radius:15px;background:var(--vps-surface)}.api-layer b{display:block;color:var(--vps-ink);font-size:1.05rem}.api-layer span{display:block;margin-top:7px;color:var(--vps-muted);line-height:1.5}.api-layer:nth-child(1){border-top:3px solid var(--api-green)}.api-layer:nth-child(2){border-top:3px solid var(--api-cyan)}.api-layer:nth-child(3){border-top:3px solid var(--api-violet)}
.api-branch{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px;margin:auto}.api-branch>strong{grid-column:1/-1;justify-self:center;padding:13px 20px;border:1px solid var(--vps-line);border-radius:999px;background:var(--vps-surface);color:var(--vps-ink)}.api-branch section{text-align:center}.api-branch section b{display:block;color:var(--vps-ink)}.api-branch section span{display:block;margin-top:5px;color:var(--vps-muted)}.api-branch .allow{border-color:rgba(50,230,154,.48)}.api-branch .deny{border-color:rgba(255,107,122,.48)}
.api-stack{display:grid;gap:9px;max-width:650px;margin:auto}.api-stack .api-node{width:100%;max-width:none;min-height:58px}.api-stack .api-arrow{justify-self:center;transform:rotate(90deg)}
.api-contract{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.api-contract section{text-align:center}.api-contract b{display:block;color:var(--api-cyan);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.api-contract span{display:block;margin-top:7px;color:var(--vps-ink);font-weight:700}
.api-audit{padding:20px 22px;border:1px solid rgba(66,217,255,.3);border-left:4px solid var(--api-cyan);border-radius:14px;background:color-mix(in srgb,var(--api-cyan) 7%,var(--vps-surface))}.api-audit strong{color:var(--vps-ink)}.api-audit p{margin:7px 0 0!important}
.api-pill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.api-pill{padding:17px;border:1px solid var(--vps-line);border-radius:14px;background:var(--vps-surface)}.api-pill b{display:block;color:var(--vps-ink)}.api-pill span{display:block;margin-top:6px;color:var(--vps-muted);line-height:1.5}
@media(max-width:991px){.api-testing-page .testing-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}.api-layers,.api-contract,.api-pill-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.api-testing-page .testing-path ol,.api-layers,.api-contract,.api-pill-grid,.api-branch{grid-template-columns:1fr}.api-testing-page .article-visual{margin-inline:-2px}.api-flow{display:grid;grid-template-columns:1fr}.api-node{width:100%;max-width:none}.api-arrow{justify-self:center;transform:rotate(90deg)}.api-branch>strong{grid-column:auto}.api-testing-page .vps-table{margin-inline:-10px}.api-testing-page .vps-diagram{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.api-testing-page *{scroll-behavior:auto!important}}