











.site-header{
  position:relative;z-index:1000;height:var(--header-h);
  background:linear-gradient(180deg,rgba(47,127,224,.97) 0%,rgb(0 162 159) 100%);
  backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(8,31,72,.18)
}
.site-header .container,.site-header .header-inner{background:transparent}
.site-header .header-inner{position:relative;height:var(--header-h);display:flex;align-items:center;gap:12px;min-width:0}
.site-header .brand{flex:0 1 auto;min-width:0}
.site-header .brand__link{display:inline-flex;align-items:center;gap:clamp(9px,.9vw,14px);padding:2px 0;max-width:calc(100vw - 88px);min-width:0}
.site-header .brand__logo{height:clamp(48px,4.5vw,66px);width:auto;max-width:100%;object-fit:contain;border-radius:var(--apk-logo-radius);filter:drop-shadow(0 2px 6px rgba(0,0,0,.12));flex:0 0 auto}
.site-header .brand__wordmark{display:inline-flex;align-items:baseline;gap:.24em;min-width:0;white-space:nowrap;font-size:clamp(15px,1.7vw,25px);font-weight:900;line-height:1;letter-spacing:-.03em;text-shadow:0 1px 3px rgba(4,24,43,.28)}
.site-header .brand__wordmark-yono{color:#ffd24a}
.site-header .brand__wordmark-amp{color:#fff}
.site-header .brand__wordmark-rummy{color:#64e49a}
.site-header .brand__wordmark-apks{color:#fff}
.site-header .hamburger{display:none;margin-left:0;flex:0 0 auto;width:clamp(44px,3.3vw,50px);height:clamp(44px,3.3vw,50px);align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 100%);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:999px;padding:0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 12px rgba(8,29,65,.10)}
.site-header .hamburger .icon{width:22px;height:22px}


.site-header .site-nav{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;min-width:0;margin-left:auto}
.site-header .desktop-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.8vw,28px);list-style:none;margin:0;padding:0}
.site-header .desktop-menu li{margin:0;padding:0}
.site-header .desktop-menu a{display:inline-flex;align-items:center;min-height:38px;padding:5px 0;color:#fff;font-size:clamp(10px,.45vw + 8px,13px);font-weight:760;line-height:1.1;white-space:nowrap;text-shadow:0 1px 2px rgba(4,24,43,.18)}
.site-header .desktop-menu a:hover,.site-header .desktop-menu .current-menu-item>a,.site-header .desktop-menu .current_page_item>a{color:#fff3b4}


.drawer-backdrop{position:fixed;inset:0;background:rgba(7,16,31,.48);z-index:999;touch-action:none;overscroll-behavior:none}
.mobile-drawer{position:fixed;left:0;right:0;top:var(--header-h);z-index:1001;background:linear-gradient(180deg,rgba(14,29,56,.98) 0%,rgba(10,22,43,.98) 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 18px 28px rgba(0,0,0,.24);max-height:min(70vh,620px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;transform-origin:top;animation:drawerIn .28s ease}
.admin-bar .mobile-drawer{top:calc(var(--header-h) + 32px)}
@keyframes drawerIn{from{transform:translateY(-6px) scaleY(.96);opacity:0}to{transform:translateY(0) scaleY(1);opacity:1}}
.mobile-drawer__inner{width:min(100%,1040px);margin-inline:auto;padding:14px var(--gutter) 18px}
.mobile-menu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mobile-menu a{display:flex;align-items:center;min-height:44px;padding:11px 12px;border-radius:12px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);font-weight:750}
.mobile-menu a:hover,.mobile-menu .current-menu-item>a,.mobile-menu .current_page_item>a{background:rgba(255,255,255,.12)}


.header-link-bar{position:relative;z-index:20;background:#fff;border-bottom:1px solid rgba(21,60,107,.08)}
.header-link-bar__inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:min(100%,860px);min-height:48px;margin-inline:auto;padding:0;white-space:nowrap}
.header-link-bar__item{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:5px 18px;color:#355273;font-size:12px;font-weight:760;line-height:1.1;text-align:center;transition:color .18s ease,background-color .18s ease}
.header-link-bar__item + .header-link-bar__item::before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(53,82,115,.18),transparent)}
.header-link-bar__item::after{content:"";position:absolute;left:22%;right:22%;bottom:3px;height:2px;border-radius:999px;background:currentColor;transform:scaleX(0);opacity:.75;transition:transform .18s ease}
.header-link-bar__item:hover,.header-link-bar__item.is-current{color:#1f78dc;background:linear-gradient(180deg,rgba(31,120,220,0),rgba(31,120,220,.035))}
.header-link-bar__item:hover::after,.header-link-bar__item.is-current::after{transform:scaleX(1)}
.header-link-bar__item.is-disabled{opacity:.45;pointer-events:none}
.header-link-bar__item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:767px){
  .site-header .site-nav{display:none}
  .site-header .hamburger{display:inline-flex}
  .site-header .brand{min-width:0;flex:0 1 auto;order:1}
  .site-header .brand__link{max-width:calc(100vw - 88px)}
  .site-header .hamburger{order:2;margin-left:auto}


  .header-link-bar__inner{
    display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;min-height:44px;
    padding:6px 8px;white-space:nowrap;overflow:hidden
  }
  .header-link-bar__item{
    width:auto;min-width:0;min-height:32px;flex:0 1 auto;padding:4px 0;
    font-size:clamp(8px,2.45vw,10.5px);line-height:1.15;background:none!important;overflow:visible
  }
  .header-link-bar__item + .header-link-bar__item::before{
    content:"·";position:static;display:inline-block;flex:0 0 auto;width:auto;height:auto;margin:0 clamp(4px,1.2vw,8px);
    transform:none;background:none;color:#91a2b6;font-size:1.35em;font-weight:900;line-height:1
  }
  .header-link-bar__item::after{left:0;right:0;bottom:0;height:2px}
  .header-link-bar__item span{overflow:visible;text-overflow:clip;white-space:nowrap}
}
@media(min-width:768px){
  .mobile-drawer,.drawer-backdrop{display:none!important}
}
@media(max-width:560px){
  .site-header .header-inner{gap:6px}
  .site-header .brand__link{gap:8px;max-width:calc(100vw - 76px)}
  .site-header .brand__logo{height:52px}
  .site-header .brand__wordmark{font-size:clamp(15px,4.35vw,18px);gap:.17em;letter-spacing:-.04em}
  .site-header .hamburger{width:42px;height:42px}
  .mobile-menu{grid-template-columns:1fr}
  .header-link-bar__inner{padding-inline:6px}
  .header-link-bar__item{font-size:clamp(8px,2.38vw,10px)}
}
@media(max-width:360px){
  .site-header .brand__link{gap:6px;max-width:calc(100vw - 70px)}
  .site-header .brand__logo{height:47px}
  .site-header .brand__wordmark{font-size:12.5px}
  .site-header .hamburger{width:40px;height:40px}
  .header-link-bar__inner{padding-inline:4px}
  .header-link-bar__item{font-size:7.8px}
  .header-link-bar__item + .header-link-bar__item::before{margin-inline:3.5px}
}

@media screen and (max-width:782px){
  .admin-bar .mobile-drawer{top:calc(var(--header-h) + 46px)}
}
