/* The reference stylesheet controls the layout. These rules add accessibility
   and guard against overflow on the narrowest supported screens. */
button[data-copy-ip] { cursor: pointer; }
.menu-collapse button[data-copy-ip] { text-transform: none; }
:focus-visible { outline: 3px solid #f7ad15; outline-offset: 5px; }
.toast-message { color: #fff; background: #242424; padding: .65rem 1.2rem; border-radius: .375rem; box-shadow: 0 4px 20px #0008; }
#team nav button { cursor: pointer; }
#team .team-render { pointer-events: none; }
#team .team-bios { position: relative; transition: height .5s ease; }
#team .team-bio-leaving { position: absolute; inset: 0 0 auto; pointer-events: none; }
#team nav ul { transition: transform .2s ease; will-change: transform; }
#team .team-head { transition: translate .2s ease, transform .2s ease; }
#team .progress { transition: none; }
.toc-container { max-height: calc(100vh - 160px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #505050 transparent; }
.toc-container a { overflow-wrap: anywhere; }
.toc-container a[aria-current="location"] { color: #fff; }
@media (992px <= width < 1100px) {
  #team [name="fadeText"] { height: auto; min-height: 220px; }
}
@media (width < 992px) {
  .menu-collapse { flex-direction: column; align-items: stretch; }
  .menu-collapse > ul { display: block; }
  .menu-collapse > ul > li { margin-bottom: 1rem; }
  .menu-collapse > ul > li > a,
  .menu-collapse > ul > li > button { padding: 1.5rem; }
  .menu-collapse .bg-discord span { display: inline; }
  .menu-collapse:not(.open) { visibility: hidden; }
  .menu-collapse.open { visibility: visible; }
}
@media (width >= 992px) {
  .menu-collapse { pointer-events: auto; opacity: 1; visibility: visible; position: static; padding: 0; }
}
@media (width < 380px) {
  footer button[data-copy-ip] { font-size: .85rem; padding-inline: .65rem; gap: .5rem; }
  .menu-collapse button[data-copy-ip] { font-size: 1rem; padding-inline: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

.cms-pagination { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 48px 0 20px; }
.cms-page { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 5px; color: #aaa; background: #171717; font-weight: bold; }
.cms-page:hover, .cms-page.is-current { background: #f5bd29; color: #442b14; }

/* Preserve the configured server's capitalization in the copy buttons. */
[data-copy-ip] { text-transform: none; }
[data-player-count] { white-space: nowrap; }

.guide-heading{text-align:center;margin:0 auto 3rem;max-width:52rem}.guide-heading h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.guide-heading p{color:#b7c4d5;white-space:pre-line}