/* Page styles (see lib/site-assets.ts) */
.diagram svg{width:100%;height:auto;display:block}
.diagram{margin-top:22px;background:#F7F8FA;border:1px solid #E4E7EA;border-radius:16px;padding:28px 24px}
.diagram svg{width:100%;height:auto;display:block}
.diagram svg text{font-family:Inter,Arial,sans-serif}
@media (max-width:899px){
.diagram{overflow-x:auto;padding:16px;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%}
.diagram svg{min-width:600px}
}
#zero-trust .dzt-vis{gap:14px}
#zero-trust .dfacts span{border-color:rgba(255,255,255,.3);color:var(--paper)}
.bp-kf{position:relative;overflow:hidden;background:var(--ink);border-top:3px solid var(--red);border-radius:4px;padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px);margin-bottom:clamp(36px,5vh,52px);scroll-margin-top:calc(var(--navh,72px) + 24px)}
.bp-kf::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px}
.bp-kf::after{content:"";position:absolute;right:-12%;top:-70%;width:55%;height:170%;background:radial-gradient(closest-side,rgba(245,69,92,.16),rgba(245,69,92,0));pointer-events:none}
.bp-kfl{position:relative;font:700 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.bp-kf ul{position:relative;list-style:none;margin:16px 0 0;padding:0;display:grid;gap:0}
.bp-kf li{display:flex;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1.55;color:#E6E9ED}
.bp-kf li:first-child{border-top:0;padding-top:4px}
.bp-kf li::before{content:"";flex:none;width:6px;height:6px;background:var(--red);margin-top:9px}