/* Public NOMAD Live navigation.
   Core links stay fixed: Live + Statistics.
   Up to two future public links can be added without moving the core pair:
   - desktop: class public-nav-extra-left or public-nav-extra-right
   - mobile: add public-nav-3 or public-nav-4 to .mobile-nav when extra links are enabled.
   Public runtime/status pills are intentionally hidden here; diagnostic status remains available on internal/direct pages.
   A small neutral footer status appears only when the public data state has a real warning/offline condition.
   Public hero H1 titles are reduced by 20% from the shared base size. */
.topbar-inner{position:relative}
.topnav{position:absolute;left:50%;transform:translateX(-50%);justify-self:auto;white-space:nowrap}
.topbar>.topbar-inner>.source-pill{display:none!important}
.topnav>a[href="index.html"]{width:64px;text-align:center}
.topnav>a[href^="statistics.html"]{width:90px;text-align:center}
.topnav>.public-nav-extra-left,
.topnav>.public-nav-extra-right{position:absolute;top:0;width:90px;text-align:center}
.topnav>.public-nav-extra-left{right:100%;margin-right:2px}
.topnav>.public-nav-extra-right{left:100%;margin-left:2px}
.topnav a[href="settings.html"],
.topnav a[href="health.html"],
.mobile-nav a[href="settings.html"],
.mobile-nav a[href="health.html"]{display:none!important}

/* 3.41 public menu: hover/focus uses the exact same green as the active page. */
.topnav a:hover,
.topnav a:focus-visible,
.mobile-nav a:hover,
.mobile-nav a:focus-visible{
  color:var(--green)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  outline:none;
}

/* 3.41 toolbar controls: filters and odds formats share the same clean green interaction state. */
.tabs .tab:hover,
.tabs .tab:focus-visible,
.tabs .tab[aria-pressed="true"],
.tabs .tab[data-active="1"],
.odds-display-control button:hover,
.odds-display-control button:focus-visible,
.odds-display-control button.is-active{
  color:var(--green)!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.tabs .tab:focus-visible,
.odds-display-control button:focus-visible{
  outline:1px solid var(--green)!important;
  outline-offset:2px;
}

.hero h1{font-size:14.4px}
.public-system-alert{display:none;align-items:center;gap:6px;margin-left:auto;font-size:8px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
.public-system-alert.is-visible{display:inline-flex}
.public-system-alert::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}
.public-system-alert.is-warning{color:#f2d21b}
.public-system-alert.is-error{color:#ff8b8b}
@media(max-width:700px){
  .hero h1{font-size:12.8px}
  .mobile-nav{grid-template-columns:repeat(2,1fr)}
  .mobile-nav.public-nav-3{grid-template-columns:repeat(3,1fr)}
  .mobile-nav.public-nav-4{grid-template-columns:repeat(4,1fr)}
  .public-system-alert{width:100%;justify-content:center;margin:4px 0 0;font-size:7px}
}