/* v13.0.8 canonical public header. Loaded last on every public page. */ :root{--tg-header-height:76px;--tg-header-bg:#080d14;--tg-header-border:rgba(255,255,255,.11);--tg-header-text:#eef5ff;--tg-header-muted:#9dadbf;--tg-header-accent:#65b8ff;--tg-header-panel:#101925} .tg-public-shell{margin:0} .tg-public-shell .unified-site-header,.unified-site-header{position:relative!important;z-index:1000!important;box-sizing:border-box!important;width:100%!important;min-height:var(--tg-header-height)!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--tg-header-border)!important;border-radius:0!important;background:var(--tg-header-bg)!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important;color:var(--tg-header-text)!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important} .unified-site-header *{box-sizing:border-box!important} .unified-site-header .site-header-inner{display:flex!important;align-items:center!important;width:min(1440px,100%)!important;min-height:var(--tg-header-height)!important;margin:0 auto!important;padding:10px 24px!important;gap:24px!important} .unified-site-header .site-brand{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:12px!important;min-width:220px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;color:var(--tg-header-text)!important;text-decoration:none!important} .unified-site-header .site-brand-logo{display:block!important;width:auto!important;height:44px!important;max-width:190px!important;max-height:44px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important} .unified-site-header .site-brand-tagline{display:none!important;color:var(--tg-header-muted)!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important} .unified-site-header .site-menu-toggle{display:none!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:40px!important;margin:0 0 0 auto!important;padding:0 13px!important;border:1px solid var(--tg-header-border)!important;border-radius:8px!important;background:var(--tg-header-panel)!important;color:var(--tg-header-text)!important;font:600 14px/1 Inter,system-ui,sans-serif!important;cursor:pointer!important} .unified-site-header .site-primary-navigation{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important} .unified-site-header .site-primary-links{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;margin:0!important;padding:0!important} .unified-site-header .site-primary-link{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;margin:0!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--tg-header-text)!important;font:600 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important} .unified-site-header .site-primary-link:hover{background:rgba(255,255,255,.07)!important;color:#fff!important} .unified-site-header .site-primary-link.is-active{border-color:rgba(101,184,255,.34)!important;background:rgba(101,184,255,.12)!important;color:var(--tg-header-accent)!important} .unified-site-header .site-header-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important;margin:0!important;padding:0!important} .unified-site-header .site-header-search{display:flex!important;align-items:center!important;width:210px!important;height:40px!important;margin:0!important;padding:0!important;border:1px solid var(--tg-header-border)!important;border-radius:8px!important;background:var(--tg-header-panel)!important;overflow:hidden!important} .unified-site-header .site-header-search input{display:block!important;flex:1 1 auto!important;min-width:0!important;height:38px!important;margin:0!important;padding:0 11px!important;border:0!important;outline:0!important;background:transparent!important;color:var(--tg-header-text)!important;font:500 14px/1 Inter,system-ui,sans-serif!important;box-shadow:none!important} .unified-site-header .site-header-search button{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:38px!important;margin:0!important;padding:0 10px!important;border:0!important;border-left:1px solid var(--tg-header-border)!important;border-radius:0!important;background:rgba(255,255,255,.04)!important;color:var(--tg-header-text)!important;font:600 12px/1 Inter,system-ui,sans-serif!important;cursor:pointer!important} .unified-site-header .site-account-actions{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important} .unified-site-header .site-login-link,.unified-site-header .site-register-link,.unified-site-header .site-account-toggle{display:flex!important;align-items:center!important;justify-content:center!important;height:40px!important;margin:0!important;padding:0 12px!important;border:1px solid var(--tg-header-border)!important;border-radius:8px!important;background:transparent!important;color:var(--tg-header-text)!important;font:600 14px/1 Inter,system-ui,sans-serif!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important} .unified-site-header .site-register-link{border-color:rgba(101,184,255,.48)!important;background:rgba(101,184,255,.14)!important;color:#fff!important} .unified-site-header .site-account-menu{position:relative!important;margin:0!important;padding:0!important} .unified-site-header .site-account-dropdown{display:none;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;width:230px!important;margin:0!important;padding:8px!important;border:1px solid var(--tg-header-border)!important;border-radius:10px!important;background:var(--tg-header-panel)!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important} .unified-site-header .site-account-menu:hover .site-account-dropdown,.unified-site-header .site-account-menu:focus-within .site-account-dropdown{display:block!important} .unified-site-header .site-account-dropdown a{display:block!important;margin:0!important;padding:9px 10px!important;border-radius:6px!important;color:var(--tg-header-text)!important;font:500 14px/1.2 Inter,system-ui,sans-serif!important;text-decoration:none!important} .unified-site-header .site-account-summary{display:grid!important;gap:4px!important;margin:0 0 6px!important;padding:8px 10px 10px!important;border-bottom:1px solid var(--tg-header-border)!important;color:var(--tg-header-text)!important;font-size:13px!important} .unified-site-header .site-theme-control{display:flex!important;align-items:center!important;height:40px!important;margin:0!important;padding:0!important} .unified-site-header .site-theme-control select,.unified-site-header .site-theme-control button{height:40px!important;margin:0!important;border:1px solid var(--tg-header-border)!important;border-radius:8px!important;background:var(--tg-header-panel)!important;color:var(--tg-header-text)!important} /* Neutralize obsolete header systems if stale markup remains in cached pages. */ .tg-public-shell>.phase1-header:not(.unified-site-header),.tg-public-shell>.topbar:not(.unified-site-header),.tg-public-shell>.portal-header:not(.unified-site-header){display:none!important} @media (max-width:1320px){.unified-site-header .site-header-inner{gap:14px!important;padding-inline:16px!important}.unified-site-header .site-brand{min-width:auto!important}.unified-site-header .site-header-search{width:170px!important}.unified-site-header .site-primary-link{padding-inline:9px!important;font-size:13px!important}} @media (max-width:1180px){.unified-site-header .site-header-inner{flex-wrap:wrap!important;min-height:68px!important}.unified-site-header .site-brand-logo{height:40px!important}.unified-site-header .site-menu-toggle{display:flex!important}.unified-site-header .site-primary-navigation{display:none!important;flex:0 0 100%!important;align-items:stretch!important;gap:12px!important;padding:10px 0 4px!important}.unified-site-header.menu-open .site-primary-navigation,.unified-site-header .site-primary-navigation.is-open{display:flex!important}.unified-site-header .site-primary-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important}.unified-site-header .site-primary-link{justify-content:flex-start!important}.unified-site-header .site-header-tools{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;width:100%!important}.unified-site-header .site-header-search{width:100%!important}} @media (max-width:640px){.unified-site-header .site-header-inner{padding-inline:12px!important}.unified-site-header .site-primary-links{grid-template-columns:1fr!important}.unified-site-header .site-header-tools{grid-template-columns:1fr!important}.unified-site-header .site-account-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.unified-site-header .site-theme-control,.unified-site-header .site-theme-control>*{width:100%!important}} /* v14.0.10: Search removed from the canonical header; Appearance moved to My Account. */ .unified-site-header .site-header-tools{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important} .account-appearance-control{margin-top:1rem;padding:1rem;border:1px solid var(--tg-border);border-radius:12px;background:var(--tg-panel)} .account-appearance-control .tg-theme-switcher{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%} .account-appearance-control .tg-theme-switcher-label{font-weight:700;color:var(--tg-text)} .account-appearance-control select{min-width:180px} @media (max-width:1180px){.unified-site-header .site-header-tools{display:flex!important;width:100%!important;justify-content:flex-end!important}} @media (max-width:640px){.unified-site-header .site-header-tools{display:block!important}.unified-site-header .site-account-actions,.unified-site-header .site-account-menu{width:100%!important}.account-appearance-control .tg-theme-switcher{align-items:flex-start;flex-direction:column}.account-appearance-control select{width:100%;min-width:0}} /* v21.8.93 — reactive canonical navigation */ .unified-site-header .site-menu-toggle, .unified-site-header .site-account-toggle, .unified-site-header .site-primary-link, .unified-site-header .site-account-dropdown a{ transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important; } .unified-site-header .site-menu-toggle:hover, .unified-site-header .site-menu-toggle:focus-visible, .unified-site-header .site-menu-toggle.is-active, .unified-site-header .site-account-toggle:hover, .unified-site-header .site-account-toggle:focus-visible, .unified-site-header .site-account-toggle.is-active{ border-color:rgba(101,184,255,.5)!important; background:rgba(101,184,255,.12)!important; color:#fff!important; box-shadow:0 0 0 3px rgba(101,184,255,.08)!important; } .unified-site-header .site-primary-link:hover, .unified-site-header .site-primary-link:focus-visible{ transform:translateY(-1px)!important; } .unified-site-header .site-account-menu.is-open .site-account-dropdown, .unified-site-header .site-account-dropdown.is-open{ display:block!important; } .unified-site-header .site-account-dropdown a:hover, .unified-site-header .site-account-dropdown a:focus-visible{ background:rgba(101,184,255,.12)!important; color:#fff!important; outline:none!important; } @media (max-width:1180px){ .unified-site-header .site-primary-navigation.is-open, .unified-site-header.menu-open .site-primary-navigation{ display:flex!important; animation:tgMenuReveal .16s ease-out both; } .unified-site-header .site-primary-link{ width:100%!important; min-height:44px!important; } .unified-site-header .site-account-dropdown{ position:static!important; width:100%!important; margin-top:8px!important; box-shadow:none!important; } } @keyframes tgMenuReveal{ from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} } @media (prefers-reduced-motion:reduce){ .unified-site-header .site-primary-navigation.is-open, .unified-site-header.menu-open .site-primary-navigation{animation:none!important} } /* v21.8.94 — prevent News Portal / Account collisions on medium-width headers. */ @media (min-width:1181px) and (max-width:1320px){ .unified-site-header .site-primary-navigation{gap:10px!important} .unified-site-header .site-primary-links{gap:2px!important} .unified-site-header .site-header-tools{flex:0 0 auto!important} } /* v21.8.95 — adaptive header fit detection. Never allow primary links and account tools to overlap. */ .unified-site-header.is-compact .site-header-inner{ flex-wrap:wrap!important; min-height:68px!important; } .unified-site-header.is-compact .site-brand-logo{height:40px!important} .unified-site-header.is-compact .site-menu-toggle{display:flex!important} .unified-site-header.is-compact .site-primary-navigation{ display:none!important; flex:0 0 100%!important; width:100%!important; min-width:100%!important; align-items:stretch!important; gap:12px!important; padding:10px 0 4px!important; } .unified-site-header.is-compact.menu-open .site-primary-navigation, .unified-site-header.is-compact .site-primary-navigation.is-open{ display:flex!important; animation:tgMenuReveal .16s ease-out both; } .unified-site-header.is-compact .site-primary-links{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; width:100%!important; min-width:0!important; } .unified-site-header.is-compact .site-primary-link{ width:100%!important; min-width:0!important; min-height:44px!important; justify-content:flex-start!important; overflow:hidden!important; text-overflow:ellipsis!important; } .unified-site-header.is-compact .site-header-tools{ display:flex!important; flex:0 0 100%!important; width:100%!important; min-width:0!important; justify-content:flex-end!important; margin-left:0!important; } .unified-site-header.is-compact .site-account-menu{max-width:100%!important} .unified-site-header.is-compact .site-account-toggle{ max-width:min(320px,70vw)!important; overflow:hidden!important; text-overflow:ellipsis!important; } .unified-site-header.is-compact .site-account-dropdown{ position:static!important; width:min(100%,360px)!important; margin-top:8px!important; box-shadow:none!important; } @media (max-width:640px){ .unified-site-header.is-compact .site-primary-links{grid-template-columns:1fr!important} .unified-site-header.is-compact .site-header-tools{display:block!important} .unified-site-header.is-compact .site-account-menu, .unified-site-header.is-compact .site-account-toggle{width:100%!important;max-width:100%!important} } /* v21.8.96 — structural collision guard. * Desktop header content is never allowed to shrink underneath adjacent controls. * If the row cannot fit before JS evaluates it, the flex row wraps rather than paints * News Portal underneath the Account/version controls. The adaptive JS then promotes * the header to the compact menu state on the next animation frame. */ .unified-site-header .site-header-inner{ flex-wrap:wrap!important; } @media (min-width:1181px){ .unified-site-header:not(.is-compact) .site-primary-navigation{ flex:0 0 auto!important; min-width:max-content!important; max-width:100%!important; } .unified-site-header:not(.is-compact) .site-primary-links, .unified-site-header:not(.is-compact) .site-header-tools{ flex:0 0 auto!important; min-width:max-content!important; } .unified-site-header:not(.is-compact) .site-primary-link, .unified-site-header:not(.is-compact) .site-account-toggle, .unified-site-header:not(.is-compact) .site-version{ position:relative!important; z-index:1!important; } } /* v21.8.97 — readable compact navigation. * Compact mode is a deliberate menu panel, not a squeezed desktop header. */ .unified-site-header.is-compact .site-primary-navigation{ padding:12px 0 8px!important; gap:14px!important; background:transparent!important; } .unified-site-header.is-compact .site-primary-links{ display:grid!important; grid-template-columns:1fr!important; gap:7px!important; width:100%!important; } .unified-site-header.is-compact .site-primary-link{ display:flex!important; width:100%!important; min-height:48px!important; padding:0 16px!important; justify-content:flex-start!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:9px!important; background:#101925!important; color:#f4f8ff!important; font:700 16px/1.25 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; word-break:normal!important; } .unified-site-header.is-compact .site-primary-link:hover, .unified-site-header.is-compact .site-primary-link:focus-visible{ border-color:rgba(101,184,255,.55)!important; background:#17263a!important; color:#fff!important; outline:2px solid rgba(101,184,255,.28)!important; outline-offset:1px!important; } .unified-site-header.is-compact .site-primary-link.is-active{ border-color:rgba(101,184,255,.62)!important; background:#17314a!important; color:#9bd1ff!important; } .unified-site-header.is-compact .site-header-tools{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; width:100%!important; } .unified-site-header.is-compact .site-account-menu, .unified-site-header.is-compact .site-account-actions{ width:100%!important; max-width:none!important; } .unified-site-header.is-compact .site-account-toggle, .unified-site-header.is-compact .site-login-link, .unified-site-header.is-compact .site-register-link, .unified-site-header.is-compact .site-version{ width:100%!important; max-width:none!important; min-height:46px!important; height:auto!important; padding:10px 16px!important; justify-content:flex-start!important; background:#101925!important; color:#f4f8ff!important; font-size:15px!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; } .unified-site-header.is-compact .site-version{ border:1px solid rgba(255,255,255,.12)!important; border-radius:9px!important; } .unified-site-header.is-compact .site-account-dropdown{ width:100%!important; max-width:none!important; margin-top:7px!important; padding:8px!important; border:1px solid rgba(255,255,255,.14)!important; background:#0d1722!important; } .unified-site-header.is-compact .site-account-dropdown a{ min-height:44px!important; display:flex!important; align-items:center!important; padding:10px 12px!important; color:#f4f8ff!important; font-size:15px!important; line-height:1.3!important; } .unified-site-header.is-compact .site-menu-toggle{ min-width:96px!important; min-height:44px!important; padding:0 15px!important; background:#132033!important; border-color:rgba(101,184,255,.42)!important; color:#fff!important; font-size:15px!important; } @media (max-width:640px){ .unified-site-header.is-compact .site-primary-link{font-size:16px!important} .unified-site-header.is-compact .site-account-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important} } /* v21.8.99: version is informational brand text, not a navigation/menu control. */ .unified-site-header .site-brand-version{ display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; margin-left:8px!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; font:inherit!important; font-size:.82rem!important; font-weight:700!important; line-height:1!important; opacity:.78!important; white-space:nowrap!important; cursor:pointer!important; pointer-events:auto!important; } @media (max-width:1180px){ .unified-site-header .site-brand-version{ margin-left:6px!important; font-size:.78rem!important; } } /* v21.8.100: clickable text version label opens release dialog without becoming a menu item. */ .unified-site-header .site-brand-version:hover, .unified-site-header .site-brand-version:focus-visible{ opacity:1!important; text-decoration:underline!important; text-underline-offset:3px!important; } .unified-site-header .site-brand-version:focus-visible{ outline:2px solid currentColor!important; outline-offset:3px!important; border-radius:3px!important; } /* v21.8.101: allow the header to wrap naturally instead of forcing controls to collide. */ .unified-site-header .site-header-inner{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; column-gap:12px!important; row-gap:8px!important; min-width:0!important; } .unified-site-header .site-brand{ flex:0 1 auto!important; min-width:0!important; } .unified-site-header .site-brand-version{ flex:0 0 auto!important; } .unified-site-header .site-primary-navigation{ flex:1 1 auto!important; min-width:0!important; } .unified-site-header .site-primary-navigation .site-nav-inner{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-end!important; column-gap:8px!important; row-gap:8px!important; min-width:0!important; } .unified-site-header .site-primary-navigation a, .unified-site-header .site-primary-navigation button{ flex:0 0 auto!important; } /* If the row needs a second line, keep navigation together and readable. */ @media (min-width:1181px){ .unified-site-header .site-primary-navigation{ margin-left:auto!important; } } /* Compact mode remains a deliberate panel rather than wrapping menu items into tiny columns. */ @media (max-width:1180px){ .unified-site-header .site-header-inner{ flex-wrap:wrap!important; } .unified-site-header .site-primary-navigation{ flex:0 0 100%!important; width:100%!important; } .unified-site-header .site-primary-navigation .site-nav-inner{ flex-direction:column!important; flex-wrap:nowrap!important; align-items:stretch!important; width:100%!important; } } /* v21.8.102: version lives at the right edge of the breadcrumb row. */ .unified-site-header + .site-breadcrumb-bar .site-breadcrumb-inner, .site-breadcrumb-bar .site-breadcrumb-inner{ display:flex!important; align-items:center!important; gap:12px!important; min-width:0!important; } .site-breadcrumb-bar .site-breadcrumb-inner > :first-child{ min-width:0!important; } .site-breadcrumb-version{ display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; margin-left:auto!important; padding:2px 0!important; border:0!important; background:none!important; box-shadow:none!important; color:inherit!important; font:inherit!important; font-size:.82rem!important; font-weight:700!important; line-height:1.2!important; opacity:.78!important; white-space:nowrap!important; cursor:pointer!important; } .site-breadcrumb-version:hover, .site-breadcrumb-version:focus-visible{ opacity:1!important; text-decoration:underline!important; text-underline-offset:3px!important; } .site-breadcrumb-version:focus-visible{ outline:2px solid currentColor!important; outline-offset:3px!important; border-radius:3px!important; } /* v21.8.103: legacy logo-adjacent version is removed; breadcrumb version is canonical. */ .unified-site-header .site-brand-version{display:none!important;} /* v21.8.104: in compact mode, keep the Menu trigger pinned to the right edge. */ @media (max-width:1180px){ .unified-site-header .site-header-inner{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; } .unified-site-header .site-brand{ order:1!important; flex:0 1 auto!important; min-width:0!important; } .unified-site-header .site-menu-toggle{ order:2!important; margin-left:auto!important; flex:0 0 auto!important; align-self:center!important; } .unified-site-header .site-primary-navigation{ order:3!important; flex:0 0 100%!important; width:100%!important; margin-left:0!important; } .unified-site-header .site-primary-navigation .site-nav-inner{ width:100%!important; } } /* v21.8.105: no version display in breadcrumbs. */ .site-breadcrumb-bar .site-breadcrumb-version{display:none!important;}