/* Mobile-first spacing for independent NET pages */
@media (max-width: 700px){
  #chapter2Pane .chapter03-shell{
    width:min(100%, 520px)!important;
    margin:0 auto!important;
    padding:8px 10px 16px!important;
    box-sizing:border-box!important;
  }
  #chapter2Pane .net-divider{
    margin-top:6px!important;
    margin-bottom:8px!important;
  }
  #chapter2Pane .quiz,
  #chapter2Pane [class*="quiz"]{
    margin-top:8px!important;
    margin-bottom:8px!important;
  }
  #chapter2Pane iframe{
    width:100%!important;
    max-width:100%!important;
  }
  .separate-page-nav{
    position:sticky;
    bottom:6px;
    z-index:30;
    margin:10px 4px 8px!important;
    padding:6px!important;
    border-radius:16px;
    background:rgba(255,255,255,.94);
    box-shadow:0 5px 18px rgba(55,92,84,.12);
    backdrop-filter:blur(8px);
  }
  .separate-page-nav a{
    flex:1 1 0!important;
    min-width:0!important;
    padding:8px 5px!important;
    font-size:12px!important;
    text-align:center!important;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}