/* Mobile course navigation based on the working Web Technologies drawer. */
.cb-mobile-course-toggle,.cb-mobile-course-backdrop,.cb-mobile-course-sidebar{display:none}
@media (max-width:820px){
  body.cb-mobile-course-ready .cb-mobile-course-toggle{
    display:block!important;position:relative!important;top:auto!important;z-index:2!important;
    width:100%!important;min-height:46px!important;margin:0!important;padding:13px 18px!important;
    border:0!important;border-radius:0!important;background:#103a59!important;color:#fff!important;
    box-shadow:0 3px 9px #122b401a!important;font:750 1rem/1.3 Arial,sans-serif!important;
    text-align:left!important;cursor:pointer!important
  }
  body.cb-mobile-course-ready .cb-mobile-course-backdrop:not([hidden]){
    display:block!important;position:fixed!important;inset:var(--cb-mobile-course-top,110px) 0 0!important;
    z-index:930!important;background:rgba(7,24,40,.56)!important
  }
  body.cb-mobile-course-ready .cb-mobile-course-sidebar{
    box-sizing:border-box!important;display:block!important;
    position:fixed!important;top:var(--cb-mobile-course-top,110px)!important;bottom:0!important;left:0!important;
    z-index:950!important;width:min(360px,calc(100vw - 44px))!important;
    min-width:0!important;max-width:calc(100vw - 44px)!important;
    height:auto!important;max-height:none!important;margin:0!important;padding:14px 12px 38px!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    border:0!important;border-radius:0!important;background:#fff!important;
    box-shadow:15px 0 30px #10263f35!important;
    transform:translateX(-105%)!important;transition:transform .22s ease!important;
    color:#10263f!important;font-family:Arial,sans-serif!important
  }
  body.cb-mobile-course-ready .cb-mobile-course-sidebar.is-open{transform:translateX(0)!important}
  body.cb-mobile-course-open{overflow:hidden!important}
  body.cb-mobile-course-ready .cb-mobile-course-sidebar .cb-mobile-course-header{
    display:block;margin-bottom:10px;padding:18px;border:1px solid #27435d;
    border-radius:14px;background:#102b45;box-shadow:0 5px 18px #10263f16
  }
  body.cb-mobile-course-ready .cb-mobile-course-header span{
    display:block;margin:0 0 5px;color:#f4c759;font-size:10px;font-weight:900;letter-spacing:.13em
  }
  body.cb-mobile-course-ready .cb-mobile-course-header h2{
    margin:0 0 6px;color:#fff;font:750 20px/1.3 Arial,sans-serif
  }
  body.cb-mobile-course-ready .cb-mobile-course-header p{
    margin:0;color:#d4e7f4;font:12px/1.55 Arial,sans-serif
  }
  body.cb-mobile-course-ready .cb-mobile-course-sidebar .cb-mobile-course-home{
    box-sizing:border-box;display:flex;align-items:center;min-height:44px;
    margin:8px 0 12px;padding:10px 13px;border:1px solid #d4e2f0;border-radius:9px;
    background:#fff;color:#10263f;font:750 13px/1.35 Arial,sans-serif;text-decoration:none
  }
  body.cb-mobile-course-ready .cb-mobile-course-search{
    box-sizing:border-box;display:block;width:100%;min-height:42px;margin:0 0 12px;padding:9px 12px;
    border:1px solid #c9d9e8;border-radius:9px;background:#fff;color:#10263f;
    font:13px Arial,sans-serif
  }
  body.cb-mobile-course-ready .cb-mobile-course-search[hidden]{display:none}
  body.cb-mobile-course-ready .cb-mobile-course-sidebar .cb-mobile-course-group{
    display:block;margin:15px 0 5px;padding:8px 10px;color:#815809;
    font:900 11px/1.4 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase
  }
  body.cb-mobile-course-ready .cb-mobile-course-sidebar .cb-mobile-course-link{
    box-sizing:border-box;display:flex;align-items:center;gap:9px;min-height:48px;
    margin:0 0 5px;padding:9px 8px;border:1px solid #d4e2f0;border-radius:9px;
    background:#fff;color:#10263f;font:650 13px/1.4 Arial,sans-serif;
    text-align:left;text-decoration:none;overflow-wrap:anywhere
  }
  body.cb-mobile-course-ready .cb-mobile-course-link .cb-mobile-course-number{
    flex:0 0 28px;box-sizing:border-box;display:grid;place-items:center;min-height:27px;
    border:1px solid #d7e8f0;border-radius:6px;background:#edf6fa;color:#086b7b;
    font:800 10px/1 Arial,sans-serif
  }
  body.cb-mobile-course-ready .cb-mobile-course-link strong{min-width:0;font:650 13px/1.4 Arial,sans-serif}
  body.cb-mobile-course-ready .cb-mobile-course-link:is(:hover,:focus-visible,.current),
  body.cb-mobile-course-ready .cb-mobile-course-home:is(:hover,:focus-visible){
    border-color:#a9d5e0;background:#e9f6fa;color:#10263f
  }
  body.cb-mobile-course-ready .cb-mobile-course-sidebar :is(a,input):focus-visible,
  body.cb-mobile-course-ready .cb-mobile-course-toggle:focus-visible{outline:3px solid #e8b93c;outline-offset:2px}

  /* Hide each legacy mobile menu; the original sidebar remains for desktop. */
  body.cb-mobile-course-ready :is(.docs-layout,.os-layout,.cn-layout,.lesson-layout)>
    :is(.sidebar,.os-sidebar,.cn-nav,.lesson-sidebar,aside#sidebar){display:none!important}
  body.cb-mobile-course-ready :is(.os-sidebar-toggle,.aiml-sidebar-toggle,.dbms-sidebar-toggle,
    .python-sidebar-toggle,.lesson-menu,.os-sidebar-backdrop,.aiml-sidebar-backdrop,
    .dbms-sidebar-backdrop,.python-sidebar-backdrop,.sidebar-shade,.shade){display:none!important}
  body.cb-mobile-course-ready :is(.docs-layout,.os-layout,.cn-layout,.lesson-layout){display:block!important;min-width:0!important}
  body.cb-mobile-course-ready :is(.docs-layout,.os-layout,.cn-layout,.lesson-layout)>main{
    width:100%!important;min-width:0!important;margin-inline:auto!important
  }
}
@media (prefers-reduced-motion:reduce){body.cb-mobile-course-ready .cb-mobile-course-sidebar{transition:none!important}}