.theory-scope{--theory-surface:#fbfcfa;--theory-border:#d9dfd8;--theory-text:#29332d;--theory-text-muted:#606b63;--theory-primary:#617365;--theory-secondary:#45566b;--theory-shadow:0 1px 2px #1e293b0d, 0 6px 18px #1e293b0f;--illus-primary:#596b5d;--illus-secondary:#52647a;--illus-accent:#8d5e3b;--illus-focus:#596d83;--illus-neutral:#626e65;--illus-positive:#596b5d;--illus-warning:#8b632f;--illus-danger:#925a55;--illus-outline:#7d887f;--illus-fill:#edf1ec;--illus-text:#29332d;--illus-text-on-color:#fff;background:var(--theory-surface);min-height:100%;color:var(--theory-text)}.dark .theory-scope{--theory-surface:#1a211d;--theory-border:#414d44;--theory-text:#e9eee9;--theory-text-muted:#b4beb5;--theory-primary:#a9b9aa;--theory-secondary:#a5b2c1;--theory-shadow:0 1px 2px #00000038, 0 6px 18px #00000047;--illus-primary:#a9b9aa;--illus-secondary:#a5b2c1;--illus-accent:#d5aa82;--illus-focus:#b0bdca;--illus-neutral:#aeb8af;--illus-positive:#a9b9aa;--illus-warning:#d3ae81;--illus-danger:#d09a91;--illus-outline:#748176;--illus-fill:#2b352e;--illus-text:#e9eee9;--illus-text-on-color:#1a211d}.theory-muted{color:var(--theory-text-muted)}.theory-secondary-text{color:var(--theory-secondary)}.theory-text{color:var(--theory-text)}.theory-category-rule{border-color:color-mix(in srgb, var(--theory-secondary) 42%, transparent)}.theory-danger{color:var(--illus-danger)}.theory-positive{color:var(--illus-positive)}.theory-note{border-left:2px solid var(--theory-border);color:var(--theory-text-muted)}.theory-mistake{border-color:var(--theory-border);background:var(--theory-surface)}.theory-divider{border-color:var(--theory-border)}.theory-panel{border:1px solid var(--theory-border);background:var(--illus-fill);color:var(--theory-text)}.theory-card{border:1px solid var(--theory-border);background:var(--theory-surface);color:var(--theory-text);box-shadow:var(--theory-shadow);border-radius:.75rem}.theory-outline-button{border:1px solid var(--theory-border);background:var(--theory-surface);color:var(--theory-text)}.theory-outline-button:hover,.theory-card-link:hover .theory-card,.theory-card-link:hover{background:var(--illus-fill)}.theory-card-link:focus-visible,.theory-outline-button:focus-visible,.theory-chip:focus-visible{outline:3px solid var(--illus-focus);outline-offset:2px}.theory-inline-link{color:var(--theory-primary);text-underline-offset:.25rem;text-decoration:underline}.theory-inline-link:hover{color:var(--theory-secondary)}.theory-selector{border:1px solid var(--theory-border);background:var(--theory-surface);color:var(--theory-text);border-radius:.5rem;padding:.4rem .7rem}.theory-selector[aria-pressed=true]{border-color:var(--theory-primary);background:var(--theory-primary);color:var(--illus-text-on-color)}.theory-primary-badge{background:var(--theory-primary);color:var(--illus-text-on-color)}.theory-chip{border:1px solid var(--theory-border);background:var(--illus-fill);color:var(--theory-text)}.theory-chip[aria-pressed=true]{border-color:var(--theory-primary);background:var(--theory-primary);color:var(--illus-text-on-color)}.theory-interactive-key{fill:var(--illus-fill);stroke:var(--illus-outline)}.theory-interactive-key-active,.theory-interactive-mark{fill:var(--illus-primary);stroke:var(--illus-outline)}.theory-diagram-outline{stroke:var(--illus-outline)}.theory-diagram-mark{fill:var(--illus-primary);stroke:var(--illus-primary)}.theory-diagram-mark-text{fill:var(--illus-text-on-color)}.theory-diagram-neutral-text{fill:var(--illus-neutral)}.theory-diagram-white-key{fill:var(--theory-surface);stroke:var(--illus-outline)}.theory-diagram-black-key{fill:var(--illus-text);stroke:var(--illus-outline)}.theory-diagram-active-key{fill:var(--illus-primary);stroke:var(--illus-outline)}.theory-illustration-frame{min-width:0}.theory-zoom-controls{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.25rem;min-width:0;padding-bottom:.5rem;display:flex}.theory-zoom-label{color:var(--theory-text-muted);white-space:nowrap;flex:none;font-size:.75rem}.theory-zoom-button,.theory-zoom-fit{border:1px solid var(--theory-border);background:var(--theory-surface);min-height:2.75rem;color:var(--theory-text);font:inherit;border-radius:.5rem}.theory-zoom-button{width:2.25rem;min-width:2.25rem;font-size:1.25rem;line-height:1}.theory-zoom-fit{white-space:nowrap;padding:.5rem .45rem;font-size:.75rem}.theory-zoom-button:disabled{cursor:not-allowed;background:var(--illus-fill);color:var(--theory-text-muted)}.theory-zoom-button:not(:disabled):hover,.theory-zoom-fit:hover{background:var(--illus-fill)}.theory-zoom-button:focus-visible,.theory-zoom-fit:focus-visible{outline:3px solid var(--illus-focus);outline-offset:2px}.theory-zoom-readout{min-width:2.25rem;color:var(--theory-text-muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.75rem}.theory-illustration{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--theory-text-muted) var(--illus-fill);scrollbar-width:thin;width:100%;max-width:100%;display:block;overflow:auto}.theory-illustration svg{width:100%;height:auto;display:block}.theory-illustration-canvas{width:min(100%,760px);max-width:none}.theory-illustration:focus-visible{outline:3px solid var(--illus-focus);outline-offset:3px}.theory-illustration-hint{color:var(--theory-text-muted);margin:0 0 .5rem;font-size:.75rem;font-style:italic;line-height:1.25rem}@media (min-width:641px){.theory-zoom-controls,.theory-illustration-hint{display:none}}@media (max-width:640px){.theory-illustration-canvas{width:640px}}@media (max-width:360px){.theory-zoom-controls{flex-wrap:wrap}.theory-zoom-label{flex-basis:100%}}