.component-action-testing-page{--cat-blue:#4bd9ff;--cat-violet:#9b87ff;--cat-green:#42e7a2;--cat-amber:#ffc45c}
.component-action-testing-page .blog-hero--article{background:radial-gradient(circle at 78% 12%,rgba(75,217,255,.2),transparent 37%),radial-gradient(circle at 9% 80%,rgba(155,135,255,.18),transparent 34%),#050d1f}
.component-action-testing-page .blog-eyebrow{color:#83e8ff}.component-action-testing-page .vps-hero{border-color:rgba(75,217,255,.42)}
.component-action-testing-page .article-visual{margin:34px 0 40px;overflow:hidden;border:1px solid var(--vps-line);border-radius:18px;background:var(--vps-surface);box-shadow:0 18px 45px rgba(2,8,23,.12)}
.component-action-testing-page .article-visual img{display:block;width:100%;height:auto}.component-action-testing-page .article-visual figcaption{padding:14px 18px;color:var(--vps-muted);font-size:.92rem;line-height:1.55}
.component-action-testing-page .vps-diagram:before{background:linear-gradient(90deg,var(--cat-blue),var(--cat-violet),var(--cat-green))}
.component-action-testing-page .testing-path ol{grid-template-columns:repeat(5,minmax(0,1fr))}.component-action-testing-page .testing-roadmap a{color:var(--vps-ink);text-decoration-color:var(--cat-blue);text-underline-offset:3px}
.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.cat-card{padding:20px;border:1px solid var(--vps-line);border-radius:16px;background:var(--vps-surface)}.cat-card strong{display:block;margin-bottom:9px;color:var(--vps-ink);font-size:1.03rem}.cat-card small{display:block;color:var(--vps-muted);line-height:1.55}
.cat-flow{display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap}.cat-node{display:flex;min-width:120px;flex:1 1 130px;max-width:210px;min-height:82px;align-items:center;justify-content:center;padding:14px;text-align:center;border:1px solid var(--vps-line);border-radius:14px;background:var(--vps-surface);color:var(--vps-ink);font-weight:700}.cat-node small{display:block;margin-top:4px;color:var(--vps-muted);font-weight:500}.cat-arrow{align-self:center;color:var(--cat-blue);font-size:1.35rem;font-weight:800}
.cat-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px;margin:0 auto}.cat-tree .cat-root{grid-column:1/-1;justify-self:center}.cat-tree .cat-node{max-width:none}.cat-tree .cat-branch{border-top:2px solid var(--cat-violet)}
.cat-pyramid{display:grid;gap:8px;max-width:650px;margin:auto}.cat-pyramid .cat-node{max-width:none;margin:auto}.cat-pyramid .cat-node:nth-child(1){width:48%}.cat-pyramid .cat-node:nth-child(2){width:72%}.cat-pyramid .cat-node:nth-child(3){width:100%}
.cat-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cat-compare section{padding:18px;border:1px solid var(--vps-line);border-radius:15px;background:var(--vps-surface)}.cat-compare h3{margin:0 0 10px;font-size:1.05rem}.cat-compare ul{margin:0;padding-left:19px}.cat-compare li{margin:6px 0;color:var(--vps-muted)}
.cat-note{padding:18px 20px;border-left:4px solid var(--cat-amber);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--cat-amber) 10%,var(--vps-surface));color:var(--vps-ink)}
@media(max-width:991px){.component-action-testing-page .testing-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-grid,.cat-compare{grid-template-columns:1fr}}
@media(max-width:600px){.component-action-testing-page .testing-path ol{grid-template-columns:1fr}.component-action-testing-page .article-visual{margin-inline:-2px}.component-action-testing-page .article-visual figcaption{font-size:.86rem}.cat-flow{display:grid;grid-template-columns:1fr}.cat-node{width:100%;max-width:none}.cat-arrow{transform:rotate(90deg);justify-self:center}.cat-tree{grid-template-columns:1fr}.cat-tree .cat-root{grid-column:auto;width:100%}.cat-pyramid .cat-node:nth-child(n){width:100%}}
@media(prefers-reduced-motion:reduce){.component-action-testing-page *{scroll-behavior:auto!important}}