/* Page styles (see lib/site-assets.ts) */
.diagram svg{width:100%;height:auto;display:block}
.capx .n{font-family:var(--mono);font-size:clamp(9px,.8vw,12px);color:var(--red);font-weight:700}
.capx p.k{color:var(--paper);font-weight:600;margin-top:auto}
.pres.show{opacity:1}
.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}
.pt{padding:22px 0;border-top:1px solid #E4E7EA;display:flex;flex-direction:column;gap:6px}
.pt h3{font-size:20px;line-height:28px;font-weight:500}
.pt p{font-size:15px;line-height:24px;color:#4A515C}
@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}
}
.pv-s.add{color:var(--red-t)}
.fp-vrows .k{font:700 10.5px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#C9CED6}
.fp-vrows .v{font:700 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border:1px solid rgba(255,255,255,.2);color:#C9CED6;white-space:nowrap}
@media (max-width:899px){
.fp-vrows li .k{display:none}
}
.brk{position:relative}
.brk::after{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:3;background:
 linear-gradient(var(--red),var(--red)) top left/16px 2px no-repeat,linear-gradient(var(--red),var(--red)) top left/2px 16px no-repeat,
 linear-gradient(var(--red),var(--red)) top right/16px 2px no-repeat,linear-gradient(var(--red),var(--red)) top right/2px 16px no-repeat,
 linear-gradient(var(--red),var(--red)) bottom left/16px 2px no-repeat,linear-gradient(var(--red),var(--red)) bottom left/2px 16px no-repeat,
 linear-gradient(var(--red),var(--red)) bottom right/16px 2px no-repeat,linear-gradient(var(--red),var(--red)) bottom right/2px 16px no-repeat}
.dnodes i.off{background:#FF8A9A;box-shadow:0 0 12px rgba(255,138,154,.5)}
.uc-px.show{opacity:1;transform:none}
.dy-nodes i.off{background:#FF8A9A;box-shadow:0 0 8px rgba(255,138,154,.4);animation:dablink .9s ease-in-out infinite}
@keyframes dablink{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){
.dy-nodes i.off{animation:none}
}
.ab-rings .r0{stroke:rgba(255,255,255,.07)}
.sco-keys .k{font:700 10px/14px var(--mono);letter-spacing:.12em;color:#9AA1AC}
.sfbv-eos .k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9AA1AC}
.px-steps .n{font:700 12px/1 var(--mono);letter-spacing:.12em;color:var(--red);flex:none;width:24px}