/* Dense learning workspace at 100% browser zoom.
   Approximate the teacher's preferred compact 67%-zoom layout without shrinking
   the entire application or harming the small-screen student experience. */
#learnWorkspace:has(.ux-quick-save) .editor-actions #saveCardBtn{
  display:none!important;
}
@media (min-width:1024px){
  body.shorashim-learning-active .topbar{
    padding:6px 12px!important;
    min-height:0!important;
  }
  body.shorashim-learning-active .topbar h1{
    font-size:clamp(22px,2vw,28px)!important;
    margin:0!important;
  }
  body.shorashim-learning-active #learnScreen .section-head{
    margin:4px 0 6px!important;
    padding:0!important;
    min-height:36px!important;
  }
  body.shorashim-learning-active #learnScreen .section-head h2{
    font-size:clamp(20px,1.8vw,24px)!important;
  }
  #learnWorkspace .learn-layout{
    grid-template-columns:minmax(180px,230px) minmax(0,1fr)!important;
    gap:10px!important;
  }
  #learnWorkspace.ux-path-collapsed .learn-layout{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #learnWorkspace .editor-panel{
    padding:10px 12px!important;
  }
  #learnWorkspace .panel-title-row{
    margin-bottom:7px!important;
    gap:7px!important;
  }
  #learnWorkspace .flip-stage{
    gap:10px!important;
    margin-top:6px!important;
  }
  /* The current Shorashim editor uses a single 3D flip card: its wrapper,
     not the inner .flashcard, determines the actual visible size. */
  #learnWorkspace .flip-stage .sc-flipper{
    width:min(620px,calc(100% - 100px))!important;
  }
  #learnWorkspace .flashcard.editable{
    height:clamp(215px,29vh,310px)!important;
    min-height:0!important;
    max-height:310px!important;
  }
  #learnWorkspace .tool-columns > .toolbox{
    padding:9px 11px!important;
    gap:5px!important;
  }
  #learnWorkspace .ux-tool-tabs{
    margin:7px 0 5px!important;
    gap:7px!important;
  }
  #learnWorkspace .art-choice{
    width:64px!important;
    height:64px!important;
    font-size:36px!important;
  }
  #learnWorkspace .editor-actions{
    margin-top:3px!important;
    padding-top:0!important;
  }
  #learnWorkspace .session-footer{
    margin-top:7px!important;
    padding:7px 10px!important;
  }
  #learnWorkspace .ux-quick-save{
    min-height:38px!important;
    font-size:14px!important;
    padding:7px 13px!important;
  }
}
@media (min-width:1024px) and (max-height:720px){
  #learnWorkspace .flip-stage .sc-flipper{
    width:min(500px,calc(100% - 95px))!important;
  }
  #learnWorkspace .flashcard.editable{
    height:clamp(195px,26vh,255px)!important;
    max-height:255px!important;
  }
}