/* v56.9 — 全章共通：学習操作ボタンの見た目だけを統一。機能・配置ロジックは変更しない */
:root{--act-radius:12px;--act-h:42px;--act-font:14px;--act-shadow:0 2px 7px rgba(64,91,84,.10)}
button.btn, a.btn{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif}
/* ヒント：やさしい補助色 */
button.hint,button.hint-btn,button[id^="hint"],button[class*="hint"]{
  min-height:var(--act-h);border-radius:var(--act-radius)!important;border:1.5px solid #c8a85d!important;
  background:#fffaf0!important;color:#775f29!important;font-size:var(--act-font);font-weight:700;box-shadow:var(--act-shadow);
}
/* 答え・答え合わせ：主操作 */
button.answer,button.check,button[class*="answer"],button[class*="check"],button[id^="check"],button[id^="answer"]{
  min-height:var(--act-h);border-radius:var(--act-radius)!important;border:1.5px solid #6f9f94!important;
  background:#eef8f5!important;color:#356b60!important;font-size:var(--act-font);font-weight:700;box-shadow:var(--act-shadow);
}
/* リセット・もう一度：控えめな副操作 */
button.reset,button[class*="reset"],button[id^="reset"]{
  min-height:var(--act-h);border-radius:var(--act-radius)!important;border:1.5px solid #b9c7c3!important;
  background:#fff!important;color:#60736e!important;font-size:var(--act-font);font-weight:700;box-shadow:none;
}
button.hint:hover,button.hint-btn:hover,button[id^="hint"]:hover,button.answer:hover,button.check:hover,button[class*="answer"]:hover,button[class*="check"]:hover,button[id^="check"]:hover,button[id^="answer"]:hover,button.reset:hover,button[class*="reset"]:hover,button[id^="reset"]:hover{filter:brightness(.98);transform:translateY(-1px)}
button:disabled{transform:none!important;box-shadow:none!important;opacity:.55}
@media(max-width:640px){button.hint,button.hint-btn,button[id^="hint"],button.answer,button.check,button[class*="answer"],button[class*="check"],button[id^="check"],button[id^="answer"],button.reset,button[class*="reset"],button[id^="reset"]{min-height:40px;font-size:13px}}