styles.css

/* -------------------------------------------------------------
 * styles.css
 * Supplementary CSS loaded alongside theme.scss.
 * Most styling lives in theme.scss; keep this file small and
 * reserved for overrides that can't easily live in SCSS or for
 * third-party component adjustments.
 * ------------------------------------------------------------- */

/* Lightbox overlay tint — matches Modern Scholar palette */
.lb-dataContainer {
  font-family: "Inter", system-ui, -apple-system, sans-serif !important;
}

.lb-data .lb-caption,
.lb-data .lb-number {
  color: #FCFCFD !important;
}

.lightboxOverlay {
  background-color: #0F172A !important;
}

/* Plotly — paper-coloured background when hosted inside .content */
.js-plotly-plot .plotly .main-svg {
  background: transparent !important;
}

/* Pull Quarto's sidebar TOC tighter on wide screens */
@media (min-width: 1200px) {
  .sidebar-navigation {
    padding-top: 1rem;
  }
}

/* Hide the default Quarto title for pages where a custom hero is used */
.hero-page header#title-block-header.quarto-title-block {
  display: none;
}

/* Utility: mono figure for inline stats in prose */
.mono {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-feature-settings: "lnum" 1, "tnum" 1;
}

/* Language switcher pill (EN ⇄ IT) injected into the navbar */
.navbar .nav-link.lang-switch {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .72rem !important;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1;
  padding: .3rem .6rem !important;
  margin-left: .5rem;
  border: 1px solid #1E4D8C;
  border-radius: 999px;
  color: #1E4D8C !important;
  align-self: center;
  transition: background-color .18s ease, color .18s ease;
}

.navbar .nav-link.lang-switch::after { display: none !important; }

.navbar .nav-link.lang-switch:hover,
.navbar .nav-link.lang-switch:focus {
  background-color: #1E4D8C;
  color: #FCFCFD !important;
}