/* v2.10.52 — mobile stat alignment and stable mobile header transitions */

/* Match the desktop stat-card alignment on mobile. */
@media (max-width:760px){
  body[data-page="home"] .panel-card .pc-stats{
    align-items:stretch!important;
  }
  body[data-page="home"] .panel-card .pc-stat{
    display:grid!important;
    grid-template-rows:38px 22px!important;
    align-content:center!important;
    justify-items:center!important;
    row-gap:12px!important;
    min-height:118px!important;
    padding:18px 8px!important;
    text-align:center!important;
  }
  body[data-page="home"] .panel-card .pc-stat > b,
  body[data-page="home"] .panel-card .pc-stat .pc-limit-value{
    align-self:end!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(22px,7vw,30px)!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
  }
  body[data-page="home"] .panel-card .pc-stat > span,
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit > span{
    align-self:start!important;
    display:block!important;
    margin:0!important;
    line-height:1!important;
    text-align:center!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit{
    padding:18px 8px!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value{
    position:relative!important;
    color:var(--blue)!important;
  }
  html[data-theme="dark"] body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value{
    color:#46b9f7!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value > span{
    display:block!important;
    line-height:1!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value small{
    position:absolute!important;
    left:50%!important;
    top:-13px!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    padding:0!important;
    font-size:7px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    white-space:nowrap!important;
    color:var(--text-mut)!important;
  }
  html[data-theme="dark"] body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value small{
    color:#bed1e1!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit > span{
    margin-top:0!important;
  }
}
@media (max-width:390px){
  body[data-page="home"] .panel-card .pc-stat{
    grid-template-rows:34px 20px!important;
    row-gap:10px!important;
    min-height:110px!important;
    padding:16px 6px!important;
  }
  body[data-page="home"] .panel-card .pc-stat > b,
  body[data-page="home"] .panel-card .pc-stat .pc-limit-value{
    font-size:clamp(20px,6.8vw,26px)!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit{
    padding:16px 6px!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value small{
    top:-11px!important;
    font-size:7px!important;
  }
}

/* Touch devices should never show the desktop brand underline/fade. */
@media (max-width:1360px){
  header.nav .brand,
  header.nav .brand:hover,
  header.nav .brand:focus,
  header.nav .brand:focus-visible,
  header.nav .brand:active{
    transform:none!important;
    filter:none!important;
  }
  header.nav .brand::after,
  header.nav .brand:hover::after,
  header.nav .brand:focus::after,
  header.nav .brand:focus-visible::after,
  header.nav .brand:active::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    transform:none!important;
    transition:none!important;
  }

  /* Freeze the current header presentation until the destination document paints. */
  html.cb-page-departing header.nav,
  html.cb-page-departing header.nav .nav-in,
  html.cb-page-departing header.nav .brand,
  html.cb-page-departing header.nav .brand img,
  html.cb-page-departing header.nav .burger,
  html.cb-page-departing header.nav .burger i,
  html.cb-page-departing .mobile-menu{
    transition:none!important;
    animation:none!important;
  }

  /* A normal header navigation (including the logo) must remain normal. */
  html.cb-page-departing.cb-depart-header-only .mobile-menu{
    visibility:hidden!important;
    opacity:0!important;
    transform:translateY(-100%)!important;
    pointer-events:none!important;
  }
  html.cb-page-departing.cb-depart-header-only header.nav .burger i:first-child{
    top:0!important;
    transform:none!important;
  }
  html.cb-page-departing.cb-depart-header-only header.nav .burger i:nth-child(2){
    top:10px!important;
    opacity:1!important;
    transform:none!important;
  }
  html.cb-page-departing.cb-depart-header-only header.nav .burger i:nth-child(3){
    top:20px!important;
    transform:none!important;
  }

  html.cb-page-departing.cb-depart-header-only body.nav-solid header.nav .nav-in,
  html.cb-page-departing.cb-depart-header-only body.nav-compact header.nav .nav-in{
    background:rgba(255,255,255,.86)!important;
    -webkit-backdrop-filter:saturate(160%) blur(16px)!important;
    backdrop-filter:saturate(160%) blur(16px)!important;
    box-shadow:0 10px 30px -16px rgba(10,32,56,.35),0 1px 0 rgba(226,234,244,.9)!important;
  }
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-solid header.nav .nav-in,
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-compact header.nav .nav-in{
    background:linear-gradient(135deg,rgba(5,22,38,.94),rgba(8,33,56,.9))!important;
    border-color:rgba(121,188,231,.2)!important;
    box-shadow:0 24px 56px -34px rgba(0,0,0,.86),inset 0 1px 0 rgba(255,255,255,.07)!important;
  }
  html.cb-page-departing.cb-depart-header-only body.nav-solid header.nav .brand .logo-light,
  html.cb-page-departing.cb-depart-header-only body.nav-compact header.nav .brand .logo-light{
    display:block!important;
    opacity:1!important;
  }
  html.cb-page-departing.cb-depart-header-only body.nav-solid header.nav .brand .logo-dark,
  html.cb-page-departing.cb-depart-header-only body.nav-compact header.nav .brand .logo-dark{
    display:none!important;
    opacity:0!important;
  }
  html.cb-page-departing.cb-depart-header-only body.nav-solid header.nav .burger i,
  html.cb-page-departing.cb-depart-header-only body.nav-compact header.nav .burger i{
    background:var(--text)!important;
  }
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-solid header.nav .brand .logo-dark,
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-compact header.nav .brand .logo-dark{
    display:block!important;
    opacity:1!important;
  }
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-solid header.nav .brand .logo-light,
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-compact header.nav .brand .logo-light{
    display:none!important;
    opacity:0!important;
  }
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-solid header.nav .burger i,
  html[data-theme="dark"].cb-page-departing.cb-depart-header-only body.nav-compact header.nav .burger i{
    background:#f7fbff!important;
  }

  html.cb-page-departing.cb-depart-header-only body:not(.nav-solid):not(.nav-compact) header.nav .nav-in{
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html.cb-page-departing.cb-depart-header-only body:not(.nav-solid):not(.nav-compact) header.nav .brand .logo-dark{
    display:block!important;
    opacity:1!important;
  }
  html.cb-page-departing.cb-depart-header-only body:not(.nav-solid):not(.nav-compact) header.nav .brand .logo-light{
    display:none!important;
    opacity:0!important;
  }
  html.cb-page-departing.cb-depart-header-only body:not(.nav-solid):not(.nav-compact) header.nav .burger i{
    background:#f7fbff!important;
  }

  /* Menu navigation keeps the open menu and its current close-header state visible. */
  html.cb-page-departing.cb-depart-menu-open .mobile-menu{
    visibility:visible!important;
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:none!important;
  }
}

/* Correct the desktop facility value scale while preserving the aligned rows. */
@media (min-width:761px){
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value{
    font-size:20px!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
  }
  body[data-page="home"] .panel-card .pc-stat.pc-stat-limit .pc-limit-value small{
    top:-22px!important;
    font-size:9px!important;
    letter-spacing:.11em!important;
  }
}
