/* Shared tokens. ELTE navy with a gold accent used only on dark slides; the chart hues come from charts.js. */
:root {
  color-scheme: light;
  --navy: #012850;
  --navy-2: #173f6b;
  --gold: #ceaf87;
  --text: #16202b;
  --muted: #5b6573;
  --faint: #8a929c;
  --line: #e3e6ea;
  --line-strong: #c3c9d0;
  --tint: #eef2f7;
  --bg: #ffffff;
  --s1: #2a78d6;
  --serif: "Source Serif 4", Charter, "Iowan Old Style", Cambria, Georgia, serif;
  --sans: "Source Sans 3", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --system: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); }
button { font: inherit; color: inherit; cursor: pointer; }
button:disabled { cursor: default; }
.muted { color: var(--muted); }
.chart { display: block; overflow: visible; }
.chart text { font-family: inherit; font-variant-numeric: tabular-nums; }
.lc .legend { display: flex; flex-wrap: wrap; gap: 0.3em 1.4em; margin: 0 0 0.4em; color: var(--text); }
.lc .legend i, .readout i { display: inline-block; width: 1.3em; height: 0.22em; border-radius: 0.11em; vertical-align: middle; margin-right: 0.45em; position: relative; top: -0.08em; }
.lc svg { touch-action: pan-y; }
.readout { min-height: 2.6em; margin: 0.3em 0 0; color: var(--muted); font-size: 0.92em; }
.readout b { color: var(--text); }
.readout .ro { white-space: nowrap; margin-right: 0.9em; }
/* hover label for chart marks (all pages) */
.chart-tip { position: fixed; z-index: 50; display: none; pointer-events: none; max-width: 320px; padding: 7px 10px; border-radius: 6px; background: var(--navy); color: #fff; font: 600 14px/1.35 var(--sans); box-shadow: 0 2px 8px rgba(1, 40, 80, 0.25); }
.chart [data-tip], .chart .pt { cursor: default; }
.chart .pt.pick { cursor: pointer; }