.choice-group{display:flex;flex-wrap:wrap;gap:6px}.choice-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-app);color:var(--text-secondary);font-family:var(--font-heading);cursor:pointer;padding:7px 12px;transition:background .15s,color .15s,border-color .15s;font-size:12px;font-weight:700}.choice-btn:hover{border-color:var(--accent);color:var(--text-primary)}.choice-btn[aria-pressed=true]{background:var(--accent-gradient);color:#fff;border-color:#0000}.choice-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pages-wrapper{display:flex;flex-direction:column;align-items: center;gap:32px}.page-badge{font-family:var(--font-heading);color:var(--text-muted);flex-shrink:0;font-size:13px;font-weight:700}.bond-grid{--cols:3;--rows:4;--item-size:160px;display:grid;grid-template-columns:repeat(var(--cols),var(--item-size));grid-template-rows:repeat(var(--rows),var(--item-size));flex-shrink:0;gap:14px;margin-inline-start:auto;margin-inline-end:auto}.bond-item{display:flex;justify-content:center;align-items: center;min-width:0;min-height:0}.bond-svg{width:100%;max-width:100%;height:100%;max-height:100%}.bond-roof,.bond-whole-circle,.bond-part,.bond-bar{fill:#fff;stroke:#000;stroke-width:4}.bond-roof,.bond-whole-circle{fill:rgb(var(--accent-rgb)/.1)}.bond-leg,.bond-bar-divider{stroke:#000;stroke-width:4;stroke-linecap:round;fill:none}.bond-num{font-family:var(--font-heading);fill:#000;font-weight:800}.bond-given{fill:#9ca3af}