/* OpenConquest site header, shared by the wiki and the Fleet Builder (shared/site_header.py writes the markup).
   Slanted page tabs in the Fleet Builder style: the current page is blue, hover fades the blue in. Below 860 px the
   tabs and Discord fold into one menu button whose drawer also holds the page's own sections. */
.sb{--sb-bar:56px;--sb-line:#223042;--sb-text:#d5dde7;--sb-muted:#8a97a8;--sb-blue:linear-gradient(180deg,#5a96ff 0,#2f63d9 55%,#2552bd 100%);
  position:sticky;top:env(safe-area-inset-top,0px);z-index:40;height:var(--sb-bar);background-color:#0c131d;
  background-position:left center;background-size:auto 100%;background-repeat:repeat-x;border-bottom:1px solid var(--sb-line);
  box-shadow:0 1px 0 rgba(79,140,255,.18),0 8px 24px rgba(0,0,0,.35);font-family:"Titillium Web","Segoe UI",Roboto,Arial,sans-serif}
.sb-in{max-width:1400px;height:100%;margin:0 auto;display:flex;align-items:center;gap:14px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sb-logo{flex:none;display:flex;align-items:center}
.sb-logo img{display:block;height:32px;width:auto}
.sb-nav{display:flex;gap:6px;margin-left:8px}
.sb-link,.sb-dc,.sb-menu{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 18px;
  border:0;cursor:pointer;font:700 14px/1 "Rajdhani","Titillium Web","Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sb-text);text-decoration:none;white-space:nowrap;background:rgba(8,14,24,.55);box-shadow:inset 0 0 0 1px var(--sb-line);
  clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
.sb-link::before,.sb-dc::before,.sb-menu::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sb-blue);opacity:0;transition:opacity .25s ease}
.sb-link:hover::before,.sb-dc:hover::before,.sb-menu:hover::before{opacity:.9}
.sb-link:hover,.sb-dc:hover,.sb-menu:hover{color:#fff;text-decoration:none}
.sb-link[aria-current="page"]{color:#fff;box-shadow:none}
.sb-link[aria-current="page"]::before{opacity:1}
.sb-link[aria-current="page"]::after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:rgba(255,255,255,.45)}
.sb-link:focus-visible,.sb-dc:focus-visible,.sb-menu:focus-visible,.sb-logo:focus-visible{outline:2px solid #7fb4ff;outline-offset:2px}
.sb-slot{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.sb-dc{flex:none;padding:0 16px}
.sb-dc svg{width:20px;height:15px;flex:none}
.sb-menu{display:none;flex:none;width:44px;padding:0}
.sb-menu i{display:block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.sb-menu[aria-expanded="true"] i{box-shadow:none;transform:rotate(45deg)}
.sb-menu[aria-expanded="true"] i::after{content:"";display:block;width:18px;height:2px;background:currentColor;transform:rotate(90deg)}
.sb-drawer{position:absolute;left:0;right:0;top:100%;background:#0d1520;border-bottom:1px solid var(--sb-line);box-shadow:0 18px 30px rgba(0,0,0,.5);
  max-height:calc(100dvh - var(--sb-bar));overflow:auto;padding-block:14px 18px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sb-drawer .sb-link,.sb-drawer .sb-dc{width:100%;height:44px;justify-content:flex-start;padding:0 20px}
.sb-list{display:grid;gap:6px}
.sb-sec{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
.sb-sec h4{grid-column:1/-1;margin:12px 0 2px;font:700 12px "Rajdhani","Titillium Web",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-muted)}
.sb-sec a{display:block;padding:6px 0;color:var(--sb-text);font-size:14px;text-decoration:none}
.sb-sec a.on{color:#7fb4ff}
@media (max-width:860px){
  .sb-nav,.sb-in>.sb-dc{display:none}
  .sb-menu{display:inline-flex}
  .sb-logo img{height:28px}
  .sb-in{gap:10px}
}
@media (min-width:861px){.sb-drawer{display:none!important}}
@media (prefers-reduced-motion:reduce){.sb-link::before,.sb-dc::before,.sb-menu::before{transition:none}}