/* =========================================================
   GIC Focus Controls Scroll v1
   Goal: top controls appear at the beginning of a layer, then
   scroll away with the layer content. The bottom rail remains.
   ========================================================= */

main.gic-final-study-page .gic-layer-panel .gic-layer-head,
main.gic-final-study-page .gic-layer-panel .gic-layer-head-actions{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;
  z-index:2!important;
  transform:none!important;
  translate:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}

/* Do not let individual top actions become fixed/sticky either. */
main.gic-final-study-page .gic-layer-panel :is(
  .gic-grammar-save,
  .gic-grammar-save-text,
  .gic-language-save,
  .gic-language-save-text,
  .gic-layer-focus,
  .gic-layer-close
){
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;
  z-index:auto!important;
  transform:none!important;
}

/* The top action row is part of normal reading flow. */
main.gic-final-study-page .gic-layer-panel .gic-layer-head{
  flex:0 0 auto!important;
  width:100%!important;
  margin:0 0 10px!important;
  background:transparent!important;
}

/* No fade/overlay curtain above content while scrolling. */
main.gic-final-study-page .gic-layer-panel .gic-layer-head::before,
main.gic-final-study-page .gic-layer-panel .gic-layer-head::after,
main.gic-final-study-page .gic-layer-panel .gic-layer-head-actions::before,
main.gic-final-study-page .gic-layer-panel .gic-layer-head-actions::after{
  display:none!important;
  content:none!important;
}

/* Keep enough breathing room when the toolbar has scrolled out of view. */
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial{
  scroll-margin-top:12px!important;
}

/* Mobile: slightly tighter toolbar so the first screen shows more lesson. */
@media(max-width:560px){
  main.gic-final-study-page .gic-layer-panel .gic-layer-head{
    min-height:36px!important;
    margin-bottom:8px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}