/* 1SAFETY.KZ Course Question Mobile UI V3, 2026-10-13.
   Presentation only. Depends on V2. No forms / POST / answer JS changes. */
@media (max-width:640px) {
  .ca-topic-bar { min-height:0!important; padding:8px 12px!important; }
  .ca-topic-bar__badge { display:none!important; }
  .ca-topic-bar__title--numeric { display:none!important; }
  .ca-topic-bar__identity { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; }
  .ca-topic-bar__title { flex:1 1 auto!important; font-size:13px!important; font-weight:600!important; line-height:1.3!important; }
  .ca-topic-bar__meta { margin:0!important; margin-left:auto!important; font-size:12px!important; white-space:nowrap!important; }
  .ca-topic-bar__meta span:first-child, .ca-topic-bar__meta span:nth-child(2) { display:none!important; }
  .ca-topic-bar[data-ui-step-kind="question"] .ca-topic-bar__meta span:last-child::before { content:"Вопрос "; }
  .ca-topic-bar[data-ui-step-kind="material"] .ca-topic-bar__meta span:last-child::before { content:"Шаг "; }

  /* Secondary skip action must not compete with the main answer action. */
  #ca-form .ca-toolbar .ca-btn--skip { background:transparent!important; border-color:transparent!important; box-shadow:none!important; color:#637083!important; font-weight:600!important; padding:0 8px!important; }
  #ca-form .ca-toolbar .ca-btn--skip:hover { background:#f3f5f7!important; }
  #ca-form .ca-toolbar .ca-btn--answer:not(:disabled),
  #ca-form .ca-toolbar .ca-btn--continue:not(:disabled) { background:#ffbf00!important; border-color:#ffbf00!important; color:#101214!important; font-weight:700!important; }
  #ca-form .ca-toolbar .ca-btn--answer:disabled { background:#f1f3f5!important; border-color:#e8ebef!important; color:#a8afb8!important; opacity:1!important; }

  /* Fit images of any ratio; do not stretch or crop them. */
  #ca-form .ca-card--question .ca-qimg { width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; }
  #ca-form .ca-card--question .ca-qimg img { width:auto!important; max-width:100%!important; height:auto!important; max-height:none!important; object-fit:contain!important; display:block!important; margin-inline:auto!important; }
}