@import url('/css/tutor-presence-v2.css');

/* Lessons, questions, results and flashcards live in the same SOMOS shell. */
body.gx-play #screen-hub .hb-main > .hb-view{display:none;}
#screen-hub #screen-ex{max-width:none;margin:0;padding:0;min-width:0;container-type:inline-size;container-name:exercise;}
#screen-hub #screen-ex > .gx-bg{display:none;}
body.slc-aberta #screen-ex > :not(#somos-licao-ecra){display:none!important;}
#screen-hub #screen-ex .gx-top{background:var(--card);border-color:var(--border);}
#screen-hub #screen-ex .gx-stage{min-width:0;}
@container exercise (max-width:980px){
  body.gx-tutor-lado #screen-ex .gx-stage{display:block;}
  body.gx-tutor-lado #screen-ex .gx-stage > .tu-panel{position:static;margin-top:18px;}
}
/* Retain the platform's standard mobile width and bottom navigation. */
@media(min-width:480px) and (max-width:1023px){body.gx-play{max-width:430px;}}
@media(max-width:1023px){
  #screen-hub #screen-ex .gx-top{grid-template-columns:minmax(0,1fr) auto;gap:10px;}
  #screen-hub #screen-ex .gx-top-right{grid-column:2;}
  #screen-hub #screen-ex .gx-progress{grid-column:1/-1;grid-row:2;}
}