/* Mobile lesson hierarchy: the subject-specific Цоохор outfit is a real visual hero, while study cards stay compact. */
@media(max-width:600px){
  .lesson-screen{padding-left:14px!important;padding-right:14px!important}
  .teaching-card{margin:22px auto 58px!important;padding:18px!important;border-radius:24px!important}
  .teacher-row{display:grid!important;grid-template-columns:minmax(135px,42%) minmax(0,1fr)!important;align-items:center!important;gap:13px!important;padding-bottom:16px!important;margin-bottom:16px!important}
  .lesson-duo{width:100%!important;min-width:0!important;display:block!important}
  .teacher-row img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;border-radius:24px!important;border-width:3px!important;box-shadow:0 6px 14px rgba(50,70,110,.16)!important}
  .teacher-row .eyebrow{font-size:9px!important;line-height:1.25!important;letter-spacing:1px!important;padding:6px 8px!important}
  .teacher-row h2{font-size:clamp(25px,7.2vw,31px)!important;line-height:1.12!important;margin:7px 0 0!important}
  .lesson-intro{font-size:16px!important;line-height:1.55!important;margin:0 0 17px!important}
  .smart-breakdown{margin:18px 0!important;padding:13px!important;border-radius:18px!important}
  .breakdown-head h3{font-size:18px!important;line-height:1.18!important;margin:4px 0!important}
  .breakdown-head>b{font-size:25px!important}
  .breakdown-display{font-size:18px!important;line-height:1.22!important;padding:13px!important;margin:11px 0!important;border-radius:14px!important;box-shadow:0 4px 0 #131a32!important}
  .concept-sketch{min-height:110px!important;margin:10px 0!important;padding:8px!important;border-radius:14px!important}
  .smart-breakdown .concept-sketch svg{height:118px!important;min-height:0!important}
  .diagram-title{font-size:11px!important;margin-bottom:7px!important}
  .diagram-node{font-size:10px!important;padding:7px 9px!important}
  .part-chip{padding:8px 9px!important;font-size:11px!important}
  .part-detail{min-height:0!important;padding:11px 12px!important}
  .part-detail p{font-size:12px!important;line-height:1.42!important}
  .reveal-head{margin:16px 0 8px!important}
  .reveal-step{padding:10px 12px!important}
  .reveal-step p{font-size:12px!important;line-height:1.42!important}
  .reality-card{margin-top:15px!important;padding:13px!important}
  .reality-card h4{font-size:15px!important}.reality-card p{font-size:13px!important;line-height:1.45!important}
  .key-points{gap:8px!important;margin:16px 0!important}.key-point{padding:11px!important;font-size:14px!important}
  .example-box{padding:13px 14px!important;margin:16px 0!important}.term-card{padding:15px!important;margin:16px 0!important}
}