.navbar, .navbar.bg-primary, .quarto-dashboard .navbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #1AB0E2;
}
.navbar .navbar-brand, .navbar .navbar-title, .navbar .nav-link,
.navbar .navbar-nav .nav-link.active {
  color: #1AB0E2 !important;
}
.navbar .nav-link.active { border-bottom: 2px solid #1AB0E2; background: transparent !important; font-weight: 600; }
.navbar-brand img { max-height: 52px; }
.navbar .navbar-title, .navbar .navbar-brand .navbar-title { font-size: 2rem !important; font-weight: 700 !important; }
.navbar .navbar-title { position: relative; top: -2px; }
/* Tabs to the right in the top bar */
.navbar .navbar-nav { margin-left: auto !important; margin-right: 1rem !important; }
.navbar .navbar-collapse, .navbar .container-fluid { justify-content: space-between; }
/* Same max width as sidebar + charts, centred */
.navbar > .navbar-container { max-width: 1600px; margin-left: auto; margin-right: auto; }
/* Two rows: logo + title (side by side, inside the container) on top, tabs underneath */
.navbar > .navbar-container { flex-wrap: wrap; }
.navbar-brand-container { flex: 0 0 100%; display: flex; align-items: center; gap: 2rem; min-height: 64px; }
.navbar-brand-container > a:first-child { flex: 0 0 auto; }
.navbar .navbar-collapse { flex: 0 0 100%; }
.navbar .navbar-title, .navbar .nav-link { white-space: nowrap; }
.bslib-sidebar-layout > .sidebar { font-size: 0.9rem; }
.sidebar-question { font-size: 1.15rem; font-weight: 700; line-height: 1.3; color: #1AB0E2; margin-bottom: 1rem; }
/* Each card keeps the height of its plot (rows are otherwise all as tall as the tallest card) */
.bslib-sidebar-layout > .main .bslib-grid { grid-template-rows: none !important; grid-auto-rows: max-content !important; }
.sidebar-note { font-size: 0.82rem; color: #333333; line-height: 1.35; margin: 0 0 0.75rem 0; }
/* Keep the dashboard from stretching across very wide screens */
.bslib-sidebar-layout { max-width: 1600px; margin-left: auto !important; margin-right: auto !important; }
/* The modebar tooltip bubble overflowed the card on hover, creating flickering scrollbars */
.card-body, .card-body .html-widget, .plotly.html-widget { overflow: hidden !important; }
.modebar-btn::before, .modebar-btn::after { display: none !important; }
/* Never let a plot container show scrollbars (a 1px overflow on hover makes them flicker) */
.html-widget, .js-plotly-plot, .plotly, .plot-container, .svg-container, .main-svg, .bslib-card, .card, .card-body, .bslib-grid > * {
  overflow: hidden !important;
}
.js-plotly-plot .plotly .modebar-container, .modebar-container { overflow: visible !important; }