.pair-seesaw-root { display: grid; gap: var(--s3); max-width: 34rem; margin-inline: auto; }
.pair-seesaw-root .w-note { margin: var(--s3) 0 0; font-size: var(--fs-small); line-height: 1.5; }
.pair-seesaw-root .pair-seesaw-price { justify-items: center; text-align: center; }
.pair-seesaw-root .pair-seesaw-line { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--s2); margin: 0; font: 400 var(--fs-small)/1.4 var(--font-ui); color: var(--ink-2); text-align: center; min-height: 2.75rem; }
.pair-seesaw-root .pair-seesaw-svg { display: block; width: 100%; height: auto; overflow: visible; }
.pair-seesaw-root .pair-seesaw-plank { fill: var(--ink); }
.pair-seesaw-root .pair-seesaw-fulcrum { fill: var(--line-strong); }
.pair-seesaw-root .pair-seesaw-pin { fill: var(--paper); }
.pair-seesaw-root .pair-seesaw-ground { stroke: var(--line-strong); stroke-width: 1.5; }
.pair-seesaw-root .pair-seesaw-hit { fill: transparent; }
.pair-seesaw-root .pair-seesaw-coin { fill: var(--paper); stroke: var(--ink); stroke-width: 2; }
.pair-seesaw-root .pair-seesaw-base .pair-seesaw-coin { fill: var(--brand); stroke: var(--brand); }
/* coin codes: SVG units, so they scale with the drawing */
.pair-seesaw-root .pair-seesaw-code { font: 700 var(--fs-ui-lg) var(--font-ui); fill: var(--ink); pointer-events: none; }
.pair-seesaw-root .pair-seesaw-base .pair-seesaw-code { fill: var(--on-ink); }
.pair-seesaw-root .pair-seesaw-handle { cursor: grab; touch-action: none; outline: none; }
.pair-seesaw-root .pair-seesaw-handle.is-dragging { cursor: grabbing; }
.pair-seesaw-root .pair-seesaw-handle:focus-visible .pair-seesaw-coin { stroke: var(--ink); stroke-width: 5; }
.pair-seesaw-root .pair-seesaw-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.pair-seesaw-root .pair-seesaw-push { width: 100%; padding-inline: 10px; }
.pair-seesaw-root.pair-seesaw-flipped .pair-seesaw-btns > :first-child { order: 2; }
.pair-seesaw-root .pair-seesaw-edge { margin: 0; text-align: center; }
.pair-seesaw-root .pair-seesaw-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s4); }
.pair-seesaw-root .pair-seesaw-foot .w-note { margin: 0; flex: 1 1 14rem; }
.pair-seesaw-root .pair-seesaw-flip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--on-ink); }