:root{
  --sw-cover-chrome-width:clamp(580px,46vw,660px);
  --sw-cover-chrome-height:60px;
  --sw-cover-chrome-pad:6px;
  --sw-cover-chrome-gap:6px;
}

html body .swTop .swTabs,
html body .swTop nav,
html body .karaokeServiceNav{
  width:var(--sw-cover-chrome-width)!important;
  max-width:calc(100vw - 32px)!important;
  min-height:var(--sw-cover-chrome-height)!important;
  height:var(--sw-cover-chrome-height)!important;
  padding:var(--sw-cover-chrome-pad)!important;
  gap:var(--sw-cover-chrome-gap)!important;
  border-radius:999px!important;
}

html body .swTop .swTabs a,
html body .swTop nav a,
html body .karaokeServiceNav a{
  min-height:48px!important;
  padding-inline:12px!important;
  font-size:clamp(13px,.92vw,16px)!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

html body .swPage{
  padding-top:clamp(22px,4vw,40px)!important;
}

html body .swTop{
  margin-bottom:12px!important;
}

html body .swCopy h1,
html body .shell h1,
html body .swIntro h1{
  margin-block:0!important;
  font-weight:550!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}

html body .swLead,
html body .swIntro p{
  margin-top:14px!important;
  line-height:1.45!important;
}

html body .swHero,
html body .swIntro{
  gap:clamp(22px,3vw,40px)!important;
}

html body .swMain{
  padding-top:30px!important;
}

html body .swStep{
  padding-block:26px!important;
}

html body .swStepHead{
  margin-bottom:14px!important;
}

html body .panel{
  gap:12px!important;
}

@media(max-width:640px){
  html body .swTop .swTabs,
  html body .swTop nav,
  html body .karaokeServiceNav{
    width:calc(100vw - 24px)!important;
    max-width:none!important;
    height:56px!important;
    min-height:56px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }

  html body .swTop .swTabs::-webkit-scrollbar,
  html body .swTop nav::-webkit-scrollbar,
  html body .karaokeServiceNav::-webkit-scrollbar{
    display:none!important;
  }

  html body .swTop .swTabs a,
  html body .swTop nav a,
  html body .karaokeServiceNav a{
    flex:0 0 auto!important;
    min-height:44px!important;
    padding-inline:13px!important;
    font-size:13px!important;
  }

  html body .swPage{
    padding-top:18px!important;
  }

  html body .swMain{
    padding-top:22px!important;
  }
}