.video-box h3 { padding:14px; margin:0; font-size:1rem; }
.video-box h3 span { font-size:.8rem; font-weight:400; color:var(--muted); }
.question { display:block; width:100%; text-align:left; background:none; border:0; color:var(--ink); padding:0; font-family:inherit; }
.question:hover { text-decoration:underline; text-decoration-color:#b9a46a; text-underline-offset:.2em; }
.english-button { display:block; text-align:left; background:none; border:0; padding:0; color:var(--ink); font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.4rem,3vw,1.9rem); line-height:1.8; cursor:pointer; }
.english-button:hover { color:var(--red); }
.english-button::after { content:"  ▶"; font-family:Arial,sans-serif; color:var(--red); font-size:.75em; white-space:nowrap; }
.answer-slot p:last-child { margin-top:.6rem; }
.mark-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.mark-actions .button { flex:1; font-size:.93rem; }
.trainer .navigation { margin-top:10px; }
.mark-done { background:#f0f5ef; color:#295738; border-color:#9cb9a3; }
.mark-review { background:#fff4df; color:#79501a; border-color:#d6b784; }
.mark-done[aria-pressed=true] { background:#295738; border-color:#295738; color:white; }
.mark-review[aria-pressed=true] { background:#79501a; border-color:#79501a; color:white; }
.review-tools { max-width:760px; margin:24px auto 0; display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:space-between; }
.review-counts { font-size:.92rem; font-weight:700; }
.review-filter { display:flex; align-items:center; gap:9px; min-height:44px; font-size:.95rem; cursor:pointer; }
.review-filter input { width:20px; height:20px; accent-color:var(--red); }
.notice { background:#eee9d7; padding:16px; border-radius:8px; max-width:760px; margin:20px auto; }
.script-row .mark-actions { max-width:380px; }
.script-row .english-button { font-size:1.4rem; }
.status-badge { font:700 .78rem "Yu Gothic",Meiryo,sans-serif!important; margin-left:12px; display:inline-block; color:#5e5b68!important; }
.script-row[data-review=done] .status-badge { color:#295738!important; }
.script-row[data-review=review] .status-badge { color:#79501a!important; }
@media(max-width:400px) { .mark-actions .button { padding:.7rem .6rem; font-size:.86rem; } }