.auth-testing-page{--auth-cyan:#44dcff;--auth-violet:#9b86ff;--auth-green:#39e6a2;--auth-amber:#ffc260;--auth-red:#ff7385}
.auth-testing-page .blog-hero--article{background:radial-gradient(circle at 80% 12%,rgba(57,230,162,.18),transparent 35%),radial-gradient(circle at 10% 82%,rgba(155,134,255,.2),transparent 36%),#050d1f}
.auth-testing-page .blog-eyebrow{color:#88f0ca}.auth-testing-page .vps-hero{border-color:rgba(68,220,255,.42)}
.auth-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,.15)}
.auth-testing-page .article-visual img{display:block;width:100%;height:auto}.auth-testing-page .article-visual figcaption{padding:14px 18px;color:var(--vps-muted);font-size:.92rem;line-height:1.55}
.auth-testing-page .vps-diagram:before{background:linear-gradient(90deg,var(--auth-cyan),var(--auth-violet),var(--auth-green))}
.auth-testing-page .testing-path ol{grid-template-columns:repeat(6,minmax(0,1fr))}.auth-testing-page .testing-roadmap a{color:var(--vps-ink);text-decoration-color:var(--auth-cyan);text-underline-offset:3px}
.auth-audit,.auth-warning{padding:20px 22px;border:1px solid rgba(68,220,255,.32);border-left:4px solid var(--auth-cyan);border-radius:14px;background:color-mix(in srgb,var(--auth-cyan) 7%,var(--vps-surface))}.auth-warning{border-color:rgba(255,194,96,.42);border-left-color:var(--auth-amber);background:color-mix(in srgb,var(--auth-amber) 7%,var(--vps-surface))}.auth-audit strong,.auth-warning strong{color:var(--vps-ink)}.auth-audit p,.auth-warning p{margin:7px 0 0!important}
.auth-flow{display:flex;align-items:stretch;justify-content:center;gap:9px;flex-wrap:wrap}.auth-node{display:flex;min-width:110px;flex:1 1 120px;max-width:190px;min-height:70px;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}.auth-node small{display:block;margin-top:4px;color:var(--vps-muted);font-weight:500}.auth-arrow{align-self:center;color:var(--auth-cyan);font-size:1.3rem;font-weight:900}.auth-node.allow{border-color:color-mix(in srgb,var(--auth-green) 58%,var(--vps-line))}.auth-node.deny{border-color:color-mix(in srgb,var(--auth-red) 58%,var(--vps-line))}.auth-node.warn{border-color:color-mix(in srgb,var(--auth-amber) 58%,var(--vps-line))}
.auth-stack{display:grid;gap:8px;max-width:650px;margin:auto}.auth-stack .auth-node{width:100%;max-width:none;min-height:56px}.auth-stack .auth-arrow{justify-self:center;transform:rotate(90deg)}
.auth-branch{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;margin:auto}.auth-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)}.auth-branch section{padding:18px;text-align:center;border:1px solid var(--vps-line);border-radius:15px;background:var(--vps-surface)}.auth-branch section b,.auth-branch section span{display:block}.auth-branch section b{color:var(--vps-ink)}.auth-branch section span{margin-top:6px;color:var(--vps-muted)}.auth-branch .allow{border-color:rgba(57,230,162,.48)}.auth-branch .deny{border-color:rgba(255,115,133,.48)}
.auth-layers,.auth-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.auth-card{padding:18px;border:1px solid var(--vps-line);border-radius:15px;background:var(--vps-surface)}.auth-card b{display:block;color:var(--vps-ink);font-size:1.04rem}.auth-card span{display:block;margin-top:7px;color:var(--vps-muted);line-height:1.5}.auth-card:nth-child(1){border-top:3px solid var(--auth-green)}.auth-card:nth-child(2){border-top:3px solid var(--auth-cyan)}.auth-card:nth-child(3){border-top:3px solid var(--auth-violet)}
.auth-pyramid{display:grid;gap:10px;justify-items:center}.auth-pyramid span{padding:15px 20px;text-align:center;border:1px solid var(--vps-line);border-radius:13px;background:var(--vps-surface);color:var(--vps-ink);font-weight:750}.auth-pyramid span:nth-child(1){width:42%;border-top:3px solid var(--auth-violet)}.auth-pyramid span:nth-child(2){width:70%;border-top:3px solid var(--auth-cyan)}.auth-pyramid span:nth-child(3){width:100%;border-top:3px solid var(--auth-green)}
.auth-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.auth-pipeline .auth-card{text-align:center}.auth-pipeline small{display:block;margin-bottom:5px;color:var(--auth-cyan);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:991px){.auth-testing-page .testing-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layers,.auth-role-grid,.auth-pipeline{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.auth-testing-page .testing-path ol,.auth-layers,.auth-role-grid,.auth-pipeline,.auth-branch{grid-template-columns:1fr}.auth-testing-page .article-visual{margin-inline:-2px}.auth-flow{display:grid;grid-template-columns:1fr}.auth-node{width:100%;max-width:none}.auth-arrow{justify-self:center;transform:rotate(90deg)}.auth-branch>strong{grid-column:auto}.auth-pyramid span:nth-child(n){width:100%}.auth-testing-page .vps-table{margin-inline:-10px}.auth-testing-page .vps-diagram{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.auth-testing-page *{scroll-behavior:auto!important}}