/* CN_MOBILE_DRAWER_DESIGN_20261006 */
@media (max-width:760px){
  body.cn-mobile-nav-open{overflow:hidden!important;overscroll-behavior:none}
  .site-header .utility-bar{display:none!important}

  .site-header .nav-wrap,
  .site-header .nav-wrap.is-open{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:10050!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility 0s linear .22s!important;
  }
  .site-header .nav-wrap.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .22s ease,visibility 0s linear 0s!important;
  }
  .site-header .nav-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(8,14,24,.64);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    opacity:0;
    transition:opacity .24s ease;
  }
  .site-header .nav-wrap.is-open::before{opacity:1}

  .site-header .nav-wrap .shell.nav,
  .site-header .nav-wrap.is-open .shell.nav{
    position:absolute!important;
    z-index:1!important;
    top:12px!important;
    bottom:12px!important;
    left:12px!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:min(390px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)!important;
    box-shadow:0 28px 80px rgba(0,0,0,.34),0 4px 16px rgba(0,0,0,.12)!important;
    white-space:normal!important;
    transform:translateX(calc(-100% - 30px))!important;
    transition:transform .32s cubic-bezier(.2,.8,.2,1)!important;
    -webkit-overflow-scrolling:touch;
  }
  .site-header .nav-wrap.is-open .shell.nav{
    transform:translateX(0)!important;
  }

  .cn-mobile-drawer-head{
    position:sticky;
    z-index:3;
    top:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:82px;
    margin:0 -14px 8px;
    padding:12px 16px;
    border-radius:21px 21px 0 0;
    background:linear-gradient(125deg,#fff 0%,#f2f6fb 100%);
    box-shadow:0 1px 0 rgba(14,32,56,.08);
  }
  .cn-mobile-drawer-brand{display:flex;align-items:center;min-width:0;max-width:calc(100% - 54px)}
  .cn-mobile-drawer-logo{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    flex:0 1 auto!important;width:auto!important;height:auto!important;max-width:100%!important;
    min-width:0!important;margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;
    color:#182236!important;font:900 30px/.95 var(--cond,Arial,sans-serif)!important;
    letter-spacing:-.045em!important;text-decoration:none!important;text-transform:none!important
  }
  .cn-mobile-drawer-logo img{
    display:block!important;width:auto!important;height:auto!important;
    max-width:min(228px,58vw)!important;max-height:50px!important;
    object-fit:contain!important;object-position:left center!important
  }
  .cn-mobile-drawer-close{
    display:grid;place-items:center;flex:0 0 42px;
    width:42px;height:42px;padding:0;
    border:1px solid #e1e6ed;border-radius:50%;
    background:#fff;color:#263346;font:400 27px/1 Arial,sans-serif;
    cursor:pointer;box-shadow:0 3px 10px rgba(20,35,55,.07)
  }
  .cn-mobile-drawer-close:active{transform:scale(.95)}

  .cn-mobile-section-label{
    display:flex;align-items:center;gap:9px;
    margin:8px 3px 5px;
    color:#7a8492;font:800 10px/1.2 var(--sans,Arial,sans-serif);
    letter-spacing:.15em;text-transform:uppercase
  }
  .cn-mobile-section-label::after{content:"";height:1px;flex:1;background:#e3e8ef}
  .site-header .nav-wrap .shell.nav>a,
  .site-header .nav-wrap.is-open .shell.nav>a{
    display:flex!important;position:relative!important;align-items:center!important;
    flex:0 0 auto!important;width:100%!important;min-height:45px!important;
    height:auto!important;max-width:100%!important;margin:0!important;
    padding:10px 12px!important;box-sizing:border-box!important;
    border:0!important;border-radius:12px!important;
    color:#202b3b!important;background:transparent!important;
    font:750 15px/1.25 var(--sans,Arial,sans-serif)!important;
    letter-spacing:0!important;text-transform:none!important;
    text-decoration:none!important;white-space:normal!important;
    overflow-wrap:anywhere!important;box-shadow:none!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important
  }
  .site-header .nav-wrap .shell.nav>a:hover,
  .site-header .nav-wrap .shell.nav>a:focus-visible{
    color:#a70814!important;background:#f0f3f7!important;transform:translateX(2px)
  }
  .site-header .nav-wrap .shell.nav>a.nav-home{
    color:#b20b18!important;background:#fff0f1!important;font-weight:900!important
  }
  .site-header .nav-wrap .shell.nav>a.cn-weather-nav-link{
    margin-top:6px!important;color:#14558a!important;background:#eaf5ff!important;
    border:1px solid #d5eaff!important;font-weight:850!important
  }
  .site-header .nav-wrap .shell.nav>a.cn-report-nav-link{
    margin-top:4px!important;color:#fff!important;
    background:linear-gradient(115deg,#c90b18,#9f0712)!important;
    box-shadow:0 7px 18px rgba(185,9,23,.19)!important;font-weight:850!important
  }
  .site-header .nav-wrap .shell.nav>a.cn-report-nav-link:hover{
    color:#fff!important;background:linear-gradient(115deg,#ad0712,#85050d)!important
  }
  .site-header .nav-wrap .shell.nav .cn-mobile-menu-hidden-3202,
  .site-header .nav-wrap.is-open .shell.nav .cn-mobile-menu-hidden-3202{
    display:none!important
  }
  .cn-mobile-shortcuts-title{margin-top:13px}
  .cn-mobile-shortcuts-title[hidden],.cn-mobile-actions[hidden]{display:none!important}
  .cn-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:3px 0 0}
  .site-header .nav-wrap .shell.nav .cn-mobile-actions>a.cn-mobile-action,
  .site-header .nav-wrap.is-open .shell.nav .cn-mobile-actions>a.cn-mobile-action{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:9px!important;min-height:56px!important;padding:8px!important;
    border:1px solid #e4e9f0!important;border-radius:13px!important;
    background:#fff!important;color:#29364a!important;
    font-size:12px!important;font-weight:800!important;
    box-shadow:0 3px 9px rgba(28,44,66,.04)!important
  }
  .cn-mobile-action-icon{
    display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;
    border-radius:10px;background:#f1f4f8;color:#b20b18;
    font:900 14px/1 var(--sans,Arial,sans-serif)
  }
  .cn-mobile-action-icon::before{content:attr(data-icon)}
  .cn-mobile-actions>a.cn-mobile-action:hover{background:#f6f8fb!important}
  .site-header .menu-button[aria-expanded="true"] span{background:#b20b18}
}

@media (max-width:360px){
  .site-header .nav-wrap .shell.nav,
  .site-header .nav-wrap.is-open .shell.nav{left:8px!important;top:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
}
@media(prefers-reduced-motion:reduce){
  .site-header .nav-wrap,.site-header .nav-wrap.is-open,
  .site-header .nav-wrap .shell.nav,.site-header .nav-wrap.is-open .shell.nav,
  .cn-mobile-drawer-close{transition:none!important}
}

@media(max-width:760px){
  .site-header .nav-wrap .shell.nav .cn-mobile-actions>a.cn-mobile-drawer-admin-hidden,
  .site-header .nav-wrap.is-open .shell.nav .cn-mobile-actions>a.cn-mobile-drawer-admin-hidden{display:none!important}
  .cn-mobile-action-icon::before{content:attr(data-icon)}
}

@media(max-width:760px){.cn-mobile-action-icon[data-icon=""]{display:none!important}}