.peg-possibilities{margin-top:0}.peg-explorer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:70px;align-items:start}.peg-drawing{background:#fafafa;padding:20px}.peg-drawing svg{display:block;width:100%;height:auto;color:var(--ink,#1d211e);touch-action:manipulation}.peg-drawing [role=button]{cursor:pointer;outline:none}.peg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:14px}.peg-toolbar label{display:flex;align-items:center;gap:12px}.peg-toolbar select{font:inherit;background:white;color:inherit;border:1px solid var(--line);padding:9px 12px;border-radius:0}.peg-toolbar button{font:inherit;color:inherit;border:0;border-bottom:1px solid currentColor;padding:8px 0;background:none;cursor:pointer}.peg-toolbar [hidden]{display:none}.peg-status{font-size:13px;color:var(--muted);min-height:1.5em;margin:14px 0 12px}.peg-number{font-size:clamp(32px,4.5vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere;margin:10px 0}.peg-count-label{font-size:16px;margin:0 0 24px}.peg-dimension{margin:0;color:var(--muted);font-size:13px}.peg-explanation{margin:0 0 16px;font-size:16px;line-height:1.7}.peg-comparison{border-collapse:collapse;width:100%;margin-top:24px;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}.peg-comparison th,.peg-comparison td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:right}.peg-comparison th:first-child,.peg-comparison td:first-child{text-align:left}.peg-comparison th{font-weight:400;color:var(--muted)}.peg-comparison .is-current{background:#faf5dc}.peg-math{margin-top:24px;font-size:14px;line-height:1.7}.peg-math summary{cursor:pointer}.peg-formula{font-size:24px;letter-spacing:.01em}.peg-math a{text-decoration:underline;text-underline-offset:3px}.peg-possibilities .work-note{max-width:780px;margin:14px 0 0}@media(max-width:850px){.peg-explorer{grid-template-columns:1fr;gap:24px}.peg-drawing{padding:12px}.peg-number{font-size:38px}.peg-comparison{font-size:13px}}

.peg-action,.peg-check{opacity:0;pointer-events:none}
.peg-drawing .peg-hover:not(.peg-activated):not(.peg-confirmed) .peg-dot{fill:#f2c945;stroke:currentColor;stroke-width:3}
.peg-drawing .peg-hover:not(.peg-activated):not(.peg-confirmed) .peg-action{opacity:1}
[data-peg-possibilities]:not([data-peg-input="touch"]) [role=button]:focus-visible:not(.peg-activated):not(.peg-confirmed) .peg-dot{fill:#f2c945;stroke:currentColor;stroke-width:3}
[data-peg-possibilities]:not([data-peg-input="touch"]) [role=button]:focus-visible:not(.peg-activated):not(.peg-confirmed) .peg-action{opacity:1}
.peg-drawing .peg-confirmed .peg-dot{animation:peg-dot-confirm .9s ease-out}
.peg-drawing .peg-confirmed .peg-check{animation:peg-check-confirm .9s ease-out}
@keyframes peg-dot-confirm{0%,45%{fill:#ddf2e4}100%{fill:#fff}}
@keyframes peg-check-confirm{0%,45%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.peg-drawing .peg-confirmed .peg-dot,.peg-drawing .peg-confirmed .peg-check{animation-timing-function:steps(1,end)}}

.peg-comparison [data-grid-row]:has(.peg-grid-choice){cursor:pointer}.peg-comparison [data-grid-row]:hover,.peg-comparison [data-grid-row]:focus-within{background:#faf5dc}.peg-grid-choice{appearance:none;border:0;border-radius:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}.peg-grid-choice:focus-visible{outline:2px solid currentColor;outline-offset:4px}
