html, body { margin: 0; min-width: 320px; }
body { background: var(--background-color, #f5f7fa); }
#app { min-height: 100vh; }
.background-decoration { display: none !important; }
.site-logo, .top-toolbar, .slide-tabs-container { box-sizing: border-box; }
.site-logo { max-width: 260px; }
.site-logo-img { width: 30px; height: 30px; object-fit: contain; }
.site-logo, .nav-text { letter-spacing: 0; }
@media (min-width: 1240px) {
  .slide-tabs-container { width: max-content !important; max-width: calc(100vw - 550px); left: 50% !important; transform: translateX(-50%) !important; }
}
@media (min-width: 769px) and (max-width: 1239px) {
  .slide-tabs-container { width: max-content !important; max-width: calc(100vw - 40px); left: 50% !important; top: 84px !important; transform: translateX(-50%) !important; }
  .content-area { padding-top: 156px !important; }
}
@media (max-width: 420px) {
  .site-logo { left: 12px !important; font-size: 14px !important; padding: 6px 8px !important; gap: 6px !important; }
  .site-logo-img { width: 24px; height: 24px; }
  .top-toolbar { right: 12px !important; gap: 6px !important; }
}