/* Aeris instruments — one shell for /instruments/, /bridge/, /alerts/, /methodology/ (the landing keeps its own look) */
.ax-top{ display:flex; align-items:center; gap:22px; padding:20px 0 18px; margin-bottom:18px; border-bottom:1px solid rgba(255,255,255,.07); }
.ax-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; flex:none; }
.ax-brand img{ width:28px; height:28px; object-fit:contain; }
.ax-brand b{ font-weight:800; letter-spacing:.14em; font-size:14px; }
.ax-brand span{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:rgba(246,243,252,.45); letter-spacing:.06em; text-transform:uppercase; padding-left:10px; border-left:1px solid rgba(255,255,255,.12); }
.ax-nav{ display:flex; align-items:center; gap:4px; margin-left:auto; overflow-x:auto; scrollbar-width:none; }
.ax-nav::-webkit-scrollbar{ display:none; }
.ax-nav a{ display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border-radius:999px; color:rgba(246,243,252,.7); text-decoration:none; font-size:14px; font-weight:600; white-space:nowrap; transition:color .15s, background .15s; }
.ax-nav a svg{ width:16px; height:16px; stroke-width:1.9; }
.ax-nav a:hover{ color:#fff; background:rgba(255,255,255,.05); }
.ax-nav a[aria-current="page"]{ color:#fff; background:rgba(168,85,247,.16); box-shadow:inset 0 0 0 1px rgba(217,184,255,.3); }
.ax-fresh{ display:inline-flex; align-items:center; gap:8px; flex:none; padding:8px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.1); background:#0e0e11; font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:rgba(246,243,252,.7); white-space:nowrap; }
.ax-fresh i{ width:7px; height:7px; border-radius:50%; background:#5fd4a2; box-shadow:0 0 0 0 rgba(95,212,162,.6); animation:axPulse 2s ease-out infinite; }
.ax-fresh.stale{ color:#f5c46b; border-color:rgba(245,196,107,.35); } .ax-fresh.stale i{ background:#f5c46b; animation:none; }
.ax-fresh.off i{ background:rgba(255,255,255,.3); animation:none; }
@keyframes axPulse{ 0%{ box-shadow:0 0 0 0 rgba(95,212,162,.55); } 100%{ box-shadow:0 0 0 8px rgba(95,212,162,0); } }
.ax-foot{ display:grid; grid-template-columns:minmax(0,1.2fr) repeat(2, minmax(0,1fr)); gap:28px; padding:6px 0 26px; }
.ax-foot h4{ margin:0 0 12px; font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600; color:rgba(246,243,252,.45); text-transform:uppercase; letter-spacing:.08em; }
.ax-foot a{ display:flex; align-items:center; gap:8px; padding:5px 0; color:rgba(246,243,252,.75); text-decoration:none; font-size:14px; } .ax-foot a:hover{ color:#fff; }
.ax-foot a svg{ width:15px; height:15px; color:#d9b8ff; }
.ax-foot p{ margin:10px 0 0; max-width:360px; font-size:13.5px; line-height:1.6; color:rgba(246,243,252,.55); }
@media (max-width:820px){ .ax-top{ flex-wrap:wrap; gap:12px; } .ax-nav{ order:3; width:100%; margin-left:0; } .ax-fresh{ margin-left:auto; } .ax-brand span{ display:none; } .ax-foot{ grid-template-columns:1fr 1fr; } .ax-foot > :first-child{ grid-column:1 / -1; } }
@media (prefers-reduced-motion:reduce){ .ax-fresh i{ animation:none; } }
.ax-dot{ width:7px; height:7px; border-radius:50%; background:#ff7b8a; box-shadow:0 0 0 3px rgba(255,123,138,.18); margin-left:2px; }
/* Bridge Watch: Alert Center lives in the shared header now */
#tabNav .tab-nav-sep, #tabNav a[href="../alerts/"]{ display:none !important; }

/* 06.11: one text-only bar, centred (no brand, no icons, no freshness pill) */
.ax-top{ justify-content:center; }
.ax-nav{ margin-left:0; justify-content:center; }
.ax-nav a, .ax-nav button{ all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:7px; padding:10px 16px; border-radius:999px; color:rgba(246,243,252,.7); font-family:'Plus Jakarta Sans',sans-serif; font-size:14.5px; font-weight:600; white-space:nowrap; transition:color .15s, background .15s; }
.ax-nav a:hover, .ax-nav button:hover{ color:#fff; background:rgba(255,255,255,.05); }
.ax-nav [aria-current="page"], .ax-nav [aria-current="true"]{ color:#fff; background:rgba(168,85,247,.18); box-shadow:inset 0 0 0 1px rgba(217,184,255,.32); }
.ax-nav a[href="/alerts/"]{ margin-left:10px; position:relative; }
.ax-nav a[href="/alerts/"]::before{ content:""; position:absolute; left:-6px; top:25%; bottom:25%; width:1px; background:rgba(255,255,255,.12); }
@media (max-width:820px){ .ax-nav{ justify-content:flex-start; } }