/* SKILX mobile navigation */
.skx-header .skx-logo,
.skx-header img{width:134px!important}

.skx-menu-toggle{
  display:none;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(92,229,239,.28);
  border-radius:12px;
  background:rgba(92,229,239,.06);
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  flex:0 0 48px;
}
.skx-menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:2px;
  background:#d9e7ee;
  transition:transform .2s ease,opacity .2s ease,background .2s ease;
}
.skx-menu-toggle span:nth-child(2){background:#5ce5ef}
.skx-menu-toggle:focus-visible{outline:2px solid #5ce5ef;outline-offset:3px}

@media(max-width:1100px){
  .skx-header .skx-logo,
  .skx-header img{width:126px!important}
  .skx-header .skx-nav{position:relative}
  .skx-menu-toggle{display:inline-flex;margin-left:auto}
  .skx-nav-links{
    position:absolute;
    top:calc(100% - 1px);
    left:0;
    right:0;
    z-index:80;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:0!important;
    padding:10px;
    background:#070b10;
    border:1px solid rgba(255,255,255,.09);
    border-radius:0 0 14px 14px;
    box-shadow:0 24px 55px rgba(0,0,0,.38);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-7px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  .skx-header.skx-menu-open .skx-nav-links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
  .skx-nav-links>a,
  .skx-nav-links>a:not(.skx-nav-cta){
    display:flex!important;
    align-items:center;
    min-height:52px;
    padding:0 14px;
    color:#e6eef3!important;
    border-bottom:1px solid rgba(255,255,255,.065);
    font-size:.98rem;
    font-weight:760;
  }
  .skx-nav-links>a:hover{color:#5ce5ef!important}
  .skx-nav-links>.skx-account-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:10px!important;
    width:100%;
    margin:12px 0 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  .skx-nav-links .skx-account-actions a{
    display:flex!important;
    width:100%;
    min-height:48px;
    padding:0 14px!important;
    justify-content:center;
  }
  .skx-nav-links>.skx-account-pill{
    display:flex!important;
    width:100%;
    margin-top:10px;
  }
  .skx-header.skx-menu-open .skx-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .skx-header.skx-menu-open .skx-menu-toggle span:nth-child(2){opacity:0}
  .skx-header.skx-menu-open .skx-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

@media(max-width:560px){
  .skx-header .skx-logo,
  .skx-header img{width:114px!important}
  .skx-menu-toggle{width:44px;height:44px;flex-basis:44px;border-radius:11px}
  .skx-nav-links{padding:9px}
  .skx-nav-links>.skx-account-actions{gap:8px!important}
  .skx-nav-links .skx-account-actions a{min-height:46px;padding:0 10px!important;font-size:.88rem}

  /* Compact mobile footer: brand first, then SKILX and Explore side by side. */
  .skx-footer{padding:48px 0 24px}
  .skx-footer-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:clamp(24px,8vw,42px)!important;
    row-gap:32px!important;
  }
  .skx-footer-grid>div:first-child{grid-column:1 / -1}
  .skx-footer-grid>div:nth-child(2){grid-column:2;grid-row:2}
  .skx-footer-grid>div:nth-child(3){grid-column:1;grid-row:2}
  .skx-footer-logo,
  .skx-footer img{width:132px!important;margin-bottom:14px}
  .skx-footer p{margin:0;max-width:100%;font-size:.9rem;line-height:1.6}
  .skx-footer h4{margin:0 0 12px;font-size:.93rem;line-height:1.2}
  .skx-footer-links{gap:8px}
  .skx-footer-links a{font-size:.84rem;line-height:1.42}
  .skx-footer-bottom{margin-top:34px;padding-top:18px;font-size:.74rem;line-height:1.5}
}