html.sj-furigana-hidden ruby rt,html.sj-furigana-hidden ruby rp{visibility:hidden!important}
html body #sj-furigana-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;height:32px;min-height:32px;padding:0 10px;margin:0 12px 0 0;border:1px solid #9edfe0;border-radius:999px;background:#ecfaf8;color:#117d7f;font:600 13px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:none;box-sizing:border-box;transition:background .15s,border-color .15s}
html body #sj-furigana-toggle[aria-pressed=false]{color:#687684;border-color:#d6dde5;background:#fff}
html body #sj-furigana-toggle svg{width:17px;height:17px;flex:none}
html body #sj-furigana-toggle .sj-furi-eye-off{display:none}
html body #sj-furigana-toggle[aria-pressed=false] .sj-furi-eye-off{display:block}
html body #sj-furigana-toggle[aria-pressed=false] .sj-furi-eye-on{display:none}
html body #sj-furigana-toggle:hover{border-color:#19b5bc;background:#e1f7f5}
html body #sj-furigana-toggle:focus-visible{outline:2px solid #10a9b3;outline-offset:3px}
@media(max-width:991px){html body #sj-furigana-toggle{position:fixed;z-index:1051;right:var(--sj-furigana-mobile-right,130px);top:5px;width:32px;height:32px;min-height:32px;padding:0;margin:0}html body #sj-furigana-toggle .sj-furi-label{display:none}}
@media(prefers-reduced-motion:reduce){html body #sj-furigana-toggle{transition:none}}

/* Compact ash-grey control; never increases the site's header height. */
html body #sj-furigana-toggle#sj-furigana-toggle{height:26px!important;min-height:26px!important;max-height:26px!important;padding:0 7px!important;gap:4px!important;margin-right:8px!important;background:#f1f2f3!important;border-color:#c5c9ce!important;color:#626970!important;font:600 11px/1.2 "Segoe UI",Arial,sans-serif!important;box-shadow:none!important}
html body #sj-furigana-toggle#sj-furigana-toggle[aria-pressed=false]{background:#f1f2f3!important;border-color:#c5c9ce!important;color:#626970!important}
html body #sj-furigana-toggle#sj-furigana-toggle svg{width:14px!important;height:14px!important}
html body #sj-furigana-toggle#sj-furigana-toggle .sj-furi-label{font:inherit!important;line-height:inherit!important;letter-spacing:normal!important}
html body #sj-furigana-toggle#sj-furigana-toggle:hover{background:#e5e7e9!important;border-color:#aeb4bb!important}
@media(max-width:991px){html body #sj-furigana-toggle#sj-furigana-toggle{width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;top:7px!important;padding:0!important;margin:0!important}}

/* Viewport anchor stays fixed when the question palette changes layout. */
@media(max-width:991px){html body #sj-furigana-toggle#sj-furigana-toggle{left:max(46px,calc(100vw - 181px))!important;right:auto!important;transform:none!important;translate:none!important}}

@media(min-width:769px) and (max-width:991px){html body #sj-furigana-toggle#sj-furigana-toggle{top:18px!important}}