/* Persistent questions and evidence use the same readable workspace at every width. */
#hayato-root .question-workspace .question-form { min-width: 0; }
/* The original dark skin fixes this text with !important while studio makes
   its background light. Override that one legacy declaration at the source. */
#hayato-root .question-workspace .question-prompt { color: #24364f !important; background: #f3f6fc; border-color: #c7d3e3; font-size: 17px; }
#hayato-root .question-workspace .answer-textarea { min-height: 160px; line-height: 1.85; resize: vertical; }
#hayato-root .question-workspace .question-tools { flex-wrap: wrap; gap: 8px; margin-top: 12px; }
#hayato-root .question-workspace .question-tools button { min-height: 44px; background: #f2f5fb; color: #334e73; border: 1px solid #cbd8e7; box-shadow: none; }
#hayato-root .question-workspace .question-tools button:hover:not(:disabled) { background: #e8eef8; border-color: #9db1cf; color: #263f62; }
#hayato-root .question-workspace .question-answer-limit { overflow-wrap: anywhere; }
#hayato-root .question-workspace .question-answer-limit[data-over-limit="true"] { color: #8b2436 !important; font-weight: 600; }
#hayato-root .question-workspace .screen-completion { padding: 14px; margin: 14px 0; border: 1px solid #adc6bc; border-radius: 12px; background: #f0f7f3; }
#hayato-root .question-workspace .question-hint { margin: 12px 0; }
#hayato-root .question-workspace .question-hint p { padding: 0 10px 10px; }
#hayato-root .question-retrieval-note { padding: 14px; margin-bottom: 16px; background: #f1f6ff; border: 1px solid #c3d2e8; border-radius: 12px; }
#hayato-root .question-retrieval-note h4 { margin: 0 0 4px; }
#hayato-root .question-retrieval-note > p { margin: 0; }
#hayato-root .question-retrieval-scope { margin-top: 2px; }
#hayato-root .question-workspace .answer-option { min-height: 48px; align-items: flex-start; padding: 12px; gap: 10px; }
#hayato-root .question-workspace .answer-option input { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 4px; }
#hayato-root .question-workspace .answer-option span { min-width: 0; overflow-wrap: anywhere; }
#hayato-root .question-workspace .ink-wrap { min-width: 0; max-width: 100%; }
#hayato-root .question-workspace .ink-tools { font-size: 14px; color: #344b6a; }
#hayato-root .question-workspace .ink-canvas { max-width: 100%; height: auto; }
#hayato-root .learning-evidence .progress-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#hayato-root .learning-evidence .progress-fact { min-width: 0; padding: 14px; border: 1px solid #d4deeb; border-radius: 12px; background: #f5f7fc; }
#hayato-root .learning-evidence .progress-fact b { color: #24364f; }
#hayato-root .learning-evidence .progress-fact small { display: block; margin-top: 5px; overflow-wrap: anywhere; }
#hayato-root .learning-latest-submission { margin-top: 16px; }
#hayato-root .learning-next-focus { margin-top: 18px; padding: 16px; border: 1px solid #bdcfe5; border-radius: 12px; background: #f2f6fd; }
#hayato-root :is(.learning-evidence-limits,.learning-future-review) { margin-top: 16px; }
#hayato-root .learning-future-review .list-item { margin-top: 10px; }
#hayato-root .learning-menu > summary { display: none; }
@media (max-width: 620px) {
  #hayato-root .learning-menu > summary { display: list-item; min-height: 44px; padding: 10px 16px; color: #344b6a; font-size: 14px; font-weight: 600; cursor: pointer; }
  #hayato-root .learning-menu[open] > summary { border-bottom: 1px solid #d7e0ee; }
  #hayato-root .question-workspace .question-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #hayato-root .question-workspace .question-tools button { width: 100%; white-space: normal; padding: 10px; }
}
@media (max-width: 380px) {
  #hayato-root .question-workspace .question-tools { grid-template-columns: 1fr; }
}