/* Monospace type: B612 Mono at 0.8125rem (13px at the browser's default size, and following the reader's own text size) for everything
   that should be monospace: the site's <code>, and on the data pages the SQL, schema, <pre> blocks, keys and the SQL editor.
   Loaded by t100_base.html (the site's pages) and base.html (Datasette's own). Datasette's app.css names `monospace` in many of its own
   rules; the ones a read-only site shows are covered here, and anything else falls back to the browser's monospace. */
@font-face {
  font-family: "B612 Mono";
  src: url("/static/common/fonts/b612-mono-v16-latin-regular.woff2")
    format("woff2");
  font-display: swap;
}

:root {
  --mono: "B612 Mono", ui-monospace, monospace;
  --mono-size: 0.8125rem;
}

code,
pre,
kbd,
samp,
tt,
.wrapped-sql,
form.sql textarea,
.cm-editor,
.cm-content {
  font-family: var(--mono);
  font-size: var(--mono-size);
}
/* In the charts only the numbers are B612 Mono; names, titles and legends stay in the page's sans. A monospace font gives "." and "," a full
   character cell ("3. 5", "1, 100"), so the digits (and %) come from B612 Mono by unicode-range and the punctuation from the sans after it. */
@font-face {
  font-family: "B612 Mono digits";
  src: url("/static/common/fonts/b612-mono-v16-latin-regular.woff2") format("woff2");
  unicode-range: U+0030-0039, U+0025;
  font-display: swap;
}
:root { --figures: "B612 Mono digits", "Helvetica Neue", "Helvetica", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
svg[class^="plot-"] [aria-label$="tick label"] { font-family: var(--figures); }
svg[class$="-ramp"] g text { font-family: var(--figures); }
/* a little air between a y axis's title and its top tick (Plot sets the title hard against it) */
svg[class^="plot-"] { overflow: visible; }
svg[class^="plot-"] [aria-label="y-axis label"] { translate: 0 -6px; }