.cf{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--inset), var(--panel-sh);max-width:1060px;padding:26px 28px 22px}.cf-head{max-width:60ch}.cf-head .iz-ey{margin-bottom:var(--sp-3)}.cf-lead{color:var(--tx-dim);font-size:var(--fs-body);margin:var(--sp-3) 0 0;max-width:56ch;line-height:1.55}.cf-svg{width:100%;height:auto;margin-top:var(--sp-3);display:block;overflow:visible}.cf-conn{fill:none;stroke:var(--line-strong);stroke-width:1.4px;stroke-dasharray:4 5}.cf-tile{fill:#0000;stroke:var(--line);stroke-width:1px}.cf-mark{fill:var(--ghost)}.cf-cat{fill:var(--tx);font-family:var(--disp);dominant-baseline:middle;font-size:22px;font-weight:500}.cf-node-halo{fill:color-mix(in srgb, var(--orange) 7%, transparent)}.cf-node{fill:var(--surface);stroke:color-mix(in srgb, var(--orange) 45%, var(--line-strong));stroke-width:1.5px}.cf-lock rect,.cf-lock circle{fill:var(--orange)}.cf-lock path{stroke:var(--orange);stroke-width:4px}.cf-node-label{fill:var(--tx);font-family:var(--disp);text-anchor:middle;font-size:24px;font-weight:600}.cf-panel{fill:var(--bg-2);stroke:var(--line);stroke-width:1px}.cf-panel-title{fill:var(--tx-dim);font-family:var(--disp);text-anchor:middle;font-size:14px;font-weight:500}.cf-bar{fill:var(--ghost)}.cf-bar.hot{fill:var(--orange)}.cf-panel-rule{stroke:var(--line);stroke-width:1px}.cf-prow{fill:var(--surface);stroke:var(--line);stroke-width:1px}.cf-pdot{fill:var(--orange);opacity:.6}.cf-pulse{fill:var(--orange)}@media (max-width:640px){.cf{padding:20px 16px 18px}.cf-cat{font-size:26px}.cf-node-label{font-size:28px}}@media (prefers-reduced-motion:reduce){.cf-pulse{display:none}}.cf-learn{font-size:var(--fs-sm);color:var(--orange);align-items:center;gap:7px;margin-top:14px;font-weight:500;display:inline-flex}.cf-learn svg{width:15px;height:15px;transition:transform var(--dur-fast) var(--ease-out)}.cf-learn:hover svg{transform:translate(3px)}