
.note-guide{display:flex;flex:none;justify-content:center;align-items:center;gap:8px;margin:14px auto 0;padding:0;max-width:100%;color:inherit}
.note-guide a.note-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:6px 10px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:400 13px/1.6 "Yu Gothic",Meiryo,sans-serif;letter-spacing:normal;text-decoration:underline;text-underline-offset:4px;white-space:normal;touch-action:manipulation;cursor:pointer}
.note-guide a.note-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.note-play{opacity:.8}.note-clear,.note-intermediate{margin-top:16px}
[data-note-work=equation] main{height:auto;min-height:100svh}
[data-note-work=equation] #restart{position:static;transform:none;margin:24px auto 0}
[data-note-work=equation] .reopen{margin:0 auto}
[data-note-work=equation] .note-play{margin-top:0}
[data-note-work=ssr] #menu .note-guide{border-top:1px solid #c5d4dc;padding-top:8px;margin-top:16px}
[data-note-work=ssr] #clear-back:disabled~.note-clear{display:none}


body[data-note-work] a.note-link,body[data-note-work] .clear-links a{ text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px; }

