.pf-figures{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (min-width:1024px){.pf-figures{grid-template-columns:repeat(4,minmax(0,1fr))}}.pf-figure{background:var(--color-bg);padding:20px 16px}@media (min-width:640px){.pf-figure{padding:24px}}.pf-figure-n{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;color:var(--color-acid);overflow-wrap:anywhere;font-size:clamp(1.75rem,6vw,2.75rem);font-weight:700;line-height:1.04}.pf-figure-t{color:var(--color-fg);margin-top:8px;font-size:.9375rem;font-weight:500;line-height:1.35}.pf-figure-h{color:var(--color-muted);margin-top:8px;font-size:.8125rem;line-height:1.5}.pf-layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pf-layers{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.pf-layers{grid-template-columns:repeat(6,minmax(0,1fr))}}.pf-layer{border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-faint);background:0 0;min-width:0;padding:12px}.pf-layer[data-on="1"]{border-color:var(--color-acid);background:var(--color-surface);color:var(--color-fg)}.pf-layer-n{font-family:var(--font-mono), monospace;color:var(--color-faint);font-size:.75rem}.pf-layer[data-on="1"] .pf-layer-n{color:var(--color-acid)}.pf-layer-name{overflow-wrap:anywhere;margin-top:4px;font-size:.9375rem;font-weight:500}.pf-layer-line{color:var(--color-muted);margin-top:4px;font-size:.8125rem;line-height:1.45}.pf-layer[data-on="0"] .pf-layer-line{color:var(--color-faint)}.pf-loopnote{color:var(--color-muted);align-items:center;gap:8px;margin-top:12px;font-size:.8125rem;display:flex}.pf-loopnote svg{width:20px;height:20px;color:var(--color-acid);flex-shrink:0}.pf-loopnote path{stroke-dasharray:60;stroke-dashoffset:0;animation:pf-draw .9s var(--ease-expo) 1 both}@keyframes pf-draw{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.pf-loopnote path{animation:none}}.pf-step-n{font-family:var(--font-mono), monospace;color:var(--color-acid);font-size:.8125rem}.pf-lede{color:var(--color-fg);font-size:1.125rem;line-height:1.55}.pf-did{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.pf-did{grid-template-columns:repeat(2,minmax(0,1fr))}}.pf-did li{border:1px solid var(--color-line);border-radius:var(--radius);color:var(--color-fg);overflow-wrap:anywhere;padding:12px 16px;line-height:1.5}.pf-flow{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);min-width:0;padding:20px;position:relative}.pf-flow[data-card="1"]{border:0;border-bottom:1px solid var(--color-line);border-radius:0;padding:64px 20px 88px}.pf-flow ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.pf-node{border:1px solid var(--color-line-2);border-radius:var(--radius);background:var(--color-bg);color:var(--color-fg);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:8px 12px;font-size:.875rem;display:flex}.pf-node-s{color:var(--color-muted);font-size:.75rem}.pf-link{background:var(--color-acid);width:1px;height:12px;margin:0 0 0 20px;display:block}.pf-flow-tag{font-family:var(--font-mono), monospace;color:var(--color-faint);margin-top:16px;font-size:.75rem}.pf-flow[data-card="1"] .pf-flow-tag{margin:0;position:absolute;bottom:20px;left:20px}.pf-back{color:var(--color-muted);align-items:center;gap:8px;margin-top:8px;font-size:.75rem;display:flex}.pf-back svg{width:16px;height:16px;color:var(--color-acid);flex-shrink:0}.pf-quad{max-width:560px}.pf-quad-grid{grid-template-columns:24px repeat(2,minmax(0,1fr));gap:4px;display:grid}.pf-quad-ylab,.pf-quad-xlab{color:var(--color-faint);font-size:.75rem}.pf-quad-ylab{writing-mode:vertical-rl;text-align:center;grid-row:1/span 2;transform:rotate(180deg)}.pf-cell{border:1px solid var(--color-line);border-radius:var(--radius);min-width:0;min-height:96px;padding:12px}.pf-cell b{color:var(--color-fg);font-size:.9375rem;font-weight:500;display:block}.pf-cell span{color:var(--color-muted);margin-top:4px;font-size:.8125rem;line-height:1.45;display:block}.pf-cell[data-k=go]{border-color:var(--color-ok)}.pf-cell[data-k=go] b{color:var(--color-ok)}.pf-cell[data-k=cut] b{color:var(--color-flag)}.pf-quad-x{grid-column:2/span 2;justify-content:space-between;gap:8px;display:flex}.pf-close-links{flex-wrap:wrap;gap:4px 24px;display:flex}.pf-close-links a{min-height:44px;color:var(--color-muted);text-underline-offset:4px;align-items:center;font-size:.875rem;display:inline-flex}.pf-close-links a:hover{color:var(--color-fg);text-decoration:underline}