/* Shared floating header. Equal side columns keep navigation truly centered. */
body > nav.r58-floating-header {
  position:relative;
  top:auto;
  z-index:200;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:20px;
  width:calc(100% - 48px);
  max-width:1920px;
  min-height:70px;
  height:auto;
  margin:20px auto 24px;
  padding:10px 20px;
  flex-shrink:0;
  overflow:visible;
  border:2px solid #1d2631;
  border-color:#1d2631!important;
  border-radius:18px;
  background:rgba(15,22,31,.96)!important;
  box-shadow:0 12px 32px #0003;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  color:#a4aab8;
  font-family:Inter,system-ui,sans-serif;
  box-sizing:border-box;
}
.r58-floating-header .r58-brand {
  display:flex;
  align-items:center;
  justify-self:start;
  min-width:0;
  text-decoration:none;
}
.r58-floating-header .r26-brand {width:170px;}
body > nav.r58-floating-header > .r58-links {
  --r60-selection-padding:6px;
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  gap:16px;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
}
.r58-links > li {position:relative;min-width:0;}
body > nav.r58-floating-header .r58-links > .r60-nav-selection {
  position:absolute;
  left:0;
  top:0;
  z-index:0;
  flex:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:12px;
  background:#1a2634;
  box-shadow:none;
  pointer-events:none;
  opacity:0;
  transition:none;
}
body > nav.r58-floating-header .r60-nav-selection.r60-selection-animate {
  will-change:transform;
  transition:transform .26s cubic-bezier(.22,.8,.25,1),width .26s cubic-bezier(.22,.8,.25,1),height .26s cubic-bezier(.22,.8,.25,1),opacity .15s;
}
body > nav.r58-floating-header .r58-link {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  margin:0;
  padding:7px 3px;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
  color:#9ca3b2;
  font:600 14px/1.25 Inter,system-ui,sans-serif;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  transition:color .15s,background .15s,transform .08s;
}
.r58-floating-header .r58-icon {width:26px;height:26px;flex:none;color:#edf0f8;}
.r58-floating-header .r58-chevron {width:14px;height:14px;flex:none;transition:transform .15s;}
.r58-floating-header [aria-expanded=true] > .r58-chevron {transform:rotate(180deg);}
body > nav.r58-floating-header .r58-link:hover,
body > nav.r58-floating-header .r58-link[aria-current=page],
body > nav.r58-floating-header .r58-link[aria-expanded=true] {color:#fff;background:transparent;box-shadow:none;}
body > nav.r58-floating-header[aria-busy=true] .r58-link[aria-current=page]:not([data-r62-destination]) {color:#9ca3b2;}
body > nav.r58-floating-header .r58-link[data-r62-destination] {color:#fff;}
/* Direct page loads show the current section before the indicator is measured. */
body > nav.r58-floating-header .r58-link::before {
  content:"";
  position:absolute;
  inset:0 calc(-1 * var(--r60-selection-padding));
  z-index:-1;
  border-radius:12px;
  background:#1a2634;
  opacity:0;
  pointer-events:none;
}
body > nav.r58-floating-header .r58-link[aria-current=page]::before {opacity:1;}
body > nav.r58-floating-header .r58-links.r60-selection-ready .r58-link::before {opacity:0;}
body > nav.r58-floating-header :is(.r58-link,.r58-search-trigger):not(:disabled):active {transform:translateY(1px) scale(.98);}
body > nav.r58-floating-header .r62-tagger-coming-soon,
body > nav.r58-floating-header .r62-tagger-coming-soon:hover {color:#8b94a5;cursor:default;}
.r58-floating-header .r62-tagger-coming-soon > .r58-icon {color:#8994a5;}
.r58-floating-header .r62-tagger-copy {display:flex;flex-direction:column;align-items:flex-start;gap:3px;}
.r58-floating-header .r62-coming-soon {padding:1px 5px;border:1px solid #344052;border-radius:5px;background:#1b2735;color:#b5bfd0;font:600 9px/1.25 Inter,system-ui,sans-serif;white-space:nowrap;}
body > nav.r58-floating-header :is(.r58-link,.r58-brand,.r58-search-trigger):focus-visible {outline:2px solid #fff;outline-offset:3px;}
.r58-floating-header .r58-search-slot {justify-self:end;width:240px;max-width:100%;min-width:0;}
body > nav.r58-floating-header .r58-search-trigger {
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  min-width:0;
  height:44px;
  margin:0;
  padding:0 10px 0 13px;
  border:1px solid #202a36;
  border-radius:999px;
  background:#1a2330;
  box-shadow:none;
  color:#8791a2;
  font:500 13px/1.25 Inter,system-ui,sans-serif;
  text-align:left;
  cursor:pointer;
}
.r58-search-trigger > svg {width:21px;height:21px;flex:none;}
.r58-search-trigger > span {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.r58-search-trigger > kbd {display:grid;place-items:center;width:24px;height:26px;flex:none;border-radius:9px;background:#222d3c;color:#a1aab9;font:500 12px/1 monospace;}
body > nav.r58-floating-header .r58-search-trigger:hover {border-color:#445064;color:#c9cfda;box-shadow:none;}
.r58-floating-header .r58-discord-menu {
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  z-index:210;
  width:min(300px,calc(100vw - 32px));
  margin:0;
  padding:8px;
  border:1px solid #303b4c;
  border-radius:15px;
  background:#111925;
  box-shadow:0 16px 36px #0007;
  transform:translateX(-50%);
}
.r58-floating-header .r58-discord-menu[hidden] {display:none!important;}
.r58-floating-header .r58-discord-menu .discord-item {display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px;white-space:normal;color:#d7dce8;}
.r58-floating-header .r58-discord-menu .discord-item:hover {background:#202b3b;}
.r58-floating-header .r58-discord-menu .discord-item img {width:30px;height:30px;flex:none;object-fit:contain;}
.r58-floating-header .r58-discord-menu .discord-item span {display:block;}
.r58-floating-header .r58-discord-menu .discord-item .text-xs {color:#8e9aae;font-size:11px;}
body > .r20-mobile-nav {display:none!important;}
@media(max-width:1199px) {
  body > nav.r58-floating-header {gap:12px;padding-inline:16px;}
  .r58-floating-header .r26-brand {width:145px;}
  body > nav.r58-floating-header > .r58-links {gap:10px;}
  body > nav.r58-floating-header .r58-link {gap:6px;font-size:13px;}
  .r58-floating-header .r58-icon {width:23px;height:23px;}
  .r58-floating-header .r58-search-slot {width:200px;}
}
@media(max-width:1023px) {
  body > nav.r58-floating-header {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:6px 16px;
    width:calc(100% - 28px);
    margin:14px auto 20px;
    padding:10px 16px 7px;
  }
  .r58-floating-header .r58-brand {grid-column:1;grid-row:1;}
  .r58-floating-header .r58-search-slot {grid-column:2;grid-row:1;width:240px;}
  body > nav.r58-floating-header > .r58-links {grid-column:1/-1;grid-row:2;width:100%;gap:24px;}
}
@media(max-width:560px) {
  body > nav.r58-floating-header {width:calc(100% - 16px);margin:8px auto 16px;padding:8px 10px 5px;gap:5px 10px;border-radius:15px;}
  .r58-floating-header .r26-brand {width:120px;}
  .r58-floating-header .r58-search-slot {width:100%;}
  body > nav.r58-floating-header .r58-search-trigger {height:38px;padding-inline:10px;font-size:11px;gap:7px;}
  .r58-search-trigger > svg {width:18px;height:18px;}
  .r58-search-trigger > kbd {display:none;}
  body > nav.r58-floating-header > .r58-links {--r60-selection-padding:0px;justify-content:space-between;gap:4px;}
  .r58-links > li {flex:1;}
  body > nav.r58-floating-header .r58-link {flex-direction:column;gap:4px;width:100%;min-height:60px;padding:4px 0;font-size:10px;}
  .r58-floating-header .r62-tagger-copy {align-items:center;gap:2px;}
  .r58-floating-header .r62-coming-soon {font-size:8px;padding:0 3px;}
  .r58-floating-header .r58-icon {width:21px;height:21px;}
  .r58-floating-header .r58-chevron {display:none;}
}
@media(prefers-reduced-motion:reduce) {
  body > nav.r58-floating-header :is(.r58-link,.r58-search-trigger,.r58-chevron) {transition:none;}
  body > nav.r58-floating-header .r60-nav-selection.r60-selection-animate {transition:none;}
}
