/* Bellwether product bar for standalone pages (DC Tracker shell, Markets Dashboard, HTML research reports).
   Matches the app header in src/app/globals.css. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600;700&display=swap');

.bw-bar { position: sticky; top: 0; z-index: 1000; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 14px clamp(16px, 4vw, 48px); background: rgba(255, 255, 255, 0.96); border-bottom: 1px solid #dcdcdc; backdrop-filter: blur(10px);
  font: 400 14px/1 'Inter', 'Helvetica Neue', Arial, sans-serif; letter-spacing: 0; text-transform: none; }
.bw-bar .bw-brand { font: 400 24px/1 'Instrument Serif', 'Times New Roman', serif; color: #1a1a1a; text-decoration: none; white-space: nowrap; }
.bw-bar .bw-brand small { font: 500 9px/1 'Inter', Arial, sans-serif; letter-spacing: 0.26em; text-transform: uppercase; color: #8c8c8c; margin-left: 8px; vertical-align: 0.35em; }
.bw-bar nav { display: flex; gap: 2px; flex-wrap: wrap; }
.bw-bar nav a { color: #1a1a1a; text-decoration: none; padding: 10px 13px; border-radius: 2px; font: 400 14px/1 'Inter', Arial, sans-serif; }
.bw-bar nav a:hover { background: #ececec; }
.bw-bar nav a.on { background: #e7f1fb; color: #005ba3; }
@media print { .bw-bar { display: none; } }