.sg .pf-list{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;display:grid}@media (max-width:800px){.sg .pf-list{grid-template-columns:1fr}}.sg .pf-item{border:1px solid var(--line);background:#fff;border-radius:12px;gap:6px;padding:18px 20px;display:grid}.sg .pf-item h3{font-size:16px}.sg .pf-item p{color:var(--muted);font-size:14px}.sg .pf-item .tag{justify-self:start}.sg .pf-note{border:1px solid var(--line);background:var(--surf);color:var(--muted);border-radius:10px;max-width:70ch;margin-top:22px;padding:14px 16px;font-size:14px}.sg .pf-note b{color:var(--ink);font-weight:500}.sg .pf-canvas{grid-template-columns:repeat(6,1fr);gap:0;display:grid;position:relative}.sg .pf-canvas:before{content:"";background:var(--line-2);z-index:0;height:1px;position:absolute;top:31px;left:8%;right:8%}.sg .pf-node{z-index:1;text-align:center;cursor:pointer;font:inherit;color:var(--ink);background:0 0;border:0;border-radius:10px;padding:14px 10px 12px;transition:background .2s;position:relative}.sg .pf-node:hover{background:var(--surf)}.sg .pf-node[aria-selected=true]{background:var(--surf-2)}.sg .pf-node .dot{border:1px solid var(--line-2);width:34px;height:34px;font-family:var(--font-sg-mono),ui-monospace,monospace;color:var(--navy);background:#fff;border-radius:10px;justify-content:center;align-items:center;margin:0 auto;font-size:11px;transition:transform .2s,border-color .2s;display:flex}.sg .pf-node[aria-selected=true] .dot{border-color:var(--accent);color:var(--accent);transform:scale(1.06)}.sg .pf-node.gate .dot{background:var(--ink);color:#fff;border-color:var(--ink)}.sg .pf-node .nl{margin-top:8px;font-size:12.5px;font-weight:500}.sg .pf-detail{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px 24px;min-height:120px;margin-top:14px;padding-top:14px;display:grid}.sg .pf-detail div b{font-family:var(--font-sg-mono),ui-monospace,monospace;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.sg .pf-detail div span{font-size:13.5px}@media (max-width:560px){.sg .pf-canvas{grid-template-columns:repeat(3,1fr)}.sg .pf-canvas:before{display:none}.sg .pf-detail{grid-template-columns:1fr}}.sg .pf-two{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}@media (max-width:800px){.sg .pf-two{grid-template-columns:1fr}}.sg .pf-box{border:1px solid var(--line-2);background:#fff;border-radius:12px;align-content:start;gap:8px;padding:20px;display:grid}.sg .pf-box h3{font-size:17px}.sg .pf-box p{color:var(--muted);font-size:14px}.sg .pf-box ul{color:var(--muted);margin:4px 0 0;padding-left:18px;font-size:13.5px}.sg .pf-box li{margin:3px 0}.sg .pf-rows{gap:6px;max-width:70ch;margin-top:22px;display:grid}.sg .pf-rows>div{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:200px 1fr;gap:12px;padding:10px 12px;font-size:13.5px;display:grid}.sg .pf-rows>div b{font-weight:500}.sg .pf-rows>div span{color:var(--muted)}@media (max-width:600px){.sg .pf-rows>div{grid-template-columns:1fr}}.sg .pf-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:900px){.sg .pf-three{grid-template-columns:1fr}}
