/* Shared SkyMata navigation; intentionally isolated from Bootstrap and admin CSS. */
.sky-site-header[role="banner"] {
  position: relative; z-index: 30;
  width: min(1180px, calc(100% - 40px)); max-width: 1180px; margin: 0 auto;
  padding: 0; border: 0; color: #f8fbff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.sky-site-header * { box-sizing: border-box; }
.sky-site-header .sky-masthead { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 90px; padding: 20px 4px; }
.sky-site-header .sky-brand { display: inline-flex; align-items: center; gap: 14px; color: #f8fbff; font-size: 18px; font-weight: 900; letter-spacing: .14em; text-decoration: none; line-height: 1; }
.sky-site-header .sky-brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(97,231,255,.5); background: rgba(65,169,255,.1); color: #61e7ff; box-shadow: 0 0 28px rgba(65,169,255,.2); transform: rotate(45deg); }
.sky-site-header .sky-server-address { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; column-gap: 12px; row-gap: 2px; max-width: 330px; border: 0; padding: 0; background: transparent; color: #f8fbff; font: inherit; cursor: pointer; }
.sky-site-header .sky-server-address > span { width: 100%; color: #aab7d6; font-size: 10px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; text-align: right; }
.sky-site-header .sky-server-address strong { font-size: 14px; }
.sky-site-header .sky-server-address small { color: #61e7ff; font-size: 11px; }
.sky-site-header .sky-primary-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 8px; margin: 0; border: 1px solid rgba(155,178,231,.2); border-radius: 15px; background: linear-gradient(115deg,#12213b,#191a34); box-shadow: 0 12px 32px rgba(0,0,0,.2); }
.sky-site-header .sky-primary-nav a { display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 10px 18px; border: 1px solid transparent; border-radius: 9px; color: #b8c6df; font-size: 13px; font-weight: 750; line-height: 1.4; letter-spacing: 0; text-decoration: none; transition: background .15s,color .15s; }
.sky-site-header .sky-primary-nav a:hover { color: #f8fbff; background: rgba(65,169,255,.09); }
.sky-site-header .sky-primary-nav a[aria-current] { color: #9de9ff; background: linear-gradient(120deg,rgba(65,169,255,.14),rgba(159,108,255,.12)); border-color: rgba(108,168,255,.25); }
.sky-site-header .sky-primary-nav a[data-sky-link="staff"] { margin-left: auto; border-color: rgba(155,178,231,.2); color: #e5ddff; }
.sky-site-header .sky-nav-toggle { display: none; }
.sky-site-header a:focus-visible, .sky-site-header button:focus-visible, .sky-site-header summary:focus-visible { outline: 2px solid #61e7ff; outline-offset: 4px; }
.sky-site-header .sky-nav-toggle[hidden] { display: none; }
.sky-site-header .sky-support { position: relative; margin: 0; }
.sky-site-header .sky-support-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 43px; padding: 10px 18px; border: 1px solid transparent; border-radius: 9px; color: #b8c6df; font-size: 13px; font-weight: 750; line-height: 1.4; cursor: pointer; list-style: none; touch-action: manipulation; }
.sky-site-header .sky-support-toggle::-webkit-details-marker { display: none; }
.sky-site-header .sky-support-toggle:hover, .sky-site-header .sky-support[open] > summary { color: #b3edff; background: rgba(65,169,255,.1); border-color: rgba(108,168,255,.2); }
.sky-site-header .sky-support-chevron { width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.sky-site-header .sky-support[open] .sky-support-chevron { transform: rotate(225deg) translate(-1px,-1px); }
.sky-site-header .sky-support-links { position: absolute; z-index: 40; top: 100%; left: 0; width: 230px; padding: 8px; border: 1px solid #364365; border-radius: 12px; background: linear-gradient(145deg,#142440,#1b1d36); box-shadow: 0 18px 45px rgba(0,0,0,.45); }
.sky-site-header .sky-support:not([open]) .sky-support-links { display: none; }
.sky-site-header .sky-support-links a { display: flex; justify-content: space-between; width: 100%; min-height: 44px; padding: 12px; white-space: nowrap; }
.sky-site-header .sky-support-links a > span { color: #9caff0; }
@media (min-width: 761px) and (max-width: 980px) {
  .sky-site-header .sky-primary-nav { gap: 3px; }
  .sky-site-header .sky-primary-nav > a, .sky-site-header .sky-support-toggle { padding-inline: 12px; }
}
@media (max-width: 760px) {
  .sky-site-header[role="banner"] { width: calc(100% - 28px); }
  .sky-site-header .sky-masthead { min-height: 78px; padding: 18px 2px; }
  .sky-site-header .sky-server-address { display: none; }
  .sky-site-header .sky-nav-toggle:not([hidden]) { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 14px; border: 1px solid rgba(155,178,231,.25); border-radius: 10px; background: #13213a; color: #f8fbff; font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; }
  .sky-site-header .sky-primary-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sky-site-header[data-sky-nav-ready][data-sky-menu-open="false"] .sky-primary-nav { display: none; }
  .sky-site-header .sky-primary-nav a { justify-content: flex-start; padding: 12px; }
  .sky-site-header .sky-primary-nav a[data-sky-link="staff"] { margin-left: 0; }
  .sky-site-header .sky-support { grid-column: 1 / -1; }
  .sky-site-header .sky-support-toggle { display: flex; justify-content: space-between; width: 100%; min-height: 44px; padding: 12px; }
  .sky-site-header .sky-support-links { position: static; width: 100%; box-shadow: none; margin-top: 6px; }
  .sky-site-header .sky-support[open] .sky-support-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
  .sky-site-header .sky-support-links a { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .sky-site-header *, .sky-site-header *::before, .sky-site-header *::after { transition: none !important; }
}
/* Both disclosures use the same shared navigation styling. */
.sky-support-toggle[aria-current]{color:#a5ddff;background:rgba(69,143,217,.13)}