.dependency-security-page{--dep-blue:#45d5ff;--dep-violet:#8e86ff;--dep-green:#43dda6;--dep-amber:#ffbb59}
.dependency-security-page .blog-hero--article{background:radial-gradient(circle at 78% 18%,rgba(69,213,255,.19),transparent 36%),radial-gradient(circle at 15% 82%,rgba(142,134,255,.15),transparent 34%),#050e20}
.dependency-security-page .vps-hero{border-color:rgba(69,213,255,.4);box-shadow:0 32px 80px rgba(0,7,24,.48)}
.dependency-security-page .vps-hero img{transition:transform .7s ease}.dependency-security-page .vps-hero:hover img{transform:scale(1.015)}
.dependency-security-page .featured-answer{margin:24px 0 32px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--vps-cyan) 46%,var(--vps-line));border-left:5px solid var(--vps-cyan);border-radius:0 18px 18px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--vps-cyan) 9%,var(--vps-surface)),color-mix(in srgb,var(--vps-violet) 7%,var(--vps-surface)));color:var(--vps-ink)!important;font-size:1.08rem;line-height:1.8}
.dependency-path ol{grid-template-columns:repeat(4,minmax(0,1fr))}.dependency-path .series-complete{margin:18px 0 0!important;padding:13px 16px;border:1px solid color-mix(in srgb,var(--vps-green) 55%,var(--vps-line));border-radius:12px;background:color-mix(in srgb,var(--vps-green) 8%,var(--vps-surface));color:var(--vps-ink)!important;text-align:center}
.dependency-tree{padding:25px}.dependency-tree>b{display:block;width:min(190px,100%);margin:0 auto 28px;padding:15px;border:1px solid var(--vps-cyan);border-radius:13px;background:var(--vps-soft);color:var(--vps-ink);text-align:center}.dependency-tree>b:after{display:block;width:2px;height:28px;margin:15px auto -43px;background:var(--vps-line);content:""}.dependency-tree>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dependency-tree section{display:grid;gap:9px;padding:15px;border:1px solid var(--vps-line);border-radius:14px;background:var(--vps-soft)}.dependency-tree strong,.dependency-tree span{display:block;padding:11px;border-radius:9px;text-align:center}.dependency-tree strong{background:color-mix(in srgb,var(--vps-violet) 13%,var(--vps-surface));color:var(--vps-ink)}.dependency-tree span{background:var(--vps-surface);color:var(--vps-muted)}.dependency-tree small{display:block;margin-top:4px;color:var(--vps-cyan);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}
.dependency-security-page .vps-diagram{position:relative}.dependency-security-page .vps-diagram:before{position:absolute;inset:0 auto auto 0;width:90px;height:3px;background:linear-gradient(90deg,var(--dep-blue),var(--dep-violet));content:""}
.dependency-security-page .code-block{max-width:100%;margin:25px 0;border:1px solid var(--vps-line);border-radius:15px;background:#071321}.dependency-security-page .code-block pre{margin:0;padding:21px;color:#d9ecff}.dependency-security-page .code-block code{color:inherit}
.dependency-security-page .article-content h3{margin-top:30px}.dependency-security-page .article-content>ul li,.dependency-security-page .article-content>ol li{margin-bottom:9px}
@media(max-width:767px){.dependency-path ol,.dependency-tree>div{grid-template-columns:1fr}.dependency-tree>b:after{display:none}.dependency-security-page .featured-answer{padding:20px}.dependency-security-page .vps-flow--split{display:grid}.dependency-security-page .code-block{margin-inline:-2px}}
@media(max-width:420px){.dependency-tree{padding:17px}.dependency-security-page .featured-answer{font-size:1rem}.dependency-security-page .vps-flow>section span{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.dependency-security-page .vps-hero img{transition:none}.dependency-security-page .vps-hero:hover img{transform:none}}