.es-experience{--es-accent:#9c4d2c;--es-page:var(--flagship-page,var(--paper,#f7f5ef));--es-ink:var(--flagship-ink,var(--ink,#202320));--es-muted:var(--flagship-muted,var(--muted,#66685f));--es-rule:var(--flagship-rule,#c8c9c0);color:var(--es-ink)}
.es-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:center;margin:1.5rem 0}
.es-network{min-width:0}.es-graph{position:relative;width:100%;max-width:360px;aspect-ratio:320/280;margin:1rem auto 0}
.es-graph>svg{display:block;width:100%;height:100%;overflow:visible}
.es-lines path{fill:none;stroke:var(--es-muted);stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .18s,stroke-width .18s}
.es-lines path.is-selected{stroke:var(--es-accent);stroke-width:5}.es-lines path.is-hovered{stroke:var(--es-accent)}
.es-dots circle{fill:var(--es-ink);stroke:var(--es-page);stroke-width:3}.es-dots circle.is-used{fill:var(--es-accent)}
.es-dot-labels{fill:var(--es-ink);text-anchor:middle;font:600 15px var(--flagship-ui,var(--font-ui,sans-serif))}
.es-experience button{font-family:var(--flagship-ui,var(--font-ui,sans-serif));font-size:.8125rem;line-height:1.3;cursor:pointer;touch-action:manipulation;color:var(--es-ink);background:var(--es-page);border:1px solid var(--es-rule);border-radius:4px;min-height:44px}
.es-experience button:disabled{cursor:default;opacity:.65}.es-experience button:focus-visible{outline:2px solid var(--es-accent);outline-offset:4px}
.es-edge{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:48px;padding:0;font-weight:650}
.es-experience .es-edge[aria-pressed=true]{background:var(--es-accent);border-color:var(--es-accent);color:var(--es-page)}
.es-experience button:hover:not(:disabled){border-color:var(--es-accent)}
.es-network-caption{margin:.25rem 0 0;color:var(--es-muted);font-size:.8125rem;line-height:1.5;text-align:center}
.es-controls{min-width:0}.es-targets{display:flex;gap:.75rem}
.es-targets button{display:flex;flex:1;flex-direction:column;align-items:center;padding:.5rem .5rem .6rem;gap:.3rem;max-width:145px}
.es-targets button[aria-pressed=true]{border:2px solid var(--es-accent);padding:calc(.5rem - 1px) calc(.5rem - 1px) calc(.6rem - 1px);color:var(--es-accent)}
.es-targets svg{width:82px;height:44px;overflow:visible}.es-targets svg path{fill:none;stroke:currentColor;stroke-width:2}.es-targets svg circle{fill:currentColor}
.es-targets span{font-weight:650}.es-target-description{font-size:.875rem;line-height:1.6;margin:1rem 0;color:var(--es-muted);max-width:35ch}
.es-feedback{font-size:.9375rem;line-height:1.6;min-height:6.4em;margin:1rem 0;color:var(--es-ink)}
.es-feedback[data-state=success]{font-weight:600}.es-actions{display:flex;flex-wrap:wrap;gap:.5rem}.es-actions button{padding:.65rem .8rem}
.es-takeaway{font-size:.875rem;line-height:1.65;max-width:70ch;color:var(--es-muted);margin:1.25rem 0 2rem}
.es-method i{font-family:Georgia,serif}.es-method p{max-width:70ch}
html[data-aligned-feature-theme=night] .es-experience{--es-accent:#e2a37a}
@media(max-width:580px){.es-workspace{grid-template-columns:1fr;gap:1.5rem}.es-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.es-targets{align-self:start;gap:.5rem}.es-targets button{min-width:0;padding-inline:.3rem}.es-targets svg{width:100%;max-width:82px}.es-target-description{margin:0;font-size:.8125rem}.es-feedback{grid-column:1/-1;min-height:4.8em;margin:1rem 0 .5rem}.es-actions{grid-column:1/-1}.es-graph{max-width:330px;margin-top:.75rem}.es-network-caption{font-size:.75rem}.es-takeaway{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.es-lines path{transition:none}}
@media print{.es-actions{display:none}.es-feedback{min-height:0}.es-workspace{break-inside:avoid}}