/* Shared navigation keeps the same controls on guides, rankings and legal pages. */
.wt-refresh .wt-site-header { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:12px; width:100%; min-height:88px; margin:0 0 22px; padding:16px 0; }
.wt-refresh > .wt-site-header { width:min(1200px,calc(100% - 48px)); margin-inline:auto; }
.wt-refresh .wt-site-header .wt-logo { margin-right:auto; gap:9px; white-space:nowrap; }
.wt-refresh .wt-site-header .wt-logo b { font:inherit; }
.wt-refresh .wt-site-header .wt-logo span { margin-left:0; }
.wt-refresh .wt-site-header .wt-site-links { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; width:auto; gap:7px; }
.wt-refresh .wt-site-header .wt-site-links a { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:9px 11px; border:1px solid #58717a; border-radius:11px; background:linear-gradient(145deg,#203b4a,#102939); color:#e8f1ed; font-size:12px; font-weight:700; text-decoration:none; }
.wt-refresh .wt-site-header .wt-site-links a:hover,
.wt-refresh .wt-site-header .wt-site-links a[aria-current] { border-color:#e7bd72; background:#2a4752; color:#ffe5aa; }
.wt-refresh .wt-site-header .wt-site-links .wt-site-premium { background:linear-gradient(120deg,#ffdfa0,#dca952); border-color:#f4d88f; color:#30200f; }
.wt-refresh .wt-site-header .wt-site-links .wt-site-premium:hover { color:#24190e; background:#ffe4aa; }
.wt-refresh .wt-nav-tools { display:flex; align-items:center; gap:8px; }
.wt-refresh .wt-site-menu-toggle { display:none; }
.wt-refresh .wt-profile-notifications { display:inline-flex; align-items:center; gap:8px; }
.wt-refresh .wt-profile-notifications .wt-profile-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wt-refresh .wt-profile-notification { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:27px; height:26px; margin-left:3px; color:#d8fff0; }
.wt-refresh .wt-profile-notification .notification-badge { position:absolute; top:-6px; right:-6px; display:grid; place-items:center; min-width:19px; height:19px; margin:0; padding:0 4px; border:2px solid #11232f; border-radius:999px; color:#fff; background:#bc344c; font:800 10px/1 system-ui,sans-serif; box-shadow:0 2px 7px #0006; }
.wt-refresh .wt-nav-tools .wt-nav-account { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:9px 14px 9px 11px; border:1px solid #58717a; border-radius:11px; background:linear-gradient(145deg,#203b4a,#102939); color:#e8f1ed; font-size:12px; font-weight:700; text-decoration:none; }
.wt-refresh .wt-nav-tools .wt-nav-account:hover,
.wt-refresh .wt-nav-tools .wt-nav-account[aria-current] { border-color:#e7bd72; background:#2a4752; color:#ffe5aa; }
.wt-refresh .wt-nav-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.wt-refresh .wt-nav-connection { position:absolute; left:57px; bottom:11px; width:6px; height:6px; border-radius:50%; background:#d0a25e; }
.wt-refresh .wt-nav-connection[data-state=live] { background:#7de1b1; box-shadow:0 0 7px #7de1b159; }
.wt-refresh .wt-nav-connection[data-state=offline],
.wt-refresh .wt-nav-connection[data-state=expired] { background:#ec8d9a; }
@media(min-width:901px) {
  .wt-refresh .wt-site-header .wt-nav-tools { order:3; }
  .wt-refresh .wt-site-header .wt-site-links { flex:1 1 auto; }
}
@media(max-width:900px) {
  .wt-refresh .wt-site-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 8px; padding:12px 0; min-height:78px; }
  .wt-refresh > .wt-site-header { width:calc(100% - 32px); }
  .wt-refresh .wt-site-header .wt-logo { grid-column:1; grid-row:1; margin:0; min-width:0; font-size:clamp(21px,5vw,27px); }
  .wt-refresh .wt-site-header .wt-logo img { width:39px; height:45px; }
  .wt-refresh .wt-site-header .wt-nav-tools { grid-column:2; grid-row:1; }
  .wt-refresh .wt-nav-tools .wt-nav-account { padding:9px 11px; gap:5px; }
  .wt-refresh .wt-nav-tools .wt-nav-account-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
  .wt-refresh .wt-site-header[data-nav-ready] .wt-site-menu-toggle { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:auto; min-width:76px; min-height:44px; padding:9px 11px; margin:0; border:1px solid #b89c61; border-radius:12px; color:#ffe5ad; background:linear-gradient(145deg,#294752,#122b3c); font:700 13px/1 system-ui,sans-serif; cursor:pointer; }
  .wt-refresh .wt-site-header .wt-site-menu-toggle[aria-expanded=true] { color:#18272c; background:#e3bd73; border-color:#ffe3a0; }
  .wt-refresh .wt-site-header .wt-site-links { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:8px; padding:12px; border:1px solid #536d79; border-radius:16px; background:rgba(10,25,38,.98); }
  .wt-refresh .wt-site-header[data-nav-ready]:not(.nav-open) .wt-site-links { display:none; }
  .wt-refresh .wt-site-header .wt-site-links a { width:100%; margin:0; min-width:0; min-height:44px; padding:9px 8px; font-size:12px; white-space:normal; }
  .wt-refresh .wt-nav-connection { left:47px; bottom:8px; }
}
@media(max-width:359px) {
  .wt-refresh .wt-site-header .wt-logo { gap:5px; font-size:20px; }
  .wt-refresh .wt-site-header .wt-logo img { width:30px; height:37px; }
  .wt-refresh .wt-site-header .wt-nav-tools { gap:5px; }
  .wt-refresh .wt-site-header[data-nav-ready] .wt-site-menu-toggle { min-width:65px; padding-inline:8px; }
}
