html.casebattle-scroll-locked,
html.casebattle-scroll-locked body {
  overflow: hidden !important;
}

.hystmodal[aria-hidden="true"],
.light-modal[aria-hidden="true"],
#mobile-menu[aria-hidden="true"],
.casebattle-auth-status[hidden],
.casebattle-auth-retry[hidden],
#caseList > [hidden] {
  display: none !important;
}

.hystmodal.hystmodal--active {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 11000;
  opacity: 1;
  visibility: visible;
  background: rgba(0, 0, 0, .75);
}

.hystmodal .hystmodal__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  height: 100%;
  padding: 24px 12px;
  overflow-y: auto;
  box-sizing: border-box;
}

.hystmodal .hystmodal__window {
  position: relative;
  flex-shrink: 0;
  max-width: 100%;
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  margin: auto;
  transform: none;
  opacity: 1;
  visibility: visible;
  box-sizing: border-box;
}

#login-modal .hystmodal__window { width: min(600px, 100%); }

.light-modal.visible {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 11000;
  padding: 16px 10px;
  align-items: center;
  justify-content: center;
  visibility: visible;
  background: rgba(0, 0, 0, .75);
  box-sizing: border-box;
}

.light-modal.visible .light-modal-content {
  max-width: 100%;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  transform: none;
}

.question-list > li > .__tab__content[hidden] { display: none !important; }
.question-list > li.__tab__open > .__tab__content { display: block; max-height: none; }
.question-list > li > h3[role="button"] { cursor: pointer; }

.case-assets .sort .options[aria-hidden="true"] { display: none !important; }
.case-assets .sort.open .options { display: block; }
.case-assets .sort .options li:focus-visible { outline: 1px solid #d78f4c; outline-offset: -2px; }

#login-modal-auth-btn[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .5;
  pointer-events: auto;
}

#mobile-menu.casebattle-menu-active {
  display: block;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100dvh;
  z-index: 10000;
  visibility: visible;
  opacity: 1;
  transform: none;
  overflow-y: auto;
  background: #171a25;
}

#mobile-menu.casebattle-menu-active .mobile-content {
  padding: 45px 25px;
}

#mobile-menu .close-menu {
  position: absolute;
  right: 16px;
  top: 16px;
}

.casebattle-auth-status {
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 12000;
  width: max-content;
  max-width: calc(100vw - 32px);
  padding: 14px 18px;
  border: 1px solid #5b6172;
  border-radius: 6px;
  background: #232735;
  color: #fff;
  font: 14px/1.5 Arial, sans-serif;
  box-shadow: 0 8px 30px #0008;
  box-sizing: border-box;
}

.casebattle-auth-status p {
  margin: 0;
}

.casebattle-auth-retry {
  margin-top: 8px;
  padding: 6px 10px;
  border: 1px solid #b98535;
  border-radius: 4px;
  background: #b98535;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 600px) {
  .hystmodal .hystmodal__wrap { padding: 16px 10px; }
  .hystmodal .hystmodal__window { max-height: calc(100dvh - 32px); }
}

.casebattle-editorial{box-sizing:border-box;max-width:1200px;margin:35px auto;padding:24px;color:#bcb9cd;line-height:1.7;border-top:1px solid #282f3e}
.casebattle-editorial h1{font-size:22px;line-height:1.4;color:#e7e5ef}
.casebattle-editorial h2{font-size:18px;color:#d2cfe0}
.homepage #caseList .category-title h2,.homepage #caseList .filter-title h2{font-size:15px;font-weight:bold;margin:35px}
footer .casebattle-footer-description{font-size:inherit;font-weight:inherit;margin:0}
@media(max-width:600px){.casebattle-editorial{margin:20px 12px;padding:16px 4px}.casebattle-editorial h1{font-size:19px}}
