.notation-board,.notation-static{gap:1rem;width:100%;min-width:0;max-width:44rem;margin-inline:auto;display:grid}.notation-board p,.notation-static p{text-align:center;font-size:var(--text-support);margin:0;line-height:1.8}.notation-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:var(--radius-small);gap:.8rem;min-width:0;padding:.8rem .45rem;display:grid}.notation-terms{flex-wrap:wrap;justify-content:center;gap:.7rem .35rem;display:flex}.notation-unit{align-items:center;gap:.35rem;display:inline-flex}.notation-term{border:2px solid var(--line-strong);border-radius:var(--radius-small);background:var(--surface);justify-items:center;gap:.2rem;min-width:42px;padding:.3rem;display:grid}.notation-term b{font-size:1.25rem}.notation-term small{font-size:var(--text-hint)}.notation-term[data-current],.notation-sign[data-watch]{outline:2px solid var(--accent);outline-offset:2px}.notation-sign{place-items:center;width:1.1rem;height:1.8rem;font-size:1.25rem;font-weight:700;display:inline-grid}.notation-rewrite{justify-content:center;align-items:center;gap:.6rem;display:flex}.notation-direction{width:5rem;height:1.8rem}.notation-direction path{fill:none;stroke:var(--accent);stroke-width:3px}.notation-board .notation-formula,.notation-rewrite p{font-size:1.25rem;line-height:2}.notation-options{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--text-support)}.notation-options th,.notation-options td{border:1px solid var(--line);text-align:center;overflow-wrap:anywhere;padding:.5rem .3rem}.notation-options th:first-child{width:3rem}.notation-options tr[data-correct]{background:var(--surface-soft);font-weight:700}.notation-static figcaption{font-size:var(--text-support);line-height:1.8}
