/* Shared SQL typography: only these three text sizes and two weights.
   Layout, colours and diagram coordinates belong to each course. */
@font-face {
  font-family: "Jura";
  src: url("../fonts/Jura-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "SourceCodePro";
  src: url("../fonts/SourceCodePro-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --course-font-body: "Jura", sans-serif;
  --course-font-code: "SourceCodePro", monospace;
  --course-text-size: 18px;
  --course-text-line: 26px;
  --course-heading-size: 28px;
  --course-heading-line: 34px;
  --course-small-size: 14px;
  --course-small-line: 21px;
}
html { font-size: 16px; }
body {
  font-family: var(--course-font-body);
  font-size: var(--course-text-size);
  font-weight: 400;
  line-height: var(--course-text-line);
  letter-spacing: normal;
}
button, input, select, textarea { font: inherit; }
h1, h2, .site-title, .page-title, .course-subtitle {
  font-family: var(--course-font-body);
  font-size: var(--course-heading-size);
  font-weight: 400;
  line-height: var(--course-heading-line);
  letter-spacing: normal;
}
h3, h4, h5, h6 {
  font-family: var(--course-font-body);
  font-size: var(--course-text-size);
  font-weight: 700;
  line-height: var(--course-text-line);
}
strong, b, th, .token.bold, .token.important { font-weight: 700; }
.panel-title, summary {
  font-family: var(--course-font-body);
  font-size: var(--course-text-size);
  font-weight: 400;
  line-height: var(--course-text-line);
}
pre, code, kbd, samp, pre[class*="language-"], code[class*="language-"],
.codebox, .download-list a, .py-playground .CodeFlask,
.py-playground .CodeFlask__pre, .py-playground .CodeFlask__code,
.py-playground .CodeFlask__textarea, .py-playground .CodeFlask__lines {
  font-family: var(--course-font-code);
  font-size: var(--course-text-size);
  line-height: var(--course-text-line);
}
pre code { font: inherit; }
small, sub, sup, .text-small, .tip, .tip-txt,
.side-menu .menu-link__subtitle, .language-link,
.training-session-note, .survey-meta, .sim-meta {
  font-size: var(--course-small-size);
  line-height: var(--course-small-line);
}
.course-ui .side-menu { font-family: var(--course-font-body); }
.course-ui .side-menu :is(a, li, summary, .menu-link__title) {
  font-family: var(--course-font-body);
  font-size: var(--course-text-size);
  font-weight: 700;
  line-height: var(--course-text-line);
}
.course-ui .side-menu h3 {
  font-size: var(--course-heading-size);
  font-weight: 400;
  line-height: var(--course-heading-line);
}
.course-ui .menu-close {
  font-family: var(--course-font-body);
  font-size: var(--course-heading-size);
  line-height: var(--course-heading-line);
}
body .course-footer--sql {
  font-family: var(--course-font-body);
  font-size: var(--course-small-size);
  font-weight: 400;
  line-height: var(--course-small-line);
}
body .course-footer--sql :is(p, h6, div, span, strong, time) { font: inherit; }
body .course-footer--sql a[href^="mailto:"] {
  font-family: var(--course-font-body);
  font-size: var(--course-text-size);
  font-weight: 400;
  line-height: var(--course-text-line);
}
.welcome-intro, .intro, .home-topics .midden1 {
  font-size: var(--course-text-size);
  line-height: var(--course-text-line);
}
.home-topics h2 {
  font-size: var(--course-text-size);
  font-weight: 700;
  line-height: var(--course-text-line);
}