.playwright-testing-page{--pw-blue:#4bd9ff;--pw-violet:#8d7dff;--pw-green:#42e7a2;--pw-amber:#ffc45c}
.playwright-testing-page .blog-hero--article{background:radial-gradient(circle at 78% 14%,rgba(75,217,255,.22),transparent 38%),radial-gradient(circle at 8% 82%,rgba(141,125,255,.18),transparent 34%),#050d1f}
.playwright-testing-page .blog-eyebrow{color:#83e8ff}.playwright-testing-page .vps-hero{border-color:rgba(75,217,255,.44)}
.playwright-testing-page .article-visual{margin:34px 0 40px;overflow:hidden}.playwright-testing-page .article-visual img{display:block;width:100%;height:auto}.playwright-testing-page .article-visual figcaption{padding:13px 17px;background:var(--vps-surface);color:var(--vps-muted);font-size:.92rem;line-height:1.55}
.playwright-testing-page .vps-diagram:before{background:linear-gradient(90deg,var(--pw-blue),var(--pw-violet),var(--pw-green))}
.playwright-testing-page .testing-roadmap a{color:var(--vps-ink);text-decoration-color:var(--pw-blue);text-underline-offset:3px}
.playwright-testing-page .testing-path ol{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:991px){.playwright-testing-page .testing-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.playwright-testing-page .testing-path ol{grid-template-columns:1fr}.playwright-testing-page .article-visual{margin-inline:-2px}.playwright-testing-page .article-visual figcaption{font-size:.86rem}}