/*
 * Certigate 1.36.24 — Safari-safe learner rail.
 * The complete aside is portaled to body; the content keeps a permanent 222px column.
 */
@media (min-width:821px){
  html .cgcs-app{
    display:grid!important;
    grid-template-columns:222px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    position:relative!important;
    width:100%!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    overflow:visible!important;
    background:linear-gradient(90deg,#082838 0,#082838 222px,transparent 222px)!important;
  }

  html .cgcs-app > .cgcs-mobile-top{display:none!important}

  html .cgcs-app > .cgcs-side{
    grid-column:1!important;
    grid-row:1!important;
    width:222px!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    background:linear-gradient(180deg,#082838 0%,#061f2c 100%)!important;
  }

  html body > .cgcs-side[data-cgcs-side-portaled="v1.36.24"]{
    display:block!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:222px!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;
    min-height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
    contain:none!important;
    z-index:1000!important;
    background:linear-gradient(180deg,#082838 0%,#061f2c 100%)!important;
  }

  html body > .cgcs-side[data-cgcs-side-portaled="v1.36.24"] > .cgcs-side-sticky{
    display:flex!important;
    position:static!important;
    inset:auto!important;
    width:222px!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:14px 12px!important;
    overflow:hidden!important;
    transform:none!important;
    translate:none!important;
    box-sizing:border-box!important;
    flex-direction:column!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html .cgcs-app > .cgcs-main{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    left:auto!important;
    width:auto!important;
    max-width:calc(100vw - 222px)!important;
    min-width:0!important;
    margin:0!important;
    padding-left:clamp(20px,3vw,48px)!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }
}

@media (max-width:820px){
  html .cgcs-app{display:block!important;background:transparent!important}
}