/* History rows open the question image without leaving the history list. */
.history-header{flex-wrap:wrap;gap:var(--space)}
.history-header h2{flex-shrink:0;white-space:nowrap}
.history-subject-filters{flex-wrap:nowrap;max-width:100%;overflow-x:auto;margin-left:auto}
.history-subject-filters button{flex-shrink:0;font-size:.78rem;white-space:nowrap;padding:calc(var(--space) / 2) var(--space)}

button.history-entry{width:100%;color:inherit;text-align:left}
button.history-entry:hover{border-color:var(--accent);background:var(--panel-3)}
html.history-question-open{overflow:hidden;scrollbar-gutter:stable}
.history-question-dialog{
  width:70vw;max-width:70vw;max-height:calc(100vh - 2 * var(--space));max-height:calc(100dvh - 2 * var(--space));padding:0;border:1px solid var(--border);border-radius:var(--radius);
  color:var(--text);background:var(--panel);overflow:hidden;
}
.history-question-dialog[open]{display:flex;flex-direction:column}
.history-question-dialog::backdrop{background:rgba(0,0,0,.72)}
.history-question-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space);padding:var(--space);border-bottom:1px solid var(--line)}
.history-question-header h2{font-size:1.1rem;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:clip}
/* 閉じるアイコンは既存の44px正方形・左右寸法を保ち、上下paddingだけパーツ規約に揃える。 */
.history-question-close{padding-block:calc(var(--space) / 2);flex:0 0 44px;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--panel-2);font-size:1.6rem;line-height:1}
.history-question-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space);scrollbar-gutter:stable}
.history-question-message{margin:0;padding:var(--space) 0;text-align:center}
.history-question-content{width:100%;max-width:var(--exam-width,740px);margin-inline:auto}
.history-question-image{width:100%;height:auto}
.history-question-image:not([hidden]){display:block}
.history-question-footer{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space);padding:var(--space);border-top:1px solid var(--line)}
.history-question-footer p{flex-basis:100%;margin:0}
#history-explanation-error{color:#ffb4ab}
.history-feedback-actions:not([hidden]){display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space)}
.history-question-footer button{min-height:48px}
.history-explanation{margin-top:var(--space)}
.history-explanation>h3{margin:0 0 var(--space)}
#history-explanation-content{font-family:var(--paw-exam-font);letter-spacing:normal}